/*!
Theme Name: DT
Theme URI: http://creativesclues.com/
Author: Creatives Clues
Author URI: http://creativesclues.com/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: dt
Tags: custom-background, custom-logo, c.s_solution-slider .s_s-box h5ustom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, isposts-navigation .nav-links a:before licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

dt is based on Creatives Clues http://creativesclues.com/, (C) 2012-2020 Automattic, Inc.
Creatives Clues 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
    ========================================================================== */

:root {
   --red: #ff0000;
   --black: #000;
   --white: #fff;
}
:focus-visible{outline: none;}
/**
       * 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%;
   position: relative;
}

html {
   scroll-behavior: smooth;
}
/* .evnodd section:nth-of-type(odd){background-color: #fbfbfb;} */

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

/**
       * Remove the margin in all browsers.
       */
body {
   margin: 0;
   padding: 0;
   font-family: "Rubik", sans-serif !important;
   font-size: 1rem;
   font-weight: 400;
}

/**
       * Render the `main` element consistently in IE.
       */
main {
   display: block;
   overflow: hidden;
}
.single.single-post main{overflow: visible;}

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

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

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

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

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

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

/**
       * 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%;
   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%;
   margin: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

*::before,
*::after {
   z-index: auto;
   pointer-events: all;
}

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

html {
   box-sizing: border-box;
}

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

/* Typography
      --------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
   color: #000;
   font-size: 1rem;
}

h1,
h2,
h3,
h4,
.text h4 .custom-hover-s_s-box,
h5,
.custom-hover,
h6 {
   clear: both;
}

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

blockquote {
   margin: 0 1.5em;
}

address {
   margin: 0 0 1.5em;
}

pre {
   background: #eee;
   margin-bottom: 1.6em;
   max-width: 100%;
   overflow: auto;
   padding: 1.6em;
}

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

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

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

big {
   font-size: 125%;
}

/* Elements
      --------------------------------------------- */
body {
   background: #fff;
}

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

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

ul {
   list-style: disc;
}

ol {
   list-style: decimal;
}

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

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

a:visited {
   color: #ed1c24;
}
a:-webkit-any-link:focus-visible {
    outline-offset: 0;
}


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

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);
   padding: 0.4em 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: #fff;
}

select {
   border: 1px solid #ccc;
}

textarea {
   width: 100%;
}

::-webkit-scrollbar {
   height: 4px;
   /* height of horizontal scrollbar ← You're missing this */
   width: 4px;
   /* width of vertical scrollbar */
   border: 1px solid #d5d5d5;
}

::-webkit-scrollbar-track {
   border-radius: 0;
   background: #eee;
}

::-webkit-scrollbar-thumb {
   border-radius: 0;
   background: #b0b0b0;
}

::-webkit-scrollbar-thumb:hover {
   cursor: pointer;
}

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

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

.text-black {
   color: #000000;
}

.text-gray-Benefits {
   color: #E9E9E9;
   margin-bottom: 0px !important;
}

.text-conclusion {
    margin-bottom: 0px !important;
}

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

.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;
}
.custom-logo-link:focus, .custom-logo-link:active, .custom-logo-link:visited,
.custom-logo-link:focus img, .custom-logo-link:active img, .custom-logo-link:visited img{border: none;box-shadow: none;}

/* 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;
   height: auto;
   left: 5px;
   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;
}

/* Global Css */
.bg-grey {
   background-color: #FBFBFB;
}

.before-none:before {
   display: none;
}

.after-none:after {
   display: none;
}

.big-text {
   font-size: 5rem;
}


h1,
h2,
h3,
h4,
h5,
h6 {
   font-weight: 500;
}


h1 {
   font-size: 70px;
}

.inner-h1.alt {
   font-size: 60px;
}

.inner-h1 {
   font-size: 65px;
   margin-bottom: 20px;
   text-transform: capitalize;
}

.inner-h1+p {
   color: #000;
}

h2 {
   font-size: 40px;
}

h3 {
   font-size: 40px;
}

h4,
.text h4 .custom-hover-s_s-box,
.main-content>h4 .custom-hover-s_s-box {
   font-size: 30px !important;
}

.main-content>h4 .custom-hover-D-box {
   font-size: 30px !important;
}

h5,
.custom-hover,
.custom-hover-s_s-box {
   font-size: 24px !important;
}

h6 {
   font-size: 20px;
}

.line-heading,
.line-heading-TYACITOA {
   position: relative;

   margin-bottom: 20px;
   text-transform: uppercase;
}

.line-heading:before,
.btn-line:after {
   content: "";
   background: url(img/line-white.svg) no-repeat center right;
   position: absolute;
   bottom: -10px;
   left: 0px;
   width: 54px;
   height: 12px;
   display: block;
}

.line-heading-TYACITOA {
   position: relative;
}

.line-heading-TYACITOA:before {
   content: "";
   background: url(img/line-red.png) no-repeat center;
   position: absolute;
   bottom: -8px;
   left: 0px;
   width: 23px;
   height: 12px;
   display: block;
}

.line-center {
   display: inline-block;
   margin: 0 auto;
}


.line-center-before:before {
   width: 100%;
   background-position: center !important;
}

.line-white:before,
.btn-line-white:after {
   background: url(img/line-white.svg) no-repeat center right;
}

.line-red:before,
.btn-line-red:after {
   background: url(img/line-red.svg) no-repeat center right;
}

.line-short:before,
.btn-line-short:after {
   background: url(img/line-short.svg) no-repeat center right;
   width: 28px;
}

.hide-before:before {
   display: none;
}

.hide-after:after {
   display: none;
}

p,
.normal {
   font-size: 16px;

   color: #000;
   margin-bottom: 0;
}


.lead {
   font-size: 18px;
   color: #000;
}

.black-service {
   color: #0E0E0E;
}

.sm-lead {
   font-size: 18px;
   color: #000;
   max-width: 1365px;
}

.custom-hover-p {
   font-size: 18px;
}

a {
   font-size: 20px;

   text-decoration: none;
}

ul {
   padding: 0 !important;
   margin: 0 !important;
   list-style: none;
}

.dt-container {
   width: 100%;
   padding-right: var(--bs-gutter-x, 0.75rem);
   padding-left: var(--bs-gutter-x, 0.75rem);
   margin-right: auto;
   margin-left: auto;
}

@media (min-width: 992px) {
   .dt-container {
      max-width: 1600px;
   }
}

section {
   padding: 40px 0;
}



/* Max Width */
.max-300 {
   max-width: 300px;
}

.max-350 {
   max-width: 350px;
}

.max-400 {
   max-width: 400px;
}

.max-500 {
   max-width: 500px;
}

.max-600 {
   max-width: 600px;
}

.max-640 {
   max-width: 640px;
}

.max-700 {
   max-width: 700px;
}

.max-800 {
   max-width: 800px;
}

.max-900 {
   max-width: 900px;
}

.max-1000 {
   max-width: 1000px;
}

/* Min Width */
.min-300 {
   min-width: 300px;
}

.min-400 {
   min-width: 400px;
}

.min-500 {
   min-width: 500px;
}

.min-600 {
   min-width: 600px;
}

.min-700 {
   min-width: 700px;
}

.min-800 {
   min-width: 800px;
}

.h-100vh {
   height: 100vh;
}

.min-100vh {
   min-height: 100vh;
}

.max-100vh {
   max-height: 100vh;
}

.w-100vw {
   width: 100vw;
}

.min-100vw {
   min-width: 100vw;
}

.max-100vw {
   max-width: 100vw;
}

/* Colors */

.black-child * {
   color: #000 !important;
}

.red-child * {
   color: #ed1c24 !important;
}

.white-child * {
   color: #fff !important;
}

.white-sub-child {
   color: #fff !important;
}

.red,
.btn.red {
   color: #ed1c24 !important;
}

.black,
.btn.black {
   color: #000 !important;
}

.white,
.btn.white {
   color: #fff !important;
}

.grey,
.btn.grey {
   color: #A2A2A2 !important;
}



.btn { font-size: 20px; text-decoration: none; min-width: 220px; text-align: center; position: relative; transition: all 0.3s ease-in-out; display: inline-flex; align-items: center; justify-content: center; border-radius: 50rem;}
.btn *{transition: all 0.3s ease-in-out;}
.btn-check:focus+.btn,
.btn:focus {box-shadow: none !important;}
@media screen and (max-width: 1400px) {
   .btn {font-size: 18px;min-width: 180px;}
}


.btn-simple{background-color: transparent;border: none;padding: 0;min-width: auto;}

.btn-primary,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.disabled,
.btn-primary:disabled,
.btn-anim-white,
.wpcf7-form-control.wpcf7-submit { background-color: var(--red); border: 1px solid var(--red); color: var(--white) !important;}
.btn-primary:hover,
.btn-check:focus+.btn-primary { color: var(--red)  !important; background-color: var(--white); border: 1px solid var(--red);}
.btn-primary:hover *{color: var(--red) !important;}


.btn-secondary,
.btn-secondary:focus,
.btn-secondary:active{background-color: transparent;color: var(--white)  !important;border: 1px solid var(--white);}
.btn-secondary:hover,
.btn-check:focus+.btn-secondary{color: var(--red)  !important;background-color: var(--white);border: 1px solid var(--white);}
.btn-secondary:hover * {color: var(--red) !important;}

.icon { width: 40px; height: 40px; background-color: var(--white); -webkit-mask: url("img/2026/btn-arrow.svg") no-repeat center / contain; mask: url("img/2026/btn-arrow.svg") no-repeat center / contain; transition: background-color 0.3s ease;}

.btn-primary:hover .icon, .btn-secondary:hover .icon, .icon-red {background-color: var(--red);}
.icon-white {background-color: var(--white);}


.btn-press:before {
   content: "";
   position: absolute;
   top: 50%;
   left: 50%;
   width: 105%;
   height: 140px;
   border-radius: 50%;
   transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 0);
   transition: opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1),
      transform 0.75s cubic-bezier(0.19, 1, 0.22, 1);
   opacity: 0;
}

.btn-press:hover:before {
   opacity: 1;
   transition-duration: 0.85s;
   transform: translate3d(-50%, -50%, 0) scaleX(1);
}

.btn-press span {
   z-index: 1;
   position: relative;
}

.btn-primary-press:hover span {
   color: #ed1c24 !important;
}

.btn-white-press:hover span {
   color: white !important;
}

.btn-press {
   font-size: 15px;
   text-decoration: none;
   text-align: center;
   padding: 8px 20px;
   position: relative;
   overflow: hidden;
}

.btn-primary-press {
   background-color: #ed1c24 !important;
   color: #fff !important;
   border: 1px solid #ed1c24 !important;
}

.btn-white-press {
   background-color: white !important;
   color: #ed1c24 !important;
   border: 1px solid white !important;
}

.btn-primary-press:before {
   background-color: #fff;
}

.btn-white-press:before {
   background-color: #ed1c24;
}

.btn-primary-press:hover {
   color: #ed1c24 !important;
}

.btn-white-press:hover {
   color: white !important;
}

.wpcf7-form-control.wpcf7-submit:hover {
   color: #ed1c24 !important;
   background-color: #fff !important;
}

.btn-border {
   background-color: transparent;
   border: 1px solid #ed1c24 !important;
}

.btn-border:hover {
   color: #fff !important;
}

.btn-border:before {
   background-color: #ed1c24;
}

.btn-icon {
   text-align: left;
   padding-left: 0;
   padding-right: 0;
   transition: all 0.3s ease-in-out;
}

.btn-icon img {
   margin-left: 10px;
   transition: all 0.3s ease-in-out;
}

.btn-icon:hover img {
   margin-left: 20px;
}

.btn-line {
   position: relative;
   padding: 10px 0 !important;
   text-align: left;

}

.btn-line-red:after {
   bottom: 0;
}

.max-financial-p {
   max-width: 760px;
}

.bg-shadow {
   position: relative;
}

.bg-shadow:before {
   content: "";
   width: 100%;
   border-radius: 20px;
   box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
   height: 65%;
   display: block;
   z-index: 0;
   position: absolute;
   top: calc(50% - 25px);
   transform: translateY(-50%);
}

@media screen and (max-width: 1199px) {

   h5,
   .custom-hover,
   .custom-hover-s_s-box {
      font-size: 20px !important;
   }
}

@media screen and (max-width: 767px) {
   .bg-shadow:before {
      height: 85%;
      top: 15%;
      transform: none;
      display: none;
   }
}

@media screen and (max-width: 600px) {

   .main-content>h2 {
      font-size: 23px !important;
   }

   .inner-scroll .main-content h3,
   .inner-scroll .main-content h3 .custom-hover-s_s-box {
      font-size: 20px !important;
   }

   h1,
   .inner-h1 {
      font-size: 28px !important;
   }

   h2 {
      font-size: 23px !important;
   }

   h3 {
      font-size: 22px !important;
   }

   h4,
   .text h4 .custom-hover-s_s-box {
      font-size: 20px !important;
   }

   h5,
   .custom-hover {
      font-size: 18px !important;
   }

   h6 {
      font-size: 15px !important;
   }

   .cms-sec-4 .num-col p strong {
      font-size: 28px !important;
   }

   .num-col {
      padding-top: 10px !important;
      padding-bottom: 10px !important;
   }

   .num-col .num {
      margin-top: 10px !important;
      margin-bottom: 10px !important;
   }

   .tech-tabs .nav-tabs .nav-link {
      padding: 0.5rem 0.5rem !important;
   }

   .tech-tabs .nav-tabs .nav-link,
   .tabs-style2 .nav-tabs .nav-link {
      font-size: 15px !important;
   }

   .tabs-style2 .nav-tabs .nav-link {
      padding: 0.5rem 0.3rem !important;
   }

   .ar-sec-3 .verticle_tab .nav-link {
      font-size: 22px !important;
   }

   .main-content>h6 {
      font-size: 18px !important;
   }

   .fs-xl {
      font-size: 40px !important;
   }

   .fs-sm {
      font-size: 30px !important;
   }

   .fs-xs {
      font-size: 15px !important;
   }

   .main-content>h4,
   .main-content>h4 .custom-hover-s_s-box,
   .main-content>h4 .custom-hover-D-box {
      font-size: 20px !important;
   }

   .border-end {
      border: 0 !important
   }

   #wpadminbar {
      position: fixed !important;
   }

   .w_c_d {
      padding: 50px 0px !important;
   }

   .contact-3 {
      min-height: auto !important;
   }

   .s_solution-slider .s_s-box,
   .slider-box {
      margin: 15px 0px 15px 1px !important;
   }

   .technology-box ul {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      margin-left: 0;
   }
   .technology-box li img, .tech-head img {
    max-width: 60px;
    max-height: 60px;
}

   .technology-box h4,
   .tech-content h4 {
      padding-left: 8% !important;
   }

   .btn {
      font-size: 17px;

      text-decoration: none;
      min-width: 155px;
      text-align: center;
      position: relative;
      overflow: hidden;
   }

   .cms-solution-slider .item .slider-box {
      width: 300px !important;
      margin-left: 0px !important;
   }

   .cms-k-f::before {
      top: 5% !important;
      left: 49.5% !important;

   }

   .CMS-f-k-bg-icon-bottom:after {
      bottom: -7.6% !important;
      right: -24.5% !important;
   }

   .new-bg-after:after {
      display: none;
   }

   .cms-k-f-bg-icon-2::after {
      top: -5% !important;
      right: -21% !important;
   }

   .CMS-f-a-p:before {
      top: 5% !important;
      left: 50.5% !important;
   }

   .CMS-f-a-p-bg-icon-2::after {
      top: -4% !important;
      right: -21% !important;
   }

   .dm-o-s-t::before,
   .chs::before,
   .cms-k-f::after,
   .hc-pti::after,
   .healthcare::before,
   .c-w-o-s::before,
   .pwa-p-w-a::after,
   .pwa-k-f::before,
   .pwa-ops::after,
   .mvp-bg-icon-4:after,
   .wd-w-g-f-e::after,
   .w_c_d_2::after {
      display: none;
   }

   .w_c_d_2-bg-icon-2::after {
      top: -8% !important;
      right: -21% !important;
   }

   .esd-bg-icon-2::after {
      top: -5% !important;
      right: -22% !important;
   }


   .hp-t-y-b-bg-icon-3:after {
      bottom: -3% !important;
   }

   .slide-left.bullet-list {
      margin-left: 0px !important;
   }


   ul {
      padding: 0px !important;
   }

   .max-600 {
      max-width: 100% !important;
   }

   .wd-w-g-f-e-bg-icon-bottom:after {
      bottom: -8.5% !important;
      right: -23.5% !important;
   }

   .mvp-bg-icon-2::after {
      top: -3% !important;
      right: -22% !important;
   }

   .pwa-ops::before {
      top: 5% !important;
      left: 39% !important;
   }

   .pwa-k-f-bg-icon-3::before {
      top: 1% !important;
   }

   .pwa-ops-bg-icon-2::after {
      top: -4% !important;
      right: -21% !important;
   }

   .kf-h-p-v-abg-icon-bottom:after {
      bottom: -6.5% !important;
      right: -23.5% !important;
   }

   .pwa-k-f-bg-icon-2::after {
      top: -4.5% !important;
      right: -22% !important;
   }

   .dm-o-s-t-bg-icon-2::after {
      top: -5%;
      right: -21%;
   }

   .dm-o-s-t-bg-icon-2::after {
      top: -5% !important;
      right: -20% !important;
   }

   .chs {
      padding: 140px 0px !important;
   }

   .hand {
      bottom: 60px !important;
      right: 11px !important;
   }


   .hc-pti::before {
      top: 3.5% !important;
      left: 58% !important;
   }

   .hc-pti-bg-icon-2::after {
      top: -2.5% !important;
      right: -22% !important;
   }

   .hc-pti-bg-icon-3:after {
      bottom: -1% !important;
   }

   .healthcare-bg-icon-3::before {
      top: 1% !important;
      left: 46% !important;
   }

   .healthcare-bg-icon-2::after {
      top: -4% !important;
      right: -21% !important;
   }

   .healthcare-bg-icon-bottom:after {
      bottom: -5.3% !important;
      right: -24.5% !important;
   }

   .ar-img-slide {
      padding: 0px 0px 0px 11px !important;
   }

   .positon-bottom-san-center {
      right: -3% !important;
      bottom: 55px !important;
   }

   .location-TYACITOA-box {
      height: 670px !important;
      padding: 0px 0px 10px 0px !important;
      margin: 20px !important;
   }

   #works-slider {
      margin-top: 20px !important;
   }

   .red-bullet-res {
      margin: 0px 0px !important;
   }

   .counter-bg-white {
      padding: 40px 20px !important;
   }

   .fs-md {
      font-size: 40px !important;
   }

   .counter-background {
      padding: 20px !important;
   }

   .home-slider {
      padding-top: 0px !important;
      padding-bottom: 10px !important;
   }

   .embed-responsive {
      padding: 0 !important;
   }

   .vr-hero-img img {
      height: 100vh !important;
   }

   .logos-slider {
      margin-top: 20px !important;
   }


   .num-col .num span {
      font-size: 40px !important;
   }

   .mg-sec-2 {
      background-position: 45% !important;
      min-height: auto !important;
   }

   #Ind.acc-style1 .accordion-body {
      padding: 20px 1.25rem 20px 20px !important;
   }

   .accordion-body .custom-hover-p {

   }

   /* .tnp-subscription .tnp-field-button {
         display: flex !important;
         justify-content: end !important;
         align-items: center !important;
      } */

   .dm-sec-5-bg-icon-2::after {
      top: -14% !important;
      right: -22% !important;
   }

   .c-w-o-s::after {
      top: 2.9% !important;
      left: 66% !important;
   }

   .c-w-o-s-bg-icon-2::after {
      top: -2% !important;
      right: -22% !important;
   }

   .c-w-o-s-bg-icon-3:after {
      bottom: -1% !important;
   }

   .dm-sec-5-bg-icon-3:after {
      bottom: -8% !important;
   }


   .embed-responsive video {
      min-height: 828px !important;
   }

   .pwa-p-w-a:before {
      top: 10% !important;
   }

   .pwa-p-w-a-bg-icon-bottom:after {
      bottom: -14.5% !important;
      right: -23.5% !important;
   }

   .pwa-p-w-a-bg-icon-2::after {
      top: -9% !important;
      right: -21% !important;
   }

   .mvp-bg-icon-2::after {
      top: -3% !important;
      right: -21% !important;
   }

   .mvp-bg-icon-3::before {
      top: 0% !important;
   }

   .mvp-sec-7 {
      padding: 20px 0 !important;
   }


   .ar-box .overlap {
      padding: 35px !important;
   }

   .max-300,
   .max-350 {
      max-width: 100% !important;
   }

   .four-grid .col-inner h5 {
      margin-bottom: 5px !important;
   }

   .ar-sec-3 .verticle_tab .nav-item {
      margin: 0 0 !important;
      padding-left: 0px !important;
   }

   .line-center {
      margin-bottom: 10px !important;
   }

   .verticle_tab .nav-item {
      margin: 10px 0 !important;
   }

   .num-col:before {
      width: 100% !important;
   }

   .num-col:before {
      width: 100% !important;
      left: 0 !important;
   }

   .wwd-p-h-m-bg-icon-2::after {
      top: -14% !important;
      right: -21% !important;
   }

   .wwd-p-h-m-bg-icon-bottom:after {
      bottom: -17.5% !important;
      right: -23.5% !important;
   }

   .c-w-t-t {
      margin: 0 auto !important;
   }

   .theme-ODA::after {
      top: 0% !important;
      right: -26% !important;
   }

   .owl-theme .owl-dots,
   .owl-theme .owl-nav {
      text-align: center !important;
   }

   .blog-detail-img {
      width: 65px !important;
   }

   .icon-list-img img {
      width: 50px !important;
      margin-right: 5px !important;
   }

   .contact-2.cms-sec-6:before {
      top: 10px !important;
   }

   .loc-box {
      width: auto !important;
   }

   .input-container {
      margin-bottom: 20px !important;
      width: 100% !important;
   }
}

.Vr-Development-img img {
   padding-top: 80px;
}

@media screen and (min-width: 1100px) {
   .right-full {
      margin-right: calc(50% - 50vw);
   }

   .right-full-min {
      margin-right: calc(50% - 50.7vw);
   }

   .right-full-max {
      margin-right: calc(50% - 60vw);
   }

   .left-full {
      margin-left: calc(50% - 50vw);
   }
}

/* Site Header */

/* Footer Form */
.footer-form {
   margin-bottom: 100px;
}

.form .wpcf7-form-control {
   background: #070707;
   border: none;
   border-bottom: 1px solid #262626;
   font-size: 15px;
   color: #fff;
   margin-bottom: 10px;
   min-width: 100%;
   max-width: 100%;
   border-radius: 0;
   transition: all 0.3s ease-in-out;
   padding-left: 0px;
}

.form .wpcf7-form-control:focus {
   background-color: #070707;
}

.form .wpcf7-form-control::-webkit-input-placeholder {
   color: #888888;
   font-size: 15px;
}

.form .wpcf7-form-control:-ms-input-placeholder {
   color: #888888;
   font-size: 15px;
}

.form .wpcf7-form-control::placeholder {
   color: #888888;
   font-size: 15px;
}

.form .wpcf7-form-control:focus-visible {
   outline: none;
}

.form .wpcf7-form-control.wpcf7-not-valid {
   border-color: #ed1c24;
}

.form .wpcf7-form-control.wpcf7-submit {
   border-radius: 50rem !important;
   min-width: 235px;
   font-size: 23px;
   padding: 10px;
   margin: 0 !important;
   height: auto;
   margin-top: 40px !important;
}


/* Mega Menu */


.owl-carousel .owl-stage {
   display: flex;
   align-items: center;
}

#related-posts-slider.owl-carousel .owl-stage {
   align-items: stretch;
}

#related-posts-slider.owl-carousel .owl-stage .item {
   height: 100%;
}

/* ====================== Home Slider Section ====================== */

/* New Swiper Hero SLider Start */
/* Hero wrapper reserves height immediately */
.hero { height: calc(100svh - 99px); position: relative; overflow: hidden; }
.hero-swiper, .hero-swiper .swiper-slide { height: 100%; }
.hero-swiper img { width: 100%; height: 100%; object-fit: cover; display: block; }
.slide-content { position: absolute; bottom: 60px; left: 0; right: 0; z-index: 10; }
.slide-content h1, .slide-content h2 { font-size: 64px; font-weight: 500; margin-bottom: 15px; color: #fff; max-width: 1200px; }
.slide-content h1, .slide-content h2 strong { font-weight: 500; }
.slide-content p { font-size: 20px; color: #fff; max-width: 80%; margin-bottom: 25px; }
.slide-buttons { display: flex; flex-wrap: wrap; gap: 15px; }
.slide-buttons .btn { font-size: 22px; min-width: 200px; }
.slide-buttons .btn-border { border-color: #fff !important; color: #fff !important; }
.swiper-nav-names { position: absolute; bottom: 60px; right: 0; left: 0; pointer-events: none; z-index: 20; }
.swiper-nav-buttons { display: flex; flex-direction: column; align-items: end; gap: 12px; max-width: 160px; margin-left: auto; pointer-events: all; }
.swiper-nav-buttons button { padding: 0; cursor: pointer; font-size: 20px; font-weight: 400; display: block; text-align: right; border: none; background-color: transparent; display: flex; align-items: center; opacity: 0.9; width: auto; color: #fff; }
.swiper-nav-buttons button.active { font-size: 24px; opacity: 1; }
.swiper-nav-buttons button.active:before { opacity: 1; }
.swiper-nav-buttons button:before { content: ""; background: url(img/2026/slider/slider-arrow.svg) no-repeat center; width: 24px; height: 24px; display: inline-block; opacity: 0; transition: opacity 0.3s ease-in-out; }
@media screen and (max-width: 1600px) {
.slide-content h1, .slide-content h2 { font-size: 50px; max-width: 80%; }
.slide-content p { font-size: 18px; }
.slide-buttons .btn { font-size: 20px; }
.swiper-nav-buttons button{font-size: 18px;}
.swiper-nav-buttons button.active{font-size: 22px;}
}
@media (max-width: 1199px) {
.slide-content h1, .slide-content h2 { font-size: 40px;max-width: 100%; }
.slide-content p { font-size: 16px; }
.slide-buttons .btn { font-size: 18px; }
.swiper-nav-buttons button{font-size: 16px;}
.swiper-nav-buttons button.active{font-size: 20px;}
}
@media (max-width: 767px) {
.swiper-nav-names { display: none; }
.my-carousel .item { min-height: 350px; background-color: #000; }
.slide-content p { max-width: 100%; } } @media (max-width: 575px) { .my-carousel .item { min-height: 550px; }
.slide-content h1 { font-size: 24px !important; }
.slide-content p { font-size: 14px; }
}

/* ====================== New Swiper Hero SLider End ====================== */

@media (min-width: 769px) and (max-width: 1100px) {
   .site-main .home-slider {
      padding-top: 0px !important;
   }
}

.home-slider {
   min-height: 900px;
}

.home-slider .dt-container {
   position: relative;
   min-height: 750px;
}



.logos-slider {
   margin-top: 1.4rem;
   width: 330px;
   max-width: 100%;
}

.logos-slider .owl-item {
   display: flex;
   justify-content: center;
}

.logos-slider .owl-item img {
   width: auto;
}

/* Awards */
.awards {
   margin-top: 3rem;
   background-color: #f9f9f9;
   padding: 55px 0px 70px;
}

.awards-slider {
   margin-top: 20px;
}

.awards-slider .owl-item img {
   width: auto;
}

.awards-col {
   padding: 0 20px;
}

/* Service */
.services {
   background-color: #ed1c24;
   color: #fff;
   position: relative;
}

.services-col p {
   max-width: 480px;
   margin-bottom: 10px;
}

.services-row {
   margin-top: 100px;
}

/* Services Inner Page */
.s_feature.related-before::before {
   top: 30%;
}

.w_c_d,
.k-f,
.cms-k-f,
.CMS-f-a-p,
.c-w-o-s,
.dm-o-s-t,
.dm-sec-5,
.w_c_d_2,
.pwa-p-w-a,
.pwa-k-f,
.healthcare,
.hc-pti,
.hp-t-y-b,
.hp-Integrations,
.indf-t-f-p,
.pwa-ops,
.wwd-p-h-m,
.mvp-h-w-d-i,
.wd-w-g-f-e,
.automotive-d-m-s,
.advertising-w-c-d {
   background-color: #1a1a1a;
   position: relative;
   color: #fff;
   padding: 100px 0px !important;
   display: flex;
   align-items: center;
}

.chs {
   background-color: #1a1a1a;
   position: relative;
   color: #fff;
   display: flex;
   align-items: center;
   padding: 200px 0px;
}

.indf-t-f-p {
   padding: 160px 0px !important;
}

.w_c_d:before {
   content: "";
   position: absolute;
   width: 30px;
   height: 30px;
   background: url(img/bg/w-c-d.png) no-repeat center;
   top: 24%;
   left: 32.7%;
   pointer-events: none;
}

.w_c_d-bg-icon-2:before {
   content: "";
   position: absolute;
   width: 30px;
   height: 30px;
   background: url(img/bg/w-c-d-2.png) no-repeat center;
   top: 43%;
   left: -3%;
   pointer-events: none;
}

.w_c_d-bg-icon-2::after {
   content: "";
   position: absolute;
   width: 165px;
   height: 165px;
   background: url(img/services/four-after-cd.png) no-repeat center;
   top: -9%;
   right: -10%;
   pointer-events: none;
}

.w_c_d-bg-icon-3:after {
   content: "";
   position: absolute;
   width: 185px;
   height: 30px;
   background: url(img/bg/w-c-d-3.png) no-repeat center;
   bottom: -3%;
   left: -10.9%;
   pointer-events: none;
}

.k-f:before {
   content: "";
   position: absolute;
   width: 30px;
   height: 30px;
   background: url(img/bg/w-c-d.png) no-repeat center;
   top: 11%;
   left: 34.5%;
   pointer-events: none;
}

.k-f-bg-icon-2:before {
   content: "";
   position: absolute;
   width: 30px;
   height: 30px;
   background: url(img/bg/w-c-d-2.png) no-repeat center;
   top: 60%;
   left: -3%;
   pointer-events: none;
}

.k-f-bg-icon-2::after {
   content: "";
   position: absolute;
   width: 165px;
   height: 165px;
   background: url(img/services/four-after-cd.png) no-repeat center;
   top: -9%;
   right: -10%;
   pointer-events: none;
}

.k-f-bg-icon-3:after {
   content: "";
   position: absolute;
   width: 185px;
   height: 30px;
   background: url(img/bg/w-c-d-3.png) no-repeat center;
   bottom: -3%;
   left: -10.9%;
   pointer-events: none;
}


.cms-k-f:before {
   content: "";
   position: absolute;
   width: 30px;
   height: 30px;
   background: url(img/bg/w-c-d.png) no-repeat center;
   top: 30%;
   left: 32.5%;
   pointer-events: none;
}

.cms-k-f::after {
   content: "";
   position: absolute;
   width: 100%;
   height: 100%;
   background: url(img/bg/w-c-d-7.png) no-repeat center;
   top: 0%;
   left: -3%;
   pointer-events: none;
}

.after-none::after {
   content: "";
   position: absolute;
   width: 100%;
   height: 100%;
   background: url(img/bg/w-c-d-7.png) no-repeat center;
   top: 0%;
   left: -3%;
   pointer-events: none;
}


.cms-k-f-bg-icon-2:before {
   content: "";
   position: absolute;
   width: 30px;
   height: 30px;
   background: url(img/bg/w-c-d-2.png) no-repeat center;
   top: 44%;
   left: -3%;
   pointer-events: none;
}

.cms-k-f-bg-icon-2::after {
   content: "";
   position: absolute;
   width: 165px;
   height: 165px;
   background: url(img/services/four-after-cd.png) no-repeat center;
   top: -9%;
   right: -10%;
   pointer-events: none;
}

.cms-k-f-bg-icon-3:after {
   content: "";
   position: absolute;
   width: 185px;
   height: 30px;
   background: url(img/bg/w-c-d-3.png) no-repeat center;
   bottom: -3%;
   left: -10.9%;
   pointer-events: none;
}

.CMS-f-k-bg-icon-bottom:after {
   content: "";
   position: absolute;
   width: 185px;
   height: 220px;
   background: url(img/bg/bottom-icon.png) no-repeat center;
   bottom: -21.6%;
   right: -10.5%;
   pointer-events: none;
}

.new-bg-after:after {
   content: "";
   position: absolute;
   width: 1192px;
   height: 750px;
   background: url(img/services/android/fnew/new-bg.webp) no-repeat center;
   bottom: -30%;
   right: -16%;
   pointer-events: none;
}

.CMS-f-a-p:before {
   content: "";
   position: absolute;
   width: 30px;
   height: 30px;
   background: url(img/bg/w-c-d.png) no-repeat center;
   top: 30%;
   left: 32.5%;
   pointer-events: none;
}


.CMS-f-a-p-bg-icon-2:before {
   content: "";
   position: absolute;
   width: 30px;
   height: 30px;
   background: url(img/bg/w-c-d-2.png) no-repeat center;
   top: 46%;
   left: -3%;
   pointer-events: none;
}

.CMS-f-a-p-bg-icon-2::after {
   content: "";
   position: absolute;
   width: 165px;
   height: 165px;
   background: url(img/services/four-after-cd.png) no-repeat center;
   top: -9%;
   right: -10%;
   pointer-events: none;
}

.CMS-f-a-p-bg-icon-3:after {
   content: "";
   position: absolute;
   width: 185px;
   height: 30px;
   background: url(img/bg/w-c-d-3.png) no-repeat center;
   bottom: -3%;
   left: -10.9%;
   pointer-events: none;
}

.c-w-o-s::after {
   content: "";
   position: absolute;
   width: 30px;
   height: 30px;
   background: url(img/bg/w-c-d.png) no-repeat center;
   top: 26%;
   left: 32%;
   pointer-events: none;
}

.c-w-o-s-bg-icon-2::after {
   content: "";
   position: absolute;
   width: 165px;
   height: 165px;
   background: url(img/services/four-after-cd.png) no-repeat center;
   top: -9%;
   right: -10%;
   pointer-events: none;
}


.c-w-o-s-bg-icon-2:before {
   content: "";
   position: absolute;
   width: 30px;
   height: 30px;
   background: url(img/bg/w-c-d-2.png) no-repeat center;
   top: 47%;
   left: -3%;
   pointer-events: none;
}

.c-w-o-s::before {
   content: "";
   position: absolute;
   width: 100%;
   height: 100%;
   background: url(img/bg/w-c-d-7.png) no-repeat center;
   top: 0%;
   left: -3%;
   pointer-events: none;
}

.c-w-o-s-bg-icon-3:after {
   content: "";
   position: absolute;
   width: 185px;
   height: 30px;
   background: url(img/bg/w-c-d-3.png) no-repeat center;
   bottom: -3%;
   left: -10.9%;
   pointer-events: none;
}

.dm-o-s-t::before {
   content: "";
   position: absolute;
   width: 100%;
   height: 100%;
   background: url(img/bg/w-c-d-7.png) no-repeat center;
   top: 0%;
   left: -3%;
   pointer-events: none;
}

.dm-o-s-t-bg-icon-2:before {
   content: "";
   position: absolute;
   width: 30px;
   height: 30px;
   background: url(img/bg/w-c-d-2.png) no-repeat center;
   top: 47%;
   left: -3%;
   pointer-events: none;
}

.dm-o-s-t-bg-icon-2::after {
   content: "";
   position: absolute;
   width: 165px;
   height: 165px;
   background: url(img/services/four-after-cd.png) no-repeat center;
   top: -9%;
   right: -10%;
   pointer-events: none;
}


.dm-o-s-t-bg-icon-3:after {
   content: "";
   position: absolute;
   width: 185px;
   height: 30px;
   background: url(img/bg/w-c-d-3.png) no-repeat center;
   bottom: -3%;
   left: -10.9%;
   pointer-events: none;
}

.w_c_d_2:before {
   content: "";
   position: absolute;
   width: 30px;
   height: 30px;
   background: url(img/bg/w-c-d.png) no-repeat center;
   top: 26%;
   left: 33%;
   pointer-events: none;
}

.w_c_d_2::after {
   content: "";
   position: absolute;
   width: 100%;
   height: 100%;
   background: url(img/bg/w-c-d-7.png) no-repeat center;
   top: 0%;
   left: -3%;
   pointer-events: none;
}


.w_c_d_2-bg-icon-2:before {
   content: "";
   position: absolute;
   width: 30px;
   height: 30px;
   background: url(img/bg/w-c-d-2.png) no-repeat center;
   top: 45%;
   left: -3%;
   pointer-events: none;
   background-position: center;
}

.w_c_d_2-bg-icon-2::after {
   content: "";
   position: absolute;
   width: 165px;
   height: 165px;
   background: url(img/services/four-after-cd.png) no-repeat center;
   top: -19%;
   right: -9%;
   pointer-events: none;
}

.w_c_d_2-bg-icon-3:after {
   content: "";
   position: absolute;
   width: 185px;
   height: 30px;
   background: url(img/bg/w-c-d-3.png) no-repeat center;
   bottom: -3%;
   left: -10.9%;
   pointer-events: none;
}

.pwa-p-w-a:before {
   content: "";
   position: absolute;
   width: 30px;
   height: 30px;
   background: url(img/bg/w-c-d.png) no-repeat center;
   top: 15%;
   left: 32%;
   pointer-events: none;
}

.pwa-p-w-a::after {
   content: "";
   position: absolute;
   width: 100%;
   height: 100%;
   background: url(img/bg/w-c-d-7.png) no-repeat center;
   top: 0%;
   left: -3%;
   pointer-events: none;
}


.pwa-p-w-a-bg-icon-2:before {
   content: "";
   position: absolute;
   width: 30px;
   height: 30px;
   background: url(img/bg/w-c-d-2.png) no-repeat center;
   top: 44%;
   left: -3%;
   pointer-events: none;
   background-position: center;
}

.pwa-p-w-a-bg-icon-2::after {
   content: "";
   position: absolute;
   width: 165px;
   height: 165px;
   background: url(img/services/four-after-cd.png) no-repeat center;
   top: -9%;
   right: -10%;
   pointer-events: none;
}

.pwa-p-w-a-bg-icon-bottom:after {
   content: "";
   position: absolute;
   width: 185px;
   height: 220px;
   background: url(img/bg/bottom-icon.png) no-repeat center;
   bottom: -20.5%;
   right: -10.5%;
   pointer-events: none;
}

.pwa-p-w-a-bg-icon-3:after {
   content: "";
   position: absolute;
   width: 185px;
   height: 30px;
   background: url(img/bg/w-c-d-3.png) no-repeat center;
   bottom: -3%;
   left: -14.5%;
   pointer-events: none;
}

.owl-carousel .owl-nav button.owl-next.disabled,
.owl-carousel .owl-nav button.owl-prev.disabled {
   opacity: 0.5;
   cursor: not-allowed;
}

.pwa-k-f::before {
   content: "";
   position: absolute;
   width: 100%;
   height: 100%;
   background: url(img/bg/w-c-d-7.png) no-repeat center;
   top: 0%;
   left: -3%;
   pointer-events: none;
}

.pwa-k-f-bg-icon-2:before {
   content: "";
   position: absolute;
   width: 30px;
   height: 30px;
   background: url(img/bg/w-c-d-2.png) no-repeat center;
   top: 48%;
   left: -3%;
   pointer-events: none;
   background-position: center;
}

.pwa-k-f-bg-icon-2::after {
   content: "";
   position: absolute;
   width: 165px;
   height: 165px;
   background: url(img/services/four-after-cd.png) no-repeat center;
   top: -9%;
   right: -10%;
   pointer-events: none;
}

.pwa-k-f-bg-icon-3:after {
   content: "";
   position: absolute;
   width: 185px;
   height: 30px;
   background: url(img/bg/w-c-d-3.png) no-repeat center;
   bottom: -3%;
   left: -10.9%;
   pointer-events: none;
}

.pwa-k-f-bg-icon-3::before {
   content: "";
   position: absolute;
   width: 30px;
   height: 30px;
   background: url(img/bg/w-c-d.png) no-repeat center;
   top: 10%;
   left: 34%;
   pointer-events: none;
}

.mvp-bg-icon-2:before {
   content: "";
   position: absolute;
   width: 30px;
   height: 30px;
   background: url(img/bg/w-c-d-2.png) no-repeat center;
   top: 48%;
   left: -3%;
   pointer-events: none;
   background-position: center;
}

.mvp-bg-icon-2::after {
   content: "";
   position: absolute;
   width: 165px;
   height: 165px;
   background: url(img/services/four-after-cd.png) no-repeat center;
   top: -9%;
   right: -10%;
   pointer-events: none;
}

.mvp-bg-icon-3:after {
   content: "";
   position: absolute;
   width: 185px;
   height: 30px;
   background: url(img/bg/w-c-d-3.png) no-repeat center;
   bottom: -3%;
   left: -10.9%;
   pointer-events: none;
}

.mvp-bg-icon-3::before {
   content: "";
   position: absolute;
   width: 30px;
   height: 30px;
   background: url(img/bg/w-c-d.png) no-repeat center;
   top: 10%;
   left: 34%;
   pointer-events: none;
}

.mvp-bg-icon-4:after {
   content: "";
   position: absolute;
   width: 185px;
   height: 30px;
   background: url(img/bg/w-c-d-3.png) no-repeat center;
   bottom: -10%;
   left: -14.9%;
   pointer-events: none;
}

.wd-w-g-f-e::after {
   content: "";
   position: absolute;
   width: 100%;
   height: 100%;
   background: url(img/bg/w-c-d-7.png) no-repeat center;
   top: 0%;
   left: -3%;
   pointer-events: none;
}

.wd-w-g-f-e-bg-icon-bottom:after {
   content: "";
   position: absolute;
   width: 185px;
   height: 220px;
   background: url(img/bg/bottom-icon.png) no-repeat center;
   bottom: -20.5%;
   right: -10.5%;
   pointer-events: none;
}

.esd-bg-icon-2:before {
   content: "";
   position: absolute;
   width: 30px;
   height: 30px;
   background: url(img/bg/w-c-d-2.png) no-repeat center;
   top: 48%;
   left: -3%;
   pointer-events: none;
   background-position: center;
}

.esd-bg-icon-2::after {
   content: "";
   position: absolute;
   width: 165px;
   height: 165px;
   background: url(img/services/four-after-cd.png) no-repeat center;
   top: -9%;
   right: -10%;
   pointer-events: none;
}

.esd-bg-icon-3:after {
   content: "";
   position: absolute;
   width: 185px;
   height: 30px;
   background: url(img/bg/w-c-d-3.png) no-repeat center;
   bottom: -3%;
   left: -10.9%;
   pointer-events: none;
}


.healthcare::before {
   content: "";
   position: absolute;
   width: 100%;
   height: 100%;
   background: url(img/bg/w-c-d-7.png) no-repeat center;
   top: 0%;
   left: -3%;
   pointer-events: none;
}

.healthcare-bg-icon-2:before {
   content: "";
   position: absolute;
   width: 30px;
   height: 30px;
   background: url(img/bg/w-c-d-2.png) no-repeat center;
   top: 48%;
   left: -3%;
   pointer-events: none;
   background-position: center;
}

.healthcare-bg-icon-2::after {
   content: "";
   position: absolute;
   width: 165px;
   height: 165px;
   background: url(img/services/four-after-cd.png) no-repeat center;
   top: -9%;
   right: -10%;
   pointer-events: none;
}

.healthcare-bg-icon-bottom:after {
   content: "";
   position: absolute;
   width: 185px;
   height: 151px;
   background: url(img/bg/bottom-icon.png) no-repeat center;
   bottom: -11.3%;
   right: -10.5%;
   pointer-events: none;
}

.healthcare-bg-icon-3:after {
   content: "";
   position: absolute;
   width: 185px;
   height: 30px;
   background: url(img/bg/w-c-d-3.png) no-repeat center;
   bottom: -3%;
   left: -10.9%;
   pointer-events: none;
}

.healthcare-bg-icon-3::before {
   content: "";
   position: absolute;
   width: 30px;
   height: 30px;
   background: url(img/bg/w-c-d.png) no-repeat center;
   top: 35%;
   left: 34%;
   pointer-events: none;
}


.hc-pti::before {
   content: "";
   position: absolute;
   width: 30px;
   height: 30px;
   background: url(img/bg/w-c-d.png) no-repeat center;
   top: 25%;
   left: 34%;
   pointer-events: none;
}

.hc-pti::after {
   content: "";
   position: absolute;
   width: 100%;
   height: 100%;
   background: url(img/bg/w-c-d-7.png) no-repeat center;
   top: 0%;
   left: -3%;
   pointer-events: none;
}

.hc-pti-bg-icon-2:before {
   content: "";
   position: absolute;
   width: 30px;
   height: 30px;
   background: url(img/bg/w-c-d-2.png) no-repeat center;
   top: 48%;
   left: -3%;
   pointer-events: none;
   background-position: center;
}

.hc-pti-bg-icon-2::after {
   content: "";
   position: absolute;
   width: 165px;
   height: 165px;
   background: url(img/services/four-after-cd.png) no-repeat center;
   top: -9%;
   right: -10%;
   pointer-events: none;
}

.hc-pti-bg-icon-3:after {
   content: "";
   position: absolute;
   width: 185px;
   height: 30px;
   background: url(img/bg/w-c-d-3.png) no-repeat center;
   bottom: -3%;
   left: -10.9%;
   pointer-events: none;
}
.chs::before {
   content: "";
   position: absolute;
   width: 100%;
   height: 100%;
   background: url(img/bg/w-c-d-7.png) no-repeat center;
   top: 0%;
   left: -3%;
   pointer-events: none;
}


.hp-t-y-b::after {
   content: "";
   position: absolute;
   width: 30px;
   height: 30px;
   background: url(img/bg/w-c-d.png) no-repeat center;
   top: 25%;
   left: 34%;
   pointer-events: none;
}

.hp-t-y-b::before {
   content: "";
   position: absolute;
   width: 100%;
   height: 100%;
   background: url(img/bg/w-c-d-7.png) no-repeat center;
   top: 0%;
   left: -3%;
   pointer-events: none;
}


.hp-t-y-b-bg-icon-2:before {
   content: "";
   position: absolute;
   width: 30px;
   height: 30px;
   background: url(img/bg/w-c-d-2.png) no-repeat center;
   top: 48%;
   left: -3%;
   pointer-events: none;
   background-position: center;
}

.hp-t-y-b-bg-icon-2::after {
   content: "";
   position: absolute;
   width: 30px;
   height: 30px;
   background: url(img/bg/w-c-d.png) no-repeat center;
   top: 0%;
   left: 34%;
   pointer-events: none;
}

.hp-t-y-b-bg-icon-3:after {
   content: "";
   position: absolute;
   width: 185px;
   height: 30px;
   background: url(img/bg/w-c-d-3.png) no-repeat center;
   bottom: -45%;
   left: -10.9%;
   pointer-events: none;
}

.hp-Integrations::after {
   content: "";
   position: absolute;
   width: 30px;
   height: 30px;
   background: url(img/bg/w-c-d.png) no-repeat center;
   top: 25%;
   left: 34%;
   pointer-events: none;
}

.hp-Integrations::before {
   content: "";
   position: absolute;
   width: 100%;
   height: 100%;
   background: url(img/bg/w-c-d-7.png) no-repeat center;
   top: 0%;
   left: -3%;
   pointer-events: none;
}

.hp-Integrations-bg-icon-2:before {
   content: "";
   position: absolute;
   width: 30px;
   height: 30px;
   background: url(img/bg/w-c-d-2.png) no-repeat center;
   top: 48%;
   left: -3%;
   pointer-events: none;
   background-position: center;
}

.hp-Integrations-bg-icon-3:after {
   content: "";
   position: absolute;
   width: 185px;
   height: 30px;
   background: url(img/bg/w-c-d-3.png) no-repeat center;
   bottom: -2%;
   left: -10.9%;
   pointer-events: none;
}

.indf-t-f-p::before {
   content: "";
   position: absolute;
   width: 100%;
   height: 100%;
   background: url(img/bg/w-c-d-7.png) no-repeat center;
   top: 0%;
   left: -3%;
   pointer-events: none;
}

.indf-t-f-p::after {
   content: "";
   position: absolute;
   width: 30px;
   height: 30px;
   background: url(img/bg/w-c-d.png) no-repeat center;
   top: 25%;
   left: 30%;
   pointer-events: none;
}

.indf-t-f-p-bg-icon-2:before {
   content: "";
   position: absolute;
   width: 30px;
   height: 30px;
   background: url(img/bg/w-c-d-2.png) no-repeat center;
   top: 58%;
   left: -3%;
   pointer-events: none;
   background-position: center;
}

.indf-t-f-p-bg-icon-3:after {
   content: "";
   position: absolute;
   width: 185px;
   height: 30px;
   background: url(img/bg/w-c-d-3.png) no-repeat center;
   bottom: -2%;
   left: -10.9%;
   pointer-events: none;
}

.pwa-ops::before {
   content: "";
   position: absolute;
   width: 30px;
   height: 30px;
   background: url(img/bg/w-c-d.png) no-repeat center;
   top: 25%;
   left: 30%;
   pointer-events: none;
}

.pwa-ops::after {
   content: "";
   position: absolute;
   width: 100%;
   height: 100%;
   background: url(img/bg/w-c-d-7.png) no-repeat center;
   top: 0%;
   left: -3%;
   pointer-events: none;
}

.pwa-ops-bg-icon-2::before {
   content: "";
   position: absolute;
   width: 30px;
   height: 30px;
   background: url(img/bg/w-c-d-2.png) no-repeat center;
   top: 58%;
   left: -3%;
   pointer-events: none;
   background-position: center;
}

.pwa-ops-bg-icon-2::after {
   content: "";
   position: absolute;
   width: 165px;
   height: 165px;
   background: url(img/services/four-after-cd.png) no-repeat center;
   top: -9%;
   right: -10%;
   pointer-events: none;
}

.pwa-ops-bg-icon-3:after {
   content: "";
   position: absolute;
   width: 185px;
   height: 30px;
   background: url(img/bg/w-c-d-3.png) no-repeat center;
   bottom: -2%;
   left: -10.9%;
   pointer-events: none;
}


.kf-h-p-v-abg-icon-bottom:after {
   content: "";
   position: absolute;
   width: 185px;
   height: 220px;
   background: url(img/bg/bottom-icon.png) no-repeat center;
   bottom: -20.5%;
   right: -10.5%;
   pointer-events: none;
}

.wwd-p-h-m::before {
   content: "";
   position: absolute;
   width: 30px;
   height: 30px;
   background: url(img/bg/w-c-d.png) no-repeat center;
   top: 25%;
   left: 30%;
   pointer-events: none;
}

.wwd-p-h-m-bg-icon-2::before {
   content: "";
   position: absolute;
   width: 30px;
   height: 30px;
   background: url(img/bg/w-c-d-2.png) no-repeat center;
   top: 58%;
   left: -3%;
   pointer-events: none;
   background-position: center;
}

.wwd-p-h-m-bg-icon-2::after {
   content: "";
   position: absolute;
   width: 165px;
   height: 165px;
   background: url(img/services/four-after-cd.png) no-repeat center;
   top: -9%;
   right: -10%;
   pointer-events: none;
}

.wwd-p-h-m-bg-icon-3:after {
   content: "";
   position: absolute;
   width: 185px;
   height: 30px;
   background: url(img/bg/w-c-d-3.png) no-repeat center;
   bottom: -2%;
   left: -10.9%;
   pointer-events: none;
}

.wwd-p-h-m-bg-icon-bottom:after {
   content: "";
   position: absolute;
   width: 185px;
   height: 220px;
   background: url(img/bg/bottom-icon.png) no-repeat center;
   bottom: -20.5%;
   right: -10.5%;
   pointer-events: none;
}

.theme-ODA {
   position: relative;
}

.theme-ODA::before {
   content: "";
   position: absolute;
   width: 30px;
   height: 30px;
   background: url(img/bg/w-c-d.png) no-repeat center;
   top: 12%;
   left: 1%;
   pointer-events: none;
}

.theme-ODA::after {
   content: "";
   position: absolute;
   width: 165px;
   height: 165px;
   background: url(img/services/four-after-cd.png) no-repeat center;
   top: 2%;
   right: -4%;
   pointer-events: none;
}

.theme-ODA-icons::before {
   content: "";
   position: absolute;
   width: 30px;
   height: 30px;
   background: url(img/bg/w-c-d-2.png) no-repeat center;
   top: 7%;
   right: 10%;
   pointer-events: none;
   pointer-events: none;
}

.theme-ODA-icons::after {
   content: "";
   position: absolute;
   width: 185px;
   height: 30px;
   background: url(img/bg/w-c-d-3.png) no-repeat center;
   bottom: -3%;
   left: -10.9%;
   pointer-events: none;
}

.automotive-d-m-s::before {
   content: "";
   position: absolute;
   width: 100%;
   height: 100%;
   background: url(img/bg/w-c-d-7.png) no-repeat center;
   top: 0%;
   left: -3%;
   pointer-events: none;
}

.automotive-d-m-s-before::before {
   content: "";
   position: absolute;
   width: 30px;
   height: 30px;
   background: url(img/bg/w-c-d.png) no-repeat center;
   top: 13%;
   left: 30%;
   pointer-events: none;
}

.automotive-d-m-s-before::after {
   content: "";
   position: absolute;
   width: 165px;
   height: 165px;
   background: url(img/services/four-after-cd.png) no-repeat center;
   top: -9%;
   right: -10%;
   pointer-events: none;
}

.advertising-Benefits-before::after {
   content: "";
   position: absolute;
   width: 165px;
   height: 165px;
   background: url(img/services/four-after-cd.png) no-repeat center;
   top: -9%;
   right: -10%;
   pointer-events: none;
}

.automotive-d-m-s-before-2::before {
   content: "";
   position: absolute;
   width: 30px;
   height: 30px;
   background: url(img/bg/w-c-d-2.png) no-repeat center;
   top: 43%;
   left: -3%;
   pointer-events: none;
}

.automotive-d-m-s-before-2::after {
   content: "";
   position: absolute;
   width: 185px;
   height: 30px;
   background: url(img/bg/w-c-d-3.png) no-repeat center;
   bottom: -3%;
   left: -10.9%;
   pointer-events: none;
}

.automotive-d-m-s-before-2::after {
   content: "";
   position: absolute;
   width: 185px;
   height: 30px;
   background: url(img/bg/w-c-d-3.png) no-repeat center;
   bottom: -3%;
   left: -10.9%;
   pointer-events: none;
}

.advertising-OPPORTUNITIES-icon {
   position: relative;
}

.a-o-list>li {
   position: relative;
   padding-left: 20px;
}

.a-o-list li::before {
   content: "";
   position: absolute;
   left: 0;
   background: url(img/industries/rb/Bullets.png) no-repeat center;
   width: 17px;
   height: 26px;
}

.advertising-OPPORTUNITIES-icon::after {
   content: "";
   position: absolute;
   right: 5%;
   bottom: 20%;
   background: url(img/industries/rb/icons-5.png) no-repeat center;
   width: 17px;
   height: 26px;
}

.careers-grid {
   position: relative;
}

.careers-grid::before {
   content: "";
   position: absolute !important;
   width: 178px !important;
   height: 178px !important;
   background: url(img/careers/icons-1.png) no-repeat center;
   top: 8% !important;
   right: -7% !important;
   pointer-events: none;
}


.w_c_d-after {
   position: relative;
}

.w_c_d:after{
   content: "";
   background: url(img/w_c_dafter.png) no-repeat center;
   width: 184px;
   height: 220px;
   position: absolute;
   right: -80px;
   bottom: -5%;
}

.w_c_d a,
.w_c_d_2 a {
   color: #ed1c24 !important;
}

.square-after {
   position: relative;
   overflow: hidden;
}

.pen-before,
.dots-after,
.zigzak-before {
   position: relative;
}

.pen-before:before,
.dots-after:after,
.zigzak-before:before {
   content: "";
   position: absolute;
}

.pen-before:before {
   background: url(img/pen.webp) no-repeat center;
   width: 75px;
   height: 72px;
   left: -30px;
   top: 160px;
}

.dots-after:after {
   background: url(img/dots.webp) no-repeat center;
   width: 307px;
   height: 314px;
   top: 80px;
   right: -120px;
}

.zigzak-before:before {
   background: url(img/zigzak.webp) no-repeat center;
   width: 190px;
   height: 89px;
   bottom: -20px;
   left: -70px;
}

.technology-box {
   width: 100%;
}

.technology-box ul {
   display: flex;
   align-items: center;
   margin-left: -10px !important;
}

.technology-box ul li {
   min-width: auto;
   padding: 15px 10px;
   border-bottom: 4px solid transparent;
   text-align: center;
   margin: 0 10px;
}

.technology-box ul li.active {
   border-color: #ff0000;
}

.tech-content {
   border-radius: 0 !important;
   z-index: 1 !important;
   position: relative;
   margin: 0 !important;
}

#techs-content {
   position: relative;
}

#techs-content:before,
#techs-content:after {
   content: "";
   width: 141px;
   height: 141px;
   position: absolute;
   z-index: -1;
}

#techs-content:before {
   background-color: #ff0000;
   border-radius: 0 0 100% 0;
   top: -30px;
   right: -30px;
}

#techs-content:after {
   background-color: #2a3ffd;
   border-radius: 0 100% 0 0;
   bottom: -30px;
   left: -30px;
}

.tech-content .tech-head {
   display: flex;
   align-items: center;
   margin-bottom: 20px;
}

.tech-content h4 {
   margin-left: 15px;
}

.inner-work {
   background-color: #ff0000;
}
.owl_1 .owl-stage .owl-item{flex: 0 0 auto;}
.tabs-style2 .nav-tabs {
   justify-content: space-between;
   border: none;
   margin: 0 0px 30px !important;
}

.tabs-style2 .nav-tabs .nav-link {
   color: #101011;
   text-transform: uppercase;

   font-size: 18px;
   text-align: left;
   position: relative;
   padding: 0.5rem 0.9rem;
   border: none;
}

.tabs-style2 .nav-tabs .nav-item.show .nav-link,
.tabs-style2 .nav-tabs .nav-link.active {
   border: none;
   margin: 0;
}

.tabs-style2 .nav-tabs .nav-item .nav-link:before,
.tabs-style2 .nav-tabs .nav-link:before {
   content: "";
   width: 29px;
   height: 4px;
   background-color: #ff0000;
   position: absolute;
   bottom: 0;
   left: 20px;
   border-radius: 5px;
   opacity: 0;
}

.tabs-style2 .nav-tabs .nav-item.show .nav-link:before,
.tabs-style2 .nav-tabs .nav-link.active:before {
   opacity: 1;
}

.tabs-style2 .tab-content {
   margin-top: 20px;
}

.tabs-after,
.tabs-before,
.tabs-after-2 {
   position: relative;
}

.tabs-after-2:after {
   content: "";
   position: absolute;
   width: 100px;
   height: 100px;
}


.tabs-after-2:after {
   background: url(img/tabs-after.png) no-repeat center;
   width: 53px;
   height: 59px;
   top: 100px;
   right: 20px;
}

.fh-tabs .nav-tabs {
   justify-content: space-between;
   border-width: 2px;
   margin: 0 !important;
}

.fh-tabs .nav-tabs .nav-item .nav-link {
   color: #fff;
   text-transform: uppercase;

   font-size: 18px;
   text-align: left;
   position: relative;
   padding: 0.8rem 1.5rem;
   border: none;
   background-color: transparent;
   margin-bottom: -2px;
}

.fh-tabs .nav-tabs .nav-item.show .nav-link,
.fh-tabs .nav-tabs .nav-link.active {
   border-bottom: 2px solid red;
}

.accordion-item {
   background-color: transparent;
}

.acc-style1 .accordion-item {
   border-radius: 0;
   border: none;
   border-bottom: 1px solid #d8d8d8;
   position: relative;
}

.black-page .acc-style1 .accordion-item {
   border-color: #323131;
}

#Ind.acc-style1 .accordion-item {
   border-top: 1px solid #d8d8d8;
   border-bottom: none;
}

#Ind.acc-style1 .accordion-button::after {
   filter: grayscale(1);
}

#Ind.acc-style1 .accordion-collapse:before {
   content: "";
   height: 2px;
   width: 165px;
   background-color: #ed1c24;
   position: absolute;
   top: -2px;
   opacity: 0;
   z-index: 9;
}

#Ind.acc-style1 .accordion-collapse.collapse.show:before {
   opacity: 0.5;
}

.acc-style1 .accordion-button {
   color: #000;
   background: transparent;
   box-shadow: none;
   font-size: 18px;
   padding: 1.5rem 1.25rem;

}

.acc-style1 .accordion-button:not(.collapsed) {
   padding-bottom: 0rem;
}

.acc-style1 .accordion-body {
   color: #7b7b7b !important;
   font-size: 16px;

}

.black-page .acc-style1 .accordion-body {
   color: #cdcdcd !important;
}

.acc-style1 .accordion-button:not(.collapsed)::after {
   background-image: url(img/minus.webp);
   background-size: 21px;
}

.acc-style1 .accordion-button::after {
   background-image: url(img/plus.webp);
   background-size: 21px;
}

.black-page .acc-style1 .accordion-button:not(.collapsed)::after {
   background-image: url(img/minus.webp);
   background-size: 21px;
}

.black-page .acc-style1 .accordion-button::after {
   background-image: url(img/plus-white.webp);
   background-size: 21px;
}


.faq-before {
   position: relative;
}


/* Ecommerce Development */
.ecom_s_solution {
   position: relative;
   min-height: 1050px;
}

.ecom_s_solution:before,
.ecom_s_solution:after,
.ecom-heading-after:after {
   content: "";
   position: absolute;
   pointer-events: none;
   z-index: -1;
}

.ecom_s_solution:before {
   background: url(img/services/ec-dev/ecom-before.svg) no-repeat center;
   width: 67px;
   height: 737px;
   top: 100px;
   left: 0;
}

.ecom_s_solution:after {
   background: url(img/services/ec-dev/ecom-after.svg) no-repeat center;
   width: 619px;
   height: 956px;
   bottom: 50px;
   right: -190px;
}

.ecom-heading-after {
   position: relative;
}

.ecom-heading-after:after {
   background: url(img/services/ec-dev/ecom-heading-after.svg) no-repeat center;
   width: 16px;
   height: 16px;
   bottom: 110px;
   right: 90px;
}

.grid-box.ecom-box {
   background-color: #fff;
   padding: 50px 40px;
   max-width: 533px !important;
}

.grid-box.ecom-box:after {
   content: "";
   position: absolute;
   bottom: 0;
   right: 0;
   background-color: #ed1c24;
   width: 84px;
   height: 84px;
   border-radius: 100px 0 20px 0;
}

.inner-scroll {
   height: 710px;
   overflow: auto;
}

.inner-scroll.height-610 {
   height: 610px;
}

.inner-scroll.height-380 {
   height: 380px;
}

.inner-scroll.sm {
   height: 300px;
}

#style-4::-webkit-scrollbar-track {
   visibility: hidden;
}

#style-4::-webkit-scrollbar {
   visibility: hidden;
}

#style-4::-webkit-scrollbar-thumb {
   visibility: hidden;
}

.ecom_sec_2 {
   background-color: #1a1a1a;
   position: relative;
   color: #fff;
   padding-bottom: 150px;
}

.verticle_tab {
   flex-direction: column;
   border: none;
}

.verticle_tab .nav-item {
   margin: 20px 0;
}

.verticle_tab .nav-link .num {
   font-size: 24px;
   background-color: #ed1c24;
   width: 31px;
   height: 31px;
   border-radius: 50px;
   display: inline-block;
   text-align: center;
   margin-right: 20px;
}

.verticle_tab .nav-link {
   border-radius: 0;
   font-size: 22px;
   border: none;
   position: relative;
   text-align: left;
}

.verticle_tab .nav-link .num {
   position: absolute;
   left: -30px;
   top: 50%;
   transform: translateY(-50%);
}

.verticle_tab {
   margin-left: 30px !important;
}

.verticle_tab .nav-item.show .nav-link,
.verticle_tab .nav-link.active {
   background: transparent;
}

.verticle_tab .nav-item .nav-link:after,
.verticle_tab .nav-link:after {
   content: "";
   background: url(img/line-red.svg) no-repeat center right;
   position: absolute;
   bottom: -5px;
   left: 15px;
   width: 54px;
   height: 12px;
   display: block;
   opacity: 0;
}

.verticle_tab .nav-item.show .nav-link:after,
.verticle_tab .nav-link.active:after {
   opacity: 1;
}

.ecom_sec_2:before,
.ecom_sec_2:after,
.ecom_sec_2-heading-after:after {
   content: "";
   position: absolute;
   pointer-events: none;
}

.ecom_sec_2:before {
   background: url(img/services/ec-dev/ecom_sec_2-before.svg) no-repeat center;
   width: 185px;
   height: 847px;
   bottom: 50px;
   left: -90px;
}

.ecom_sec_2:after {
   background: url(img/services/ec-dev/ecom_sec_2-after.svg) no-repeat center;
   width: 167px;
   height: 167px;
   top: 100px;
   right: -70px;
}

.ecom_sec_2-heading-after {
   position: relative;
}

.ecom_sec_2-heading-after:after {
   background: url(img/services/ec-dev/ecom_sec_2-heading-after.svg) no-repeat center;
   width: 17px;
   height: 17px;
   top: -30px;
   right: 10px;
}

#Verticle_tabContent .line {
   width: 62px;
   background-color: #ed1c24;
   height: 5px;
   border-radius: 5px;
   display: inherit;
   margin-bottom: 5px;
}

.bullet-list {
   margin: 20px 0 20px 0 !important;
}

.bullet-list>li {
   position: relative;
   padding-left: 35px;
   margin-bottom: 10px;
   color: #505050;
}

.slide-left.icon-list {
   margin-left: -55px !important;
}

.slide-left.bullet-list {
   margin-left: -35px;
}

.mb-05>li {
   margin-bottom: 5px;
}

.mb-00>li {
   margin-bottom: 10px;
}

.bullet-list>li:before {
   content: "";
   position: absolute;
   left: 0;
   background: url(img/bullet.svg) no-repeat center;
   width: 17px;
   height: 26px;
}

.our_process .tab-content p,
.our_process .tab-content li {

}

.tabs-dots-before {
   position: relative;
}

.tabs-dots-before:before {
   content: "";
   position: absolute;
   width: 150px;
   height: 150px;
   background: url(img/services/tabs-dots-before.svg) no-repeat center;
   z-index: -1;
}

.inner-exp-slider .item img {
   width: auto;
}

.inner-exp-slider .item {
   padding: 0 20px;
}

.four-grid {
   position: relative;
   padding-top: 200px;
}

.four-grid .col-inner {
   position: relative;
   padding: 2rem;
}

.four-grid .col-inner h5 {
   margin-bottom: 20px;
}

.four-grid .col-inner p .custom-hover-p {
   font-size: 18px;
}

.four-grid .col-inner p,
.four-grid .col-inner li {
   font-size: 18px;

   color: #505050;
}

.four-grid .col-inner:after {
   content: "";
   border-right: 2px solid #d2d2d2;
   position: absolute;
   right: 0;
   height: 355px;
   top: 20%;
}

.sm-bullet.bullet-list>li {
   padding-left: 25px;
}

.slide-left.sm-bullet {
   margin-left: -25px !important;
}

.sm-bullet.bullet-list>li:before {
   width: 15px;
   height: 15px;
   background: url(img/sm-bullet.svg) no-repeat;
   top: 5px;
}

.simple-bullet.bullet-list {
   margin: 20px 0 0 !important;
}

.simple-bullet.bullet-list>li {
   padding-left: 15px;
   margin-bottom: 5px;
}

.simple-bullet.bullet-list>li:before {
   width: 8px;
   height: 8px;
   background: #ed1c24;
   border-radius: 50px;
   top: 10px;
}

.four-grid:before,
.four-grid:after {
   content: "";
   position: absolute;
}

.four-grid:before {
   width: 100px;
   height: 100px;
   top: 100px;
   background: url(img/services/four-before.svg) no-repeat;
   left: -32px;
}

.four-grid:after {
   width: 100px;
   height: 100px;
   top: 140px;
   background: url(img/services/four-after.svg) no-repeat;
   right: -55px;
}

.sec_3 {
   position: relative;
   background-color: #fbfbfb;
   padding-bottom: 50px;
}

.sec_3 .sec_3_box {
   border-radius: 0;
   position: relative;
   margin-bottom: 3rem;
   height: 100%;
   margin: 0px;
}

.sec_3 .sec_3_box::before,
.sec_3 .sec_3_box::after {
   content: "";
   position: absolute;
}

.sec_3 .sec_3_box::before {
   bottom: 0;
   left: 0;
   width: 48px;
   height: 48px;
   background-color: #2a3ffd;
   border-radius: 0 50px 0 0;
}

.sec_3 .sec_3_box::after {
   top: 0;
   right: 0;
   width: 85px;
   height: 85px;
   background-color: #ff0000;
   border-radius: 0 0 0 100%;
}

.sec_3 .sec_3_box h4 {
   margin-bottom: 20px;
}

.sec_3 .sec_3_box .bullet-list {
   margin: 20px 0 !important;
}

.sec_3 .sec_3_box p,
.sec_3 .sec_3_box li {
   font-size: 16px;

   color: #505050;
}

/* VR Development */
.vr-sec-2,
.vr-sec-3,
.vr-sec-3 .icon-list,
.vr-sec-4,
.vr-sec-5,
.vr-sec-6,
.vr-sec-7,
.vr-sec-7-2 {
   position: relative;
}


.icon-list-before {
   position: relative;
}


.icon-list-before:before {
   content: "";
   position: absolute;
   width: 30px;
   height: 30px;
   background: url("img/services/vr/vr-sec-3center.webp") no-repeat center;
   left: 50%;
   top: 40%;
   transform: translate(-50%, -50%);
}

.vr-sec-3 .icon-list:before {
   content: "";
   position: absolute;
   width: 30px;
   height: 30px;
   background: url("img/services/vr/vr-sec-3center.webp") no-repeat center;
   left: 52%;
   top: 40%;
   transform: translate(-50%, -50%);
}


.overlap {
   position: absolute;
}

.black-page section {
   background-color: #000;
   color: #fff;
}

.vr-banner {
   position: relative;
}



.ar-box {
   width: 312px;
   border-radius: 20px;
   overflow: hidden;
   position: relative;
   padding-bottom: 5px;
}




.ar-box:hover .overlap:before {
   height: 100%;
   bottom: 0px;
}

.ar-box .overlap span,
.ar-box .overlap p {
   position: relative;
   z-index: 2;
}

.ar-box .ar-education-img img {
   height: 475px;
}

.vr-box {
   width: 312px;
   height: 500px;
   border-radius: 20px;
   position: relative;
   transition: transform 0.3s ease;
   background-color: red;
   overflow: hidden;
}

.vr-box img {
   width: 100%;
   height: auto;
   transform: translateY(0);
   transition: transform 0.4s ease;
}

.vr-box .overlap {
   position: absolute;
   bottom: -100px;
   left: 0;
   width: 100%;
   color: white;
   padding: 20px 20px 40px 20px;
   opacity: 0;
   transition: all 0.3s ease-in-out;
   background-color: #ff0000;
}

.vr-box:hover img {
   /*border-radius: 20px !important;
      transform: translateY(-8%);
      width: 312px !important;
      max-height: 340px;
      object-fit: cover;*/
}

.vr-box:hover .overlap {
   opacity: 1;
   bottom: 0;
}

/* vr-box .overlap, */
.ar-box .overlap {
   position: absolute;
   bottom: 0px;
   padding: 20px;
}

.vr-sec-3 .icon-list img {
   margin-top: -25px;
}

.vr-sec-3 .icon-list>li .text {
   margin-left: 20px;
}

.num-col {
   position: relative;
   padding-top: 30px;
   padding-bottom: 30px;
}

.num-col:before {
   content: "";
   height: 2px;
   width: 90%;
   display: inline-block;
   position: absolute;
   top: 0;
   background-color: #ffffffc2;
}

.num-col .num {
   font-size: 40px;
   margin-bottom: 15px;
   margin-top: 15px;
}

.num-col .num span {
   font-size: 60px;
}

.vr-sec-6 .grid-box {
   background-color: #0e0e0e;
   border-radius: 0;
}

.vr-sec-6 .grid-box:after {
   top: 0;
   right: 0;
   width: 52px;
   height: 52px;
   background-color: #ff0000;
   border-radius: 0 0 0 100%;
   content: "";
   position: absolute;
}

.vr-sec-7-2 .nav-tabs .nav-item.show .nav-link,
.vr-sec-7-2 .nav-tabs .nav-link.active,
.tabs-style2 .nav-tabs .nav-item.show .nav-link,
.tabs-style2 .nav-tabs .nav-link.active {
   background-color: transparent;
   color: #ff0000 !important;
}

.tech-grid>div {
   padding-top: 2rem;
   padding-bottom: 2rem;
}

.vr-sec-8 .icon-list img {
   margin-top: -5px;
   margin-right: 15px;
}

.vr-sec-8 .slide-left {
   margin-left: -50px;
}

/* Mobile Game */
.mg-sec-2 {
   background: url(img/bg/mg-sec-2-bg.webp) no-repeat center;
   min-height: 895px;
   display: flex;
   align-items: center;
}

.mg-sec-3 {
   padding-top: 150px;
}

.mg-sec-3 .inner-scroll {
   height: 350px;
}

.mg-sec-3,
.mg-sec-4 {
   position: relative;
}

.mg-sec-3:before,
.mg-sec-3:after,
.mg-sec-4:before {
   content: "";
   z-index: 1;
   position: absolute;
   pointer-events: none;
}


.mg-sec-3:before {
   width: 821px;
   height: 50px;
   top: 53%;
   left: 27%;
   transform: translate(-50%, -50%);
   background: url("img/services/mg/mg-sec-3before.webp") no-repeat center;
}

.mg-sec-3:after {
   width: 121px;
   height: 265px;
   top: 0;
   right: -30px;
   background: url("img/services/mg/mg-sec-3after.webp") no-repeat center;
}

.mg-sec-4:before {
   width: 102px;
   height: 112px;
   background: url("img/services/vr/vr-sec-7after.webp") no-repeat center;
   left: -48px;
   top: -50px;
   opacity: 0.4;
}

/* Application Development */
.ad-sec-3 h3 {
   font-size: 38px;
}

.ad-sec-5 {
   position: relative;
   background-color: #0e0e0e;
}

.ad-sec-6 {
   position: relative;
}

.ad-sec-6:before {
   content: "";
   position: absolute;
   width: 30px;
   height: 30px;
   background: url(img/services/vr/vr-sec-3before.webp) no-repeat center;
   left: 13%;
   top: 25%;
}

/* Augmented Reality */
.ar-sec-2 {
   background: url(img/services/ar/ar-sec-2-bg.webp) no-repeat center;
}

.ar-sec-3 .verticle_tab .nav-link {
   font-size: 24px;
}

.ar-sec-3 .verticle_tab .nav-item {
   margin: 10px 0;
   position: relative;
   padding-left: 30px;
}


.ar-sec-3 .verticle_tab .nav-link:before {
   content: "";
   background: #ed1c24;
   position: absolute;
   left: -30px;
   height: 3px;
   top: 18px;
}

.ar-sec-3 .verticle_tab .nav-link:after {
   display: none;
}

.ar-sec-3 .verticle_tab .nav-link.active:before {
   width: 40px;
}

.ar-box {
   width: auto;
}

.ar-box p {
   max-width: 400px;
}

.ar-sec-4,
.ar-sec-6,
.ar-sec-5 {
   position: relative;
}

.ar-sec-4 .dt-container:before{
   content: "";
   position: absolute;
   pointer-events: none;
}

.ar-sec-4 .dt-container:before {
   width: 135px;
   height: 13px;
   right: 16%;
   bottom: -40px;
   background: url(img/services/ar/ar-sec-4center.webp) no-repeat center;
}

.H-A-R-A-B-Y-B::after {
   content: "";
   width: 30px;
   height: 30px;
   left: 66%;
   top: 60%;
   background: url(img/bg/H-A-R-A-B-Y-B.webp) no-repeat center;
}

.ard-o-p::before {
   content: "";
   position: absolute;
   width: 30px;
   height: 30px;
   left: 33%;
   top: 22%;
   background: url(img/bg/Circle-icon.png) no-repeat center;
}

/* CMS Page */
.cms-sec-2,
.pwa-sec-2 {
   position: relative;
}

.cms-sec-2 .dt-container:before,
.pwa-sec-2 .dt-container:before,
.ent-sec-2 .dt-container:before,
.ind-sec-2 .dt-container:before {
   content: "";
   position: absolute;
   pointer-events: none;
}

.cms-sec-2 .dt-container:before,
.pwa-sec-2 .dt-container:before,
.ent-sec-2 .dt-container:before,
.ind-sec-2 .dt-container:before {
   width: 146px;
   height: 267px;
   left: 40%;
   top: -40px;
   background: url(img/services/cms/cms-sec-2center.webp) no-repeat center;
}

.ind-sec-2 .dt-container:before {
   background: url(img/industries/ind-sec-2-center.svg) no-repeat center;
   width: 14px;
   height: 14px;
   left: 39%;
   top: 18%;
}

.ind-sec-2.alt .dt-container:before {
   left: 45%;
   top: 20px;
}

.slider-box p {
   font-size: 16px;
}

.slider-box h5 {
   margin-bottom: 10px !important;
}

.slider-box .animated-text h5 {
   margin-bottom: 0.5rem;
}

.slider-box:hover .animated-text {
   margin-top: -70px;
}

.slider-box .animated-text p {
   opacity: 1;
   color: #fff;
   height: 0;
   font-size: 16px;
}

.cms-sec-2 .slider-box {
   min-height: 405px !important;
}

.slider-box:hover .animated-text p {
   height: auto;
}

.slider-box .appear-text p {
   position: relative;
   top: 100px;
   opacity: 0;
   display: none;
}

.slider-box:hover .appear-text p {
   display: block;
   top: 0px;
   opacity: 1;
   transition: all 500ms;
}

.slider-box:hover img {
   display: none;
   transition: all 500ms;
}

.cms-solution-slider .item .slider-box img {
   max-width: max-content;
   height: auto;
   margin: 0px 0px 10px;
}


.cms-solution-slider .item .slider-box {
   width: 346px;
   min-height: 450px !important;
   justify-content: flex-start;
   padding-top: 100px;
   padding-left: 29px;
   padding-right: 29px;
}

.cms-sec-4 .num-col p {
   color: #0e0e0e;
   font-size: 20px;
}

.cms-sec-4 .num-col p .custom-hover-p {
   font-size: 20px;
}

.cms-sec-4 .num-col p.num {
   font-size: 40px;
}

.cms-sec-4 .num-col p strong {

   font-size: 60px;
   vertical-align: middle;
}

.cms-sec-4 .num-col:before {
   background-color: #0e0e0e;
}

.cms-sec-4,
.cms-sec-6,
.cms-sec-7,
.cms-sec-8,
.cms-sec-9,
.cms-sec-10,
.cms-sec-11,
.financial-sec-8 {
   position: relative;
}

.cms-sec-5 .inner-scroll,
.pwa-sec-5 .inner-scroll {
   height: 700px;
}

.cms-sec-5 .icon-list>li .text p,
.pwa-sec-5 .icon-list>li .text p,
.icon-list.inner-scroll>li .text p {
   font-size: 16px;
}

.cms-sec-6 .bullet-list>li {
   margin-bottom: 20px;
}

.cms-sec-6:before,
.cms-sec-6:after,
.cms-sec-7:before,
.cms-sec-7:after,
.cms-sec-8:before,
.cms-sec-8:after,
.cms-sec-9:before,
.cms-sec-9:after,
.cms-sec-10:before,
.cms-sec-10:after,
.cms-sec-11:before,
.cms-sec-11:after {
   position: absolute;
   content: "";
   pointer-events: none;
}

.cms-sec-6:before {
   background: url(img/services/cms/cms-sec-6before.webp) no-repeat center;
   width: 86px;
   height: 82px;
   left: -40px;
   top: 32%;
}

.cms-sec-6:after {
   background: url(img/services/cms/cms-sec-6after.webp) no-repeat center;
   width: 64px;
   height: 64px;
   right: -20px;
   top: 55%;
}

.cms-sec-7:before {
   background: url(img/services/cms/cms-sec-7before.webp) no-repeat center;
   width: 681px;
   height: 110px;
   left: -40px;
   top: 200px;
}

.cms-sec-7:after {
   background: url(img/services/cms/cms-sec-7after.webp) no-repeat center;
   width: 179px;
   height: 511px;
   right: 0;
   bottom: 40px;
}

.cms-sec-8:before {
   background: url(img/services/cms/cms-sec-8before.webp) no-repeat center;
   width: 110px;
   height: 75px;
   left: -53px;
   top: 220px;
}

.cms-sec-8:after {
   background: url(img/services/cms/cms-sec-8after.webp) no-repeat center;
   width: 88px;
   height: 24px;
   right: 0;
   top: 280px;
}

.cms-sec-9:before {
   background: url(img/services/cms/cms-sec-9before.webp) no-repeat center;
   width: 930px;
   height: 858px;
   left: -60px;
   top: 90px;
}

.cms-sec-9:after {
   background: url(img/services/cms/cms-sec-9after.webp) no-repeat center;
   width: 54px;
   height: 23px;
   right: 0px;
   bottom: 35%;
}

.cms-sec-10:before {
   background: url(img/services/cms/cms-sec-10before.webp) no-repeat center;
   width: 576px;
   height: 460px;
   left: -15px;
   top: 100px;
}

.cms-sec-10:after {
   background: url(img/services/cms/cms-sec-10after.webp) no-repeat center;
   width: 635px;
   height: 409px;
   right: -80px;
   top: 70px;
}

.cms-sec-11:before {
   background: url(img/services/cms/cms-sec-11before.webp) no-repeat center;
   width: 121px;
   height: 728px;
   left: 10px;
   top: 100px;
}

.cms-sec-11:after {
   background: url(img/services/cms/cms-sec-11after.webp) no-repeat center;
   width: 580px;
   height: 677px;
   right: 180px;
   top: 150px;
}

.card {
   border: none;
   box-shadow: 0px 3px 5px 3px #eeeeee;
   border-radius: 0;
   padding: 1.5rem;
   position: relative;
}


.card lottie-player {
   position: absolute;
   top: 20px;
   right: 20px;
}

.anime-ballon {
   width: 652px;
   height: 652px;
}

.cms-sec-7 .card {
   height: 100%;
}

.cms-sec-7 .bullet-list {
   margin: 10px 0 0 !important;
}

.cms-sec-9 {
   background: #1a1a1a;
}

.cms-sec-11,
.mvp-sec-6 {
   background-color: #ed1c24;
}

.red-bg {
   background: url(img/bg/red-bg.webp) no-repeat center;
   background-size: cover;
}

.img-map {
   position: relative;
   text-align: left;
   min-height: 560px;
}

.img-map img {
   position: absolute;
   bottom: -1px;
   right: -25px;
}

.img-map iframe {
   width: 80%;
}

@media screen and (max-width: 1199px) {
   .img-map img {
      max-width: 60%;
   }

   .img-map iframe {
      width: 90%;
   }
}

@media screen and (max-width: 767px) {
   .img-map img {
      max-width: 30%;
   }

   .img-map iframe {
      width: 100%;
   }
}



.red-bg .btn-primary {
   background-color: #fff !important;

}

.red-bg .btn-primary span {
   color: red !important;
}

.red-bg .btn-primary:before {
   background-color: #000 !important;
}

.red-bg .btn-primary:hover span {
   color: white !important;
}

.cms-sec-11 .sm-bullet.bullet-list>li:before {
   filter: brightness(0) invert(1);
}

.cms-sec-11 .btn-primary,
.mvp-sec-6 .btn-primary {
   background-color: #000 !important;
}

/* New Rieview */
.new-rev-box.card {
   display: flex;
   flex-direction: row;
   padding: 0;
   border-radius: 10px;
   overflow: hidden;
   min-height: 350px;
   margin-bottom: 20px;
}

.new-left {
   background-color: white;
   padding: 30px;
   flex: 1 0 0%;
   text-align: center;
   display: flex;
   flex-direction: column;
   align-items: center;
}

.new-right {
   background-color: #F9F9F9;
   padding: 30px 20px;
   flex: 0 0 30%;
   display: flex;
   flex-direction: column;
   align-items: center;
}

.rat-num {
   font-size: 40px;

   margin-bottom: 1.5rem;
}

.text {
   font-size: 20px;

   color: #000;
}

.name {
   font-size: 28px;
   color: black;
   margin-bottom: 0.5rem;
}

figcaption .title {
   color: #000;

}

.title {
   color: #717171;
   font-size: 17px;
}

.label {
   color: #717171;
   font-size: 17px;
}

.rating {
   color: #717171;
   font-size: 17px;
}




/* Progressive Web App */
.pwa-sec-6,
.pwa-sec-6 .dt-container,
.pwa-sec-7 {
   position: relative;
}

.pwa-sec-6:before,
.pwa-sec-6:after,
.pwa-sec-6 .dt-container:before {
   content: "";
   position: absolute;
   pointer-events: none;
}

.pwa-sec-6:before {
   width: 94px;
   height: 812px;
   left: -40px;
   top: 100px;
   background: url(img/services/pwa/pwa-sec-6before.webp) no-repeat center;
}

.pwa-sec-6:after {
   width: 121px;
   height: 127px;
   right: -32px;
   top: 100px;
   background: url(img/services/pwa/pwa-sec-6after.webp) no-repeat center;
}

.pwa-sec-6 .dt-container:before {
   width: 20px;
   height: 20px;
   left: 34%;
   top: 150px;
   background: url(img/services/pwa/pwa-sec-6center.webp) no-repeat center;
}

.alt-height {
   min-height: 1020px;
   height: auto;
}


.pwa-sec-6 .icon-list img {
   margin-top: -10px;
}

/* MVP */


.ent-sec-2 .dt-container:before {
   left: 30%;
}

.mvp-sec-6,
.mvp-sec-7,
.mvp-sec-10,
.mvp-sec-10 .dt-container,
.anim-before {
   position: relative;
}

.mvp-sec-6 .dt-container {
   min-height: 700px;
   display: flex;
   align-items: center;
}

.mvp-sec-6:before,
.mvp-sec-6:after,
.anim-before:before,
.mvp-sec-10:before,
.mvp-sec-10:after,
.mvp-sec-10 .dt-container:before {
   content: "";
   position: absolute;
   pointer-events: none;
}

.mvp-sec-6:before {
   width: 121px;
   height: 728px;
   left: 0;
   top: 50px;
   background: url(img/services/mvp/mvp-sec-6-before.webp) no-repeat center;
}

.mvp-sec-6:after {
   width: 58px;
   height: 74px;
   right: 7%;
   top: 100px;
   background: url(img/services/mvp/mvp-sec-6-after.webp) no-repeat center;
}

.anim-before:before {
   width: 216px;
   height: 324px;
   left: 20%;
   top: -80px;
   background: url(img/services/anim-before.webp) no-repeat center;
}

.mvp-sec-8.cms-sec-9:before {
   background: url(img/services/mvp/mvp-sec-8-before.webp) no-repeat center;
   width: 528px;
   height: 878px;
   top: 50px;
}

.mvp-sec-8.cms-sec-9:after {
   background: url(img/services/mvp/mvp-sec-8-after.webp) no-repeat center;
   width: 86px;
   height: 731px;
   top: 50%;
   transform: translateY(-50%);
}

.mvp-sec-10 .slider-box {
   width: 100%;
}

.mvp-sec-10:before {
   width: 44px;
   height: 28px;
   left: 0;
   bottom: 30%;
   background: url(img/services/mvp/mvp-sec-10-before.webp) no-repeat center;
}

.mvp-sec-10:after {
   width: 26px;
   height: 26px;
   right: 80px;
   top: 100px;
   background: url(img/services/mvp/mvp-sec-10-after.webp) no-repeat center;
}

.mvp-sec-10 .dt-container:before {
   width: 23px;
   height: 25px;
   left: 30%;
   top: 160px;
   background: url(img/services/mvp/mvp-sec-10-center.webp) no-repeat center;
}

/* Enterprise Development */
.ent-solution-slider .slider-box {
   min-height: 426px;
}

#Ind.acc-style1 .accordion-button img {
   margin-right: 10px;
}

#Ind.acc-style1 .accordion-button {
   font-size: 24px;

}

#Ind.acc-style1 .accordion-body {
   color: #505050;
   font-size: 16px;
   padding: 20px 1.25rem 20px 60px;
}

/* Custom Web App CWA */
.cwa-sec-3 .inner-scroll {
   height: 670px;
}

.cwa-sec-4 .bullet-list {
   margin: 20px 0 20px !important;
}

.cwa-sec-6 {
   /* padding-top: 150px; */
}

.cwa-sec-6 .bullet-list {
   margin: 20px 0 0px !important;
}

/* Digital Marketing DM */
.dm-sec-5 {
   position: relative;
}

.dm-sec-5:before {
   content: "";
   position: absolute;
   pointer-events: none;
}


.dm-sec-5:before {
   content: "";
   position: absolute;
   width: 30px;
   height: 30px;
   background: url(img/bg/w-c-d.png) no-repeat center;
   top: 31%;
   left: 45%;
   pointer-events: none;
}


.dm-sec-5-bg-icon-2:before {
   content: "";
   position: absolute;
   width: 30px;
   height: 30px;
   background: url(img/bg/w-c-d-2.png) no-repeat center;
   top: 15%;
   left: -3%;
   pointer-events: none;
}

.dm-sec-5-bg-icon-2::after {
   content: "";
   position: absolute;
   width: 165px;
   height: 165px;
   background: url(img/services/four-after-cd.png) no-repeat center;
   top: -9%;
   right: -10%;
   pointer-events: none;
}

.dm-sec-5-bg-icon-3:after {
   content: "";
   position: absolute;
   width: 185px;
   height: 30px;
   background: url(img/bg/w-c-d-3.png) no-repeat center;
   bottom: -3%;
   left: -14.5%;
   pointer-events: none;
}



/* Industry */
.indus-box-hover * {
   transition: all 0.3s ease-in-out;
}

.indus-box-hover:hover img {
   filter: invert(15%) sepia(99%) saturate(6697%) hue-rotate(4deg) brightness(105%) contrast(118%);
}

.indus-box-hover:hover h5 {
   color: red;
}

.indus-box-hover:hover p {
   color: black;
}

.industry {
   overflow-x: hidden;
   padding-top: 100px;
   padding-bottom: 100px;
   background-color: #fbfbfb;
}

.industries-slider {
   margin-top: 50px;
}

.industries-slider .indus-box,
.s_solution-slider .s_s-box,
.slider-box {
   background-color: #fff;
   border-radius: 20px;
   box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.08);
   padding: 40px 20px;
   width: 344px;
   min-height: 388px;
   max-width: 100%;
   text-align: center;
   margin: 40px 5px;
   transition: all 0.3s ease-in-out;
}

.ads-sec .s_s-box,
.slider-box {
   text-align: left;
   padding: 58px 20px;
   min-height: 366px;
   width: 365px;
   max-width: 100%;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
}


.slider-box {
   text-align: left;
   padding: 38px 23px;
   min-height: 450px;
   width: 365px;
   max-width: 100%;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
}

.s_solution-slider.owl-carousel .owl-stage {
   align-items: normal;
}

.s_solution-slider.owl-carousel .owl-stage .item {
   display: flex;
   flex: 1 0 auto;
   height: calc(100% - 50px);
}

.s_solution-slider .s_s-box {
   text-align: left;
   padding: 38px 23px;
   min-height: 366px;
   width: 345px;
   max-width: 100%;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   height: 100%;
   position: relative;
}

.s_solution-slider .s_s-box h5,
.custom-hover-s_s-box,
.slider-box h5 {
   font-size: 26px;
   margin-bottom: 2rem;
}

.s_solution-slider .s_s-box h5 {
   margin-top: 0px;
}


.tabs-style2 .nav-tabs .nav-item.show .nav-link,
.tabs-style2 .nav-tabs .nav-link.active {
   color: #ff0000;
}

.inner-dev-height>div:first-child {
   min-height: 200px;
}

.industries-slider .indus-box .lg-lead {
   color: #000;
}

.s_solution-slider .s_s-box .btn,
.slider-box .btn {
   color: #000;
}

.s_solution-slider .s_s-box img {
   display: inline-block;
   width: 70px;
}


.s_solution-slider .item:hover .s_s-box,
.slider-box:hover {
   background-color: #ed1c24;
}

.item:hover .s_s-box h5 .custom-hover-s_s-box {
   color: white !important;
}

.item .s_s-box h5 .custom-hover-s_s-box {
   color: black !important;
}

.s_s-box:hover a {
   color: #fff !important;
}

.s_solution-slider .item .s_s-box *,
.slider-box * {
   transition: all 0.3s ease-in-out;
}

.s_solution-slider .item:hover .s_s-box *,
.slider-box:hover * {
   color: #fff;
}

.slider-box:hover .lg-lead .custom-hover-s_s-box {
   color: white !important;
}


.s_solution-slider .item:hover .s_s-box img,
.slider-box:hover img {
   -webkit-filter: invert(100%);
   filter: invert(100%);
}

.industries-slider .circle {
   width: 151px;
   height: 151px;
   display: flex;
   align-items: center;
   justify-content: center;
   background-color: #c8c8c8;
   border-radius: 100%;
   padding: 25px;
   margin: 0 auto 1.2rem;
   transition: all 0.3s ease-in-out;
}

.industries-slider .item a {
   filter: grayscale(1) brightness(200%);
   transition: all 0.3s ease-in-out;
}

.industries-slider .item:hover a {
   filter: grayscale(0);
}

.industries-slider .item:hover .circle {
   background-color: #ed1c24;
}

.industries-slider .item img,
.owl-carousel .item .btn img {
   width: auto;
}

.industries-slider .item .btn img {
   margin: 0 auto;
}

.industries-slider h5,
.industries-slider p {
   margin-bottom: 10px;
}

/* Work */
.works {
   color: #000;
   padding-bottom: 0 !important;
   position: relative;
   content-visibility: inherit !important;
}

#conter {
   font-size: 28px;

}

/* .works-slider{height: 788px;} */
#works-slider {
   min-height: auto;
   /* padding-bottom: 100px; */
   margin-top: 0px;
   overflow: hidden;
}

/**
       * Owl Carousel v2.3.4
       * Copyright 2013-2018 David Deutsch
       * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
       */
.owl-theme .owl-dots,
.owl-theme .owl-nav {
   text-align: center;
   -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-nav {
   margin-top: 10px;
}

.owl-theme .owl-nav [class*="owl-"] {
   color: #fff;
   font-size: 14px;
   margin: 5px;
   padding: 4px 7px;
   background: #d6d6d6;
   display: inline-block;
   cursor: pointer;
   border-radius: 3px;
}

.owl-theme .owl-nav [class*="owl-"]:hover {
   background: #869791;
   color: #fff;
   text-decoration: none;
}

.owl-theme .owl-nav .disabled {
   opacity: 0.5;
   cursor: default;
}

.owl-theme .owl-nav.disabled+.owl-dots {
   margin-top: 10px;
}

.owl-theme .owl-dots .owl-dot {
   display: inline-block;
   zoom: 1;
}

.owl-theme .owl-dots,
.owl-theme .owl-nav {
   text-align: right;
}

.owl-theme .owl-dots .owl-dot span {
   width: 55px;
   height: 7px;
   margin: 5px 7px;
   background-color: #F1F1F1;
   display: block;
   -webkit-backface-visibility: visible;
   transition: opacity 0.2s ease;
   border-radius: 30px;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
   background: #ED1C24;
}


#works-slider .owl-height .owl-stage .owl-item .item {
   padding-right: 40px;
}

#works-slider .bg-line {
   position: absolute;
   top: 50%;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   width: calc(100% - 750px) !important;
   height: 2px;
   z-index: -1;
   background: #ed1c24;
   right: 80px;
   content: "";
   margin-right: 0 !important;
}

.work-box {
   height: auto;
}

.work-box .number {
   font-size: 20px;
   color: #fff;

   position: absolute;
   top: 0;
   left: -35px;
}

.work-box .content {
   position: absolute;
   bottom: 30px;
   left: -30px;
   transform: translateZ(60px);
}

.work-box .tags {
   font-size: 20px;
   color: #fff;

}

.work-box h2 {
   font-size: 40px;

}

.work-box .btn-icon {

   color: #fff;
   margin-top: 20px;
}

.work-box .btn-icon img {
   width: auto;
   display: inline-block;
}

#works-slider .work-box,
.case-study .work-box {
   color: #fff;
   display: block;
   border-radius: 20px;
   position: relative;
   transform: perspective(2000px) rotateX(0deg) rotateY(0deg) scale3d(1, 1, 1);
   transform-style: preserve-3d;
}

.case-study .work-box>img,
#works-slider .work-box>img {
   border-radius: 20px;
}

.case-study .work-box .item__title,
#works-slider .work-box .item__title {
   color: #fff;
   position: absolute;
   bottom: 60px;
   left: -30px;
   z-index: 1;
   max-width: 80%;
   transform: translateZ(60px);
}

.case-study .work-box .item__image,
#works-slider .work-box .item__image {
   width: 100%;
   height: 100%;
}

.case-study .title,
#works-slider .title {
   font-size: 18px;
   color: #000000;
   margin-top: 30px;
}

.case-study .technology,
#works-slider .technology {
   font-size: 15px;

   color: #737373;
}

.case-study .works-btn,
#works-slider .works-btn {
   color: #000000;
   font-size: 15px;
   float: right;
   min-width: auto;
   display: inline-block;
   vertical-align: middle;
   margin-top: 30px;
}

.case-study .works-btn .icon,
#works-slider .works-btn .icon {
   width: 40px;
   vertical-align: middle;
   height: 40px;
   border-radius: 50%;
   text-align: center;
   background: #ed1c24;
   display: inline-block;
}

#works-slider .works-btn .icon img {
   float: none;
   padding-top: 11px;
}

.case-study .works-btn .icon img {
   float: none;
   padding-top: 0px;
   margin-left: 0px;
}

.case-study .work-box .item__discover,
#works-slider .work-box .item__discover {
   position: absolute;
   left: 0;
   bottom: 0px;
   padding-top: 10px;
   transform: translateY(100%) translateZ(20px);
}



.works-slider .owl-item .first-slide {
   min-width: 576px;
   top: 0;
   margin-bottom: 100px;
}

.bottom-wrap {
   position: absolute;
   bottom: 0px;
   display: flex;
   align-items: flex-end;
}

#counter {
   font-size: 28px;
   color: #ed1c24 !important;
}

#counter span {
   color: #5a5a5a !important;
}

.hand-wrap {
   display: flex;
   align-items: center;
   margin-left: 60px;
}

.hand-wrap p {
   color: #5a5a5a !important;
   max-width: 280px;
   margin-left: 15px;
}

.hand {
   width: 78px;
   height: 78px;
   position: absolute;
   bottom: 100px;
   right: 100px;
}

/* Technologies */
.technologies {
   padding: 100px 0;
}

.technologies h2 {
   font-size: 40px;
}

.tech-box {
   padding: 20px 10px;
   border-radius: 20px;
   text-align: center;
   transition: all 0.4s ease-in-out;
   margin-bottom: 15px;
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
}

.tech-box * {
   transition: all 0.3s ease-in-out;
}



.tech-box img {
   margin-bottom: 20px;
   filter: brightness(0);
}

.tech-box:hover img {
   filter: brightness(1);
}

.tech-box:hover h6 {
   color: #ed1c24 !important;
}

.tt-after {
   position: relative;
}

.tt-after:after {
   content: "";
   display: inline-block;
   position: relative;
   bottom: -30px;
   margin-left: 50px;
   background: url(img/tt-after.webp) no-repeat;
   width: 25px;
   height: 25px;
}

/* Award Grid */
.award-grid {
   position: relative;
   padding-top: 50px;
}

.grid-box {
   background-color: #fff;
   border-radius: 20px;
   box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.16);
   padding: 40px 30px;
   margin: 20px 10px;
   transform: perspective(2000px) rotateX(0deg) rotateY(0deg) scale3d(1, 1, 1);
   transform-style: preserve-3d;
}

/* Technologies Partners */
.tech-tabs .nav-tabs .nav-link {
   color: #000;
   font-size: 24px;
   padding: 0.5rem 1.5rem;
   border: none;
   position: relative;
}

.tech-tabs .nav-tabs .nav-item.show .nav-link,
.tech-tabs .nav-tabs .nav-link.active {
   border: none;
}

.tech-tabs .nav-tabs .nav-item.show .nav-link:before,
.tech-tabs .nav-tabs .nav-link:before {
   content: "";
   background: url(img/tabs-line.svg) no-repeat center right;
   position: absolute;
   bottom: -5px;
   right: 1.5rem;
   width: 0px;
   height: 12px;
   display: block;
   transition: all 0.3s ease-in-out;
}

.tech-tabs .nav-tabs .nav-item.show .nav-link:before,
.tech-tabs .nav-tabs .nav-link:hover:before,
.tech-tabs .nav-tabs .nav-link.active:before {
   width: 45px;
}

.tech-tabs .nav-tabs .nav-link:focus,
.tech-tabs .nav-tabs .nav-link:hover {
   border: none;
}

.tech-tabs .nav-tabs {
   justify-content: center;
   border: none;
   margin-bottom: 40px !important;
}

.tech-tabs {
   margin-top: 40px;
}

.tech-tabs .tab-content .title {
   font-size: 24px;

   margin-top: 20px;
}

/* Testimonials */
.testimonials {
   overflow-x: hidden;
   position: relative;
}

.testimonials-slider {
   position: relative;
}

.black-page .testimonials-slider.owl-carousel .owl-stage-outer:before {
   background: rgb(000, 000, 000);
   background: linear-gradient(90deg,
         rgba(000, 000, 000, 1) 0%,
         rgba(000, 000, 000, 0) 100%);
}

.testimonials-slider.owl-carousel .owl-stage-outer:before {
   content: "";
   width: 20px;
   background: rgb(255, 255, 255);
   background: linear-gradient(90deg,
         rgba(255, 255, 255, 1) 0%,
         rgba(255, 255, 255, 0) 100%);
   height: 100%;
   position: absolute;
   left: 0;
   top: 0;
   z-index: 99;
}

.black-page .testi-box {
   background-color: #0b0b0b;
}

.testi-box {
   width: auto;
   background-color: #fff;
   border-radius: 20px;
   box-shadow: 0 0 30px 0px rgb(0 0 0 / 16%);
   padding: 40px 30px;
   margin: 20px;
   height: auto;
}

.black-page .testi-box {
   padding: 70px 30px;
}

.testi-box .text {
   font-size: 20px;
}

.testi-box .text:before,
.testi-box .text:after {
   content: "";
   background: url(img/quote.webp) no-repeat top left;
}

.testi-box .text:before {
   display: block;
   width: 100%;
   height: 30px;
}

.testi-box .text:after {
   display: inline-block;
   width: 20px;
   height: 20px;
   background-position: bottom right;
   position: relative;
   bottom: -5px;
}

.testi-box .name {
   font-size: 18px;
   color: #333333;
   margin-top: 40px;
}

.testi-box .pos {
   font-size: 18px;
   color: #ff0000;
}

#testimonials-slider .owl-nav {
   position: absolute;
   top: -10px;
   right: 20px;
}

#testimonials-slider .owl-nav span {
   font-size: 50px;
   margin: 0 5px;
}

.black-page #testimonials-slider .owl-nav button span {
   color: #a1a1a1 !important;
}

#testimonials-slider .owl-nav button:hover span,
.black-page #testimonials-slider .owl-nav button:hover span {
   color: #ff0000 !important;
}

/* Modal Css */
.modal.modal-left .modal-dialog,
.modal.modal-right .modal-dialog {
   max-width: 380px;
   min-height: calc(100vh - 0px);
}

.modal.modal-left.show .modal-dialog,
.modal.modal-right.show .modal-dialog {
   transform: translate(0, 0);
}

.modal.modal-left .modal-content,
.modal.modal-right .modal-content {
   height: calc(100vh - 0px);
   overflow-y: auto;
}

.modal.modal-left .modal-dialog {
   transform: translate(-100%, 0);
   margin: 0px auto 0 0;
}

.modal.modal-right .modal-dialog {
   transform: translate(100%, 0);
   margin: 0px 0 0 auto;
}

.modal-full {
   min-width: 100%;
   margin: 0;
}

.modal-full .modal-content {
   min-height: 100vh;
   border-radius: 0;
}

.modal-body {
   display: flex;
   align-items: center;
}

.form.white-style .wpcf7-form-control {
   border-color: #71717145;
   color: #000;
   margin-bottom: 20px !important;
   background-color: transparent;
}

.modal.fade .modal-dialog {
   transition: transform 0.7s ease-in-out !important;
}

.modal {
   transition: all 0.7s ease-in-out !important;
}

.modal.fade:not(.show) {
   opacity: 1 !important;
}

/* .modal-backdrop {
   opacity: 0 !important;
   display: none !important;
} */

.modal-full .modal-content::-webkit-scrollbar {
   width: 5px;
   background: transparent;
}

/* Track */
.modal-full .modal-content::-webkit-scrollbar-track {
   background: #fff;
}

/* Handle */
.modal-full .modal-content::-webkit-scrollbar-thumb {
   background: #ff0000;
}

.note {
   font-size: 16px;
}

.ads-sec>li {
   display: flex;
   align-items: flex-start;
   margin-top: 20px;
   gap: 15px;
}

.icon-list>li {
   display: flex;
   align-items: flex-start;
   margin-top: 20px;
}



.icon-list>li .text {
   margin-left: 25px;
}
.icon-list>li .text h6{font-size: 20px !important;}
.icon-list>li .text p {
   font-size: 18px;
   margin-bottom: 0.5rem;
}
.icon-list>li a{line-height: normal;}
.icon-list>li .location-icon{min-width: 18px;}


/* Inner Page , About */
.numbers {
   padding-bottom: 60px;
}

.card-grid,
.team {
   padding: 60px 0;
}

.Executive-Team {
   padding: 100px 0px;
}

.tech-partner {
   padding-top: 60px;
   position: relative;
}

.tech-partner:before {
   content: "";
   background: url("img/doot.webp") no-repeat center;
   width: 34px;
   height: 34px;
   position: absolute;
   right: -5px;
   top: 40px;
}


.two-col-before,
.two-col-after {
   position: relative;
   overflow: hidden;
}

.card-grid .grid-box {
   padding: 60px 30px;
   display: flex;
   flex-direction: column;
   justify-content: center;
   min-height: 420px;
   box-shadow: 0 0 10px 0px rgb(0 0 0 / 10%);
}

.card-grid .grid-box h4 {
   font-size: 33px;
}

.card-grid .grid-box p {
   color: #000;
}

.shape-after {
   position: relative;
   border-bottom-right-radius: 0;
   overflow: hidden;
}

.shape-after:after {
   content: "";
   width: 168px;
   height: 168px;
   border-radius: 100%;
   display: inline-block;
   position: absolute;
   bottom: -84px;
   right: -84px;
}

.red-shape:after {
   background-color: #ed1c24;
}

.orange-shape:after {
   background-color: #ed851c;
}

.blue-shape:after {
   background-color: #1c99ed;
}

.lblue-shape:after {
   background-color: #59ceca;
}

.number-col h1 {
   color: #ed1c24;
}

.customer-slider {
   margin-top: 20px;
}

.customer-slider .owl-item img {
   max-width: unset;
   width: auto;
}

.team-col,
.team-col-rigth {
   width: 308px;
   height: 308px;
   background-color: #ed1c24;
   border-radius: 100%;
   margin-bottom: 30px;
   position:relative;
}
.team-hover:hover > img {
    opacity: 0.25;
}

.team-hover > img {
    transition: all 0.3s ease-in-out;
}
.linkbtn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity:0;
    background-color: #fff;
    border-radius: 50%;
    padding: 12px;
    transition: all 0.3s ease-in-out;
}
.team-col .linkbtn img {
    border-radius: 0;
    width: 35px;
}
.team-col:hover .linkbtn, .team-col-rigth:hover .linkbtn {
    opacity:1;
}

.team-col > img {
   margin-left: 4px;
}

.team-col-rigth > img {
   border-radius: 50%;
   margin-left: -7px !important;
}

/* Career */
.job-box {
   box-shadow: 0 0 10px 0px rgb(0 0 0 / 10%);
   border-radius: 20px;
   height: 100%;
   margin: 0 10px;
   padding: 20px;
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.job-box-press {
   box-shadow: 0 0 10px 0px rgb(0 0 0 / 10%);
   border-radius: 20px;
   padding: 0px 30px;
   display: flex;
   align-items: start;
   justify-content: center;
   flex-direction: column;
   height: 286px;
}

.type {
   font-size: 15px;
   color: #fff;
   background-color: #ed1c24;
   border-radius: 50em;
   padding: 5px 20px;
}


/* Blog */
.mix {
   display: inline-block;
}

.mix {
   display: none;
}

.clear {
   clear: both;
}

.circle-blog::before {
   bottom: -56px;
   right: 20%;
   transform: translateX(-50%);
   z-index: -1;
}

.blog-grid {
   position: relative;
}

.blog-grid .post {
   position: relative;
}

.blog-grid .post>img,
.blog-grid .post>picture img {
   position: absolute;
   z-index: 1;
   border-top-left-radius: 20px;
   border-top-right-radius: 20px;
   top: 0px;
   transition: all 0.3s ease;
}

.blog-grid .post:hover>img,
.blog-grid .post:hover>picture img {
   transform: rotate(-10deg);
   transition: all 0.3s ease-in-out;
   top: -50px;
}

.blog-grid .post:hover .inner-content {
   transform: rotate(10deg);
   transition: all 0.3s;
   background: #ed1c24 !important;
}

.blog-grid .post:hover .top-meta,
.blog-grid .post:hover h5,
.blog-grid .post:hover .entry p,
.blog-grid .post:hover .postmetadata a h5,
.blog-grid .post:hover .entry .btn,
.blog-grid .post:hover .postmetadata a {
   color: #fff !important;
}
.blog-grid .post:hover .entry .btn .icon{background-color: var(--white);}
.blog-grid .post .postmetadata {
   display: none;
}

label {
   color: #000;
}

.custom-pagination {
   margin-top: 2rem;
   text-align: center;
   z-index: 9;
}

.custom-pagination ul.page-numbers {
   display: inline-flex;
   justify-content: center;
   align-items: center;
   list-style: none;
   padding: 0;
   gap: 0.5rem;
   border: none;
}

.custom-pagination ul.page-numbers li {
   margin: 0;
}

.custom-pagination .page-numbers {
   display: inline-block;
   padding: 8px 14px;
   font-size: 1rem;
   border: 1px solid #ddd;
   color: var(--red);
   text-decoration: none;
   border-radius: 0.25rem;
   transition: 0.3s all ease;
}

.custom-pagination .page-numbers .page-numbers:hover {
   background-color: var(--red);
   color: #fff;
   border-color: var(--red);
}

.custom-pagination .page-numbers .page-numbers.current {
   background-color: var(--red);
   color: #fff;
   border-color: var(--red);
   cursor: default;
}


#category-tabs {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   border: none;
}

#category-tabs li {
   margin-right: 20px;
   position: relative;
   margin-bottom: 20px;
}
#category-tabs li .btn-secondary{text-transform: capitalize;}
#category-tabs li .btn-secondary.active{
   background-color: var(--red); border: 1px solid var(--red); color: var(--white) !important;
}

/* #category-tabs li a,
#category-tabs li button {
   font-size: 20px;
   text-transform: uppercase;
   color: #000;
   padding: 0;
   background: none;
   border: none;
   transition: all 0.1s ease-in-out;
}


#category-tabs li button:before {
   content: "";
   background: url(img/sm-line.svg) no-repeat center right;
   position: absolute;
   bottom: -8px;
   right: 0;
   width: 0;
   height: 6px;
   display: block;
   transition: all 0.3s ease-in-out;
}

#category-tabs li button.active:before,
#category-tabs li button:hover:before {
   width: 28px;
}*/

.post {
   height: 100%;
   margin: 0 10px;
}

.post .inner-content {
   padding: 30px;
}

.post>.inner-content {
   padding: 30px;
   position: relative;
   z-index: 2;
   background: #fff;
   box-shadow: 0 0 10px 0px rgb(0 0 0 / 10%);
   border-radius: 20px;
   transition: all 0.3s ease;
   height: 100%;
   display: flex;
   flex-direction: column;
   min-height: 295px;
}


.post .top-meta {
   text-transform: uppercase;
   color: #000;
   margin-bottom: 10px;
   font-size: 14px;
}

.post .entry p,
.post .postmetadata a {
   font-size: 16px;
   color: #000;
}

.post .btn {
   margin-top: 10px;
   font-size: 15px;
}

.blog-grid .post:hover .btn img {
   filter: brightness(0) invert(1) ;
}

.post .postmetadata {
   margin-top: 10px;
}

.post .postmetadata a {
   color: #717171;
   pointer-events: none;
   text-transform: lowercase;
}

.post .postmetadata a:before {
   content: "#";
   color: #717171;
}

.search-form {
   display: none;
   align-items: center;
}

.search-field:focus,
.search-field:focus-visible {
   color: #000 !important;
   border: none !important;
   outline: none;
}

.search-field::-webkit-input-placeholder {
   color: 000;
   font-size: 16px;
}

.search-field:-ms-input-placeholder {
   color: 000;
   font-size: 16px;
}

.search-field::placeholder {
   color: 000;
   font-size: 16px;
}

.search-submit {
   background: none;
   border: none;
   padding: 0;
   margin-right: 10px;
}

.search-field {
   border: none !important;
}

.search-field::-webkit-search-cancel-button {
   position: relative;
   right: 20px;
}

input[type="search"]::-webkit-search-cancel-button {
   -webkit-appearance: none;
}

.filterbar {
   position: relative;
}



/* Single Blog */
.single-banner {
   position: relative;
}

.embed-responsive {
   position: relative;
   display: block;
   width: 100%;
   padding: 0;
   overflow: hidden;
}

.embed-responsive {
   height: auto;
   min-height: auto;
}

.embed-responsive video {
   width: 100%;
   position: relative;
   object-fit: cover;
}


.blog-detail {
   padding-top: 200px;
}

.blog-detail .inner-h1 {
   font-size: 50px;
}

.hero__video {
   max-width: 100%;
   width: 550px;
}

#blog-content table > tbody > tr:first-child td{background-color: #aa0000;color:#fff;}
.single-blog-content {
   position: relative;
   padding-top: 0px;
}

.single-blog-content a{color: #ff0000;font-size: 16px;}
.single-blog-content h2, .single-blog-content h2 strong{font-weight: 700;}
.single-blog-content h2 {
   margin-top: 30px;
   font-size:36px !important;
}

.single-blog-content p {
   margin-bottom: 20px;
}
.single-blog-content p, .single-blog-content a, .single-blog-content li{font-size: 17px;}
.single-blog-content ul{padding-left: 20px !important;}
.single-blog-content li{list-style: disc;font-weight: 300;}

.single-blog-content h3, .single-blog-content h3 strong{font-size: 30px;}
.single-blog-content h4, .single-blog-content h4 strong{font-size: 26px;}
.single-blog-content h3, .single-blog-content h4, .single-blog-content h3 strong, .single-blog-content h4 strong{font-weight: 600;}


/* Related Blog */
.related-blog {
   padding-top: 0;
   position: relative;
}

.related-before {
   padding-bottom: 2rem;
   position: relative;
}

.related-before-Process {
   position: relative;
}

.related-before-Process:before {
   content: "";
   position: absolute;
   bottom: 1% !important;
   left: -40px;
   background: url(img/process/Frame.png) no-repeat center;
   width: 100px;
   height: 100px;
}

.related-before-Process:after {
   content: "";
   position: absolute;
   top: 24%;
   right: -40px;
   background: url(img/process/Group-1908.png) no-repeat center;
   width: 100px;
   height: 100px;
}

.related-blog .owl-item img {
   display: inline-block;
}

/* Newsletter */
.inner-cat {
   background: url(img/news-back.webp) no-repeat center right;
   min-height: 400px;
   display: flex;
   align-items: center;
   justify-content: center;
   color: #fff;
   background-size: cover;
}

.news-back {
   background: url(img/news-back.webp) no-repeat center right;
   background-size: cover;
   border-radius: 20px;
   padding: 40px;
}

.tnp-subscription {
   margin: 0 !important;
   max-width: 750px !important;
   margin-top: 40px !important;
}

.newsletter-form {
   border: 1px solid #fff;
   border-radius: 50rem;
   display: flex;
}

.tnp-subscription .tnp-field-email {
   flex: 1 0 auto;
   margin: 0 !important;
}

.tnp-subscription .tnp-field-button {
   margin: 0 !important;
}

.tnp-subscription .tnp-field-email .tnp-email {
   background-color: transparent;
   font-size: 15px;
   color: #fff !important;
   padding-left: 20px;
   /* padding-top: 14px; */
   display: flex;
   align-items: center;
   height: 100%;
   width: 100%;
   border: none;
}

.tnp-subscription .tnp-field-email .tnp-email:focus-visible {
   outline: none;
}

.tnp-subscription .tnp-field-button .tnp-submit {
   font-size: 18px;
   color: #ed1c24 !important;
   background-color: #fff;
   border-radius: 50rem;
   border: none;
   min-width: 216px;
   height: 50px;
   transition: all 0.3s ease-in-out;
}

.tnp-subscription .tnp-field-button .tnp-submit:hover {
   color: #fff !important;
   background-color: #000;
}

.tnp-subscription .tnp-field-email .tnp-email::-webkit-input-placeholder {
   color: #fff;
   font-size: 15px;
}

.tnp-subscription .tnp-field-email .tnp-email:-ms-input-placeholder {
   color: #fff;
   font-size: 15px;
}

.tnp-subscription .tnp-field-email .tnp-email::placeholder {
   color: #fff;
   font-size: 15px;
}

/* Testimonial Page */
.testimonial-grid .testi-box {
   height: 270px;
}

.testimonial-grid .testi-box,
.press-grid .testi-box {
   margin: 0;
   box-shadow: 0 0 10px 0px rgb(0 0 0 / 10%);
   width: 100%;
}


.testi-title {
   margin-left: 15px;
}

.testi-img {
   border-radius: 50rem;
}

.testi-head {
   display: flex;
   align-items: center;
   margin-bottom: 20px;
}

.testi-text {
   position: relative;
}

.testi-text:after {
   content: "";
   background: url(img/quote-text.webp) no-repeat center;
   width: 45px;
   height: 37px;
   position: absolute;
   top: 0;
   left: 0;
}

.testimonial-grid .testi-box p {
   font-size: 16px;
}

.testimonial-grid:after {
   content: "";
   background: url(img/filter-after.webp) no-repeat center;
   width: 180px;
   height: 180px;
   position: absolute;
   right: -100px;
   bottom: 0;
}

/* Contact Us */

.contact-2.cms-sec-6:before {
   top: 100px;
}

.contact-2.cms-sec-6:after {
   top: 200px;
}

.c-slider-box {
   padding: 0 5px;
}

.c-slider-box p {
   color: #000;
}

.c-data {
   display: flex;
   align-items: center;
   position: relative;
   margin: 60px 0;
}

.c-data:before {
   content: "";
   width: 30px;
   height: 30px;
   background: url(img/contact/c-before.png) no-repeat center;
   position: absolute;
   top: -40px;
   left: 20px;
}

.c-data img {
   width: auto;
   max-width: fit-content;
}

.contact-3 {
   min-height: 683px;
   height: auto;
}

.contact-3:before {
   background: url(img/contact/c3-bg.png) no-repeat center;
}

.contact-card {
   border: 1px solid #70707014;
   padding: 60px 40px;
   box-shadow: 0 10px 6px #00000005;
   border-radius: 50px;
}

.location-list li {
   position: relative;
   font-size: 20px !important;
   color: #000;
   min-height: 40px;
}

.location-list li:before {
   width: 29px;
   height: 29px;
   top: 50%;
   left: 0px;
   transform: translateY(-50%);
}
.img-bottom img {
    margin-bottom: 20px;
  }

.phone:before {
   background: url(img/contact/phone.png) no-repeat center !important;
}

.marker:before {
   background: url(img/contact/marker.png) no-repeat center !important;
}

/* Industries Pages */
.ind-sec-2,
.ind-sec-3,
.ind-sec-4,
.ind-sec-5,
.ind-sec-6,
.ind-sec-7 {
   position: relative;
}

.ind-sec-3 {
   padding-top: 100px;
}

.ind-sec-6 {
   background-color: #1a1a1a;
}

.ind-sec-3:before,
.ind-sec-3:after,
.ind-sec-4:after,
.ind-sec-5:before,
.ind-sec-5:after,
.ind-sec-6:before,
.ind-sec-6:after,
.ind-sec-7:before,
.ind-sec-7:after {
   content: "";
   position: absolute;
   pointer-events: none;
}

.ind-sec-3:before,
.ind-sec-7:before {
   width: 84px;
   height: 84px;
   background: url(img/industries/ind-sec-3-before.svg) no-repeat center;
   top: 80px;
   left: -43px;
}



.ind-sec-4:after {
   width: 88px;
   height: 96px;
   background: url(img/industries/ind-sec-4-after.svg) no-repeat center;
   bottom: 30%;
   right: -91px;
}


.ind-sec-5 {
   min-height: 900px;
   display: flex;
   align-items: center;
}

.ind-sec-5:before {
   width: 86px;
   height: 757px;
   background: url(img/industries/ind-sec-5-before.svg) no-repeat center;
   top: 80px;
   left: -25px;
}

.ind-sec-5:after {
   width: 42px;
   height: 42px;
   background: url(img/industries/ind-sec-5-after.svg) no-repeat center;
   top: 25%;
   transform: translateY(-50%);
   right: -15px;
}

.ind-sec-6:before {
   width: 185px;
   height: 897px;
   background: url(img/industries/ind-sec-6-before.svg) no-repeat center;
   bottom: 80px;
   left: -80px;
   top: auto;
}

.ind-sec-6.alt:before {
   height: 527px;
   background: url(img/industries/ind-sec-6-alt-before.svg) no-repeat center;
}

.ind-sec-6:after {
   width: 456px;
   height: 171px;
   background: url(img/industries/ind-sec-6-after.svg) no-repeat center;
   top: 150px;
   right: -75px;
}

.ind-sec-7.alt:before {
   width: 136px;
   height: 722px;
   background: url(img/industries/ind-sec-7-alt-before.svg) no-repeat center;
   top: 60px;
   left: -25px;
}

.ind-sec-7:after {
   width: 105px;
   height: 693px;
   background: url(img/industries/ind-sec-7-after.svg) no-repeat center;
   top: 60px;
   right: -65px;
}


.key-feature-before::before {
   content: "";
   position: absolute;
   width: 30px;
   height: 30px;
   background: url(img/bg/w-c-d.png) no-repeat center;
   top: 17%;
   left: 30%;
   pointer-events: none;
}

.key-feature-before::after {
   content: "";
   position: absolute;
   width: 185px;
   height: 30px;
   background: url(img/bg/w-c-d-3.png) no-repeat center;
   bottom: -7%;
   left: -10.9%;
   pointer-events: none;
}

.key-feature-after::before {
   content: "";
   position: absolute;
   width: 30px;
   height: 30px;
   background: url(img/bg/w-c-d-2.png) no-repeat center;
   top: 43%;
   left: -3%;
   pointer-events: none;
}

.key-feature p {
   color: #737373 !important;
}

.ind-sec-6 li,
.fs-15 {
   font-size: 15px;
}

.ind-sec-3 .icon-list img {
   min-width: 30px;
}

.ind-sec-7 {
   min-height: 800px;
   display: flex;
   align-items: center;
}

.owl-carousel .owl-item img {
   max-width: 100%;
   margin: 0 auto;
   width: auto;
}
#works-slider.owl-carousel .owl-item img{margin: 0;}

.owl-carousel.img-left .owl-item img {
   margin: 0;
}


.owl-carousel.inner-exp-slider .owl-item img {
   float: left;
}

.posts-navigation .nav-links a {
   color: #000;
   padding: 10px 15px;
   border: 1px solid #000;
   border-radius: 30px;
   transition: all 0.3s ease-in-out;
}

.posts-navigation .nav-links a:before,
.posts-navigation .nav-links a:after {
   font-size: 24px;
}

.posts-navigation .nav-links .nav-previous a:before {
   content: "<";
   margin-right: 7px;
}

.posts-navigation .nav-links .nav-next a:after {
   content: ">";
   margin-left: 7px;
}

.posts-navigation .nav-links a:hover {
   background-color: #ff0000;
   color: #fff;
   border-color: transparent;
}

.posts-navigation .nav-links a:hover:before {
   color: #fff;
}

.client-benefit {
   margin-top: 120px;
}

.client-benefit .nav-tabs li:first-child .nav-link {
   border-left: 1px solid #cfcfcf;
}

.client-benefit .nav-tabs .nav-link {
   background: #f9f9f9;
   border-right: 1px solid #cfcfcf;
   border-top: 1px solid #cfcfcf;
   border-bottom: 1px solid #cfcfcf;
   width: 340px;
   text-align: center;
   padding: 25px 0px;
   color: #000000;
   font-size: 20px;
   border-radius: 0px;
}

#myTabContent {
   background: #fff;
   padding: 90px 60px 10px 60px;
}

.client-benefit .slide-left.sm-bullet {
   margin-left: 0px !important;
}

.client-benefit .sm-lead {
   width: 100% !important;
   max-width: 100%;
}

.client-benefit .nav-tabs .nav-link.active {
   background: #fff;
}

.mt--420 {
   margin-top: -420px;
}

.tabs-style2.process-tab .nav-tabs .nav-link {
   font-size: 16px;

}



.align-self-normal {
   align-self: normal !important;
}


@media screen and (min-width: 1700px) {

   .wd-w-g-f-e::after {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      background: url(img/bg/w-c-d-7.png) no-repeat center;
      top: 0%;
      left: -3%;
      pointer-events: none;
   }

   .pwa-p-w-a::after {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      background: url(img/bg/w-c-d-7.png) no-repeat center;
      top: 0%;
      left: -3%;
      pointer-events: none;
   }

   .w_c_d_2::after {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      background: url(img/bg/w-c-d-7.png) no-repeat center;
      top: 0%;
      left: -3%;
      pointer-events: none;
   }

   .ar-education-img img {
      height: 475px !important;
   }
}

.scroll-reponsive-full {
   overflow: auto;
}

.scroll-reponsive-full .nav .nav-item {
   flex: 0 0 auto;
}

@media screen and (max-width: 1660px) {
   .scroll-reponsive {
      overflow: auto;
   }

   .our_process .nav,
   .vr-sec-7-2 .nav,
   .ar-sec-5 .nav {
      flex-wrap: nowrap;
      align-items: center;
      margin: 0 0px 20px !important;
   }

   .our_process .nav .nav-item,
   .vr-sec-7-2 .nav .nav-item,
   .ar-sec-5 .nav .nav-item {
      flex: 0 0 auto;
   }

   .line-center {
      margin-bottom: 10px;
   }

   .testimonials:before {
      width: 150px;
      height: 200px;
      background-size: contain;
   }

   .home-slider,
   .home-slider .dt-container {
      min-height: auto;
   }

   .home-slider {
      padding-bottom: 100px;
   }

   .lead,
   .sm-lead,
   .custom-hover-p {
      font-size: 16px;
   }

   .home-slider .dt-container::after {
      left: -128px;
   }



   .dt-container {
      max-width: 96vw;
   }

   .works-slider .owl-item .first-slide {
      max-width: 406px;
      min-width: 406px;
      padding-right: 50px;
   }

   .grid-box p .custom-hover-p,
   .grid-box p {
      font-size: 14px;
   }

   .test-left .dt-container:before {
      left: -216px;
   }

   .testi-box .text {
      font-size: 16px;
     }



   .tech-tabs .tab-content .title {
      font-size: 20px;
   }

   .services .dt-container:before {
      left: -100px;
   }

   .testimonials .dt-container:before {
      left: -195px;
      transform: scale(0.8);
   }

   p,
   .normal {
      font-size: 15px;
   }

}

@media screen and (max-width: 1440px) {



   .item__image_Arts-main {
      padding-left: 5% !important;
   }

   .item__image_Health {
      position: absolute;
      top: -13%;
      left: 0% !important;
   }

   .chs {
      padding: 228px 0px !important;
   }

}

@media screen and (max-width: 1440px) {
   .client-benefit .nav-tabs .nav-link {
      width: 320px;
   }

   .scroll-reponsive {
      overflow: auto;
   }

   .our_process .nav,
   .vr-sec-7-2 .nav,
   .ar-sec-5 .nav {
      flex-wrap: nowrap;
      align-items: center;
      margin: 0 0px 20px !important;
   }

   .our_process .nav .nav-item,
   .vr-sec-7-2 .nav .nav-item,
   .ar-sec-5 .nav .nav-item {
      flex: 0 0 auto;
   }

   .dt-logo {
      margin-right: 0;
   }



}

@media screen and (max-width: 1199px) {
   .inner-scroll {
      overflow: visible;
      height: auto !important;
   }

   .pwa-sec-6:after,
   .pwa-sec-6:before {
      top: 20px;
   }

   .testimonials:before {
      display: none;
   }

   .dt-header-cta {
      display: none;
   }

   .dt-navbar-wrap {
      justify-content: space-between;
   }

   .dt-navbar {
      flex: 0 1 auto;
   }

   .dt-container {
      max-width: 100vw;
   }

   .w_c_d,
   .w_c_d_2 {
      height: auto;
   }
}

@media screen and (max-width: 1366px) {



   .item__image_Arts {
      position: absolute;
      top: -10%;
      left: 21.5% !important;
   }

   .item__image_Arts-main {
      padding-left: 7% !important;
   }

   .item__image_Health {
      position: absolute;
      top: -13%;
      left: 3% !important;
   }

}

@media screen and (min-width: 1500px) and (max-width: 1599px) {



   .item__image_Arts {
      position: absolute;
      top: -10%;
      left: 21.5% !important;
   }

   .item__image_Arts-main {
      padding-left: 7% !important;
   }

   .item__image_Health {
      position: absolute;
      top: -13%;
      left: 3% !important;
   }

}

@media screen and (max-width: 1920px) {

   h1,
   .inner-h1 {
      font-size: 50px;
   }


   .item__image_Arts {
      position: absolute;
      top: -10%;
      left: 21.5% !important;
   }

   .item__image_Arts-main {
      padding-left: 7% !important;
   }

   .item__image_Health {
      position: absolute;
      top: -13%;
      left: 8% !important;
   }

   .chs {
      padding: 207px 0px !important;
   }
}

@media screen and (min-width: 2560px) {
   .cms-k-f::after {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      background: url(img/bg/w-c-d-7.png) no-repeat center;
      top: 0%;
      left: -3%;
      pointer-events: none;
   }

   .dm-o-s-t::before {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      background: url(img/bg/w-c-d-7.png) no-repeat center;
      top: 0%;
      left: -3%;
      pointer-events: none;
   }

   .w_c_d:after{
      content: "";
      background: url(img/w_c_dafter.png) no-repeat center;
      width: 184px;
      height: 220px;
      position: absolute;
      right: 11%;
      bottom: -5%;
   }

   .w_c_d_2::after {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      background: url(img/bg/w-c-d-7.png) no-repeat center;
      top: 0%;
      left: -3%;
      pointer-events: none;
   }

   .pwa-p-w-a::after {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      background: url(img/bg/w-c-d-7.png) no-repeat center;
      top: 0%;
      left: -3%;
      pointer-events: none;
   }

   .wwd-p-h-m-bg-icon-bottom:after {
      content: "";
      position: absolute;
      width: 185px;
      height: 220px;
      background: url(img/bg/bottom-icon.png) no-repeat center;
      bottom: -17.5%;
      right: -10.5%;
      pointer-events: none;
   }

   .wd-w-g-f-e::after {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      background: url(img/bg/w-c-d-7.png) no-repeat center;
      top: 0%;
      left: -3%;
      pointer-events: none;
   }

   .wd-w-g-f-e-bg-icon-bottom:after {
      content: "";
      position: absolute;
      width: 185px;
      height: 220px;
      background: url(img/bg/bottom-icon.png) no-repeat center;
      bottom: -17.5%;
      right: -10.5%;
      pointer-events: none;
   }

   .item__image_Arts {
      position: absolute;
      top: -10%;
      left: 21.5% !important;
   }

   .item__image_Arts-main {
      padding-left: 7% !important;
   }

   .item__image_Health {
      position: absolute;
      top: -13%;
      left: 18% !important;
   }

   .chs {
      padding: 207px 0px !important;
   }
}


@media screen and (max-width: 1100px) {

   lottie-player {
      max-width: 100%;
   }


   .home-slider {
      padding-bottom: 100px;
   }

   section,
   .industry {
      padding: 40px 0;
   }


   .testimonials-slider {
      margin-top: 40px;
   }

   .grid-box {
      text-align: left;
   }

   .grid-box img {
      margin-bottom: 20px;
   }

   .dot-box-right:before {
      left: 93.5%;
   }

   .red-diamond:before {
      left: 90.6%;
   }

   .dot-box-diagonal:after {
      left: 93.3%;
   }

   .dot-box-diagonal-second:after {
      left: -14.7%;
      top: 212px;
   }

   .dot-box-diagonal-third:before {
      left: 93.3%;
   }

   .oct-dot:after {
      left: -17.7%;
   }

   .oct-diag-second:after {
      left: 92.9%;
   }

   .dot-box-right-second:before {
      left: 93.5%;
      top: 67%;
   }

   .canvas {
      display: none;
   }

   .bg:before {
      height: 65% !important;
   }

   .counter-background {
      margin: 0 !important;
   }

   .scroll-to__title {
      display: none !important;
   }

   .scroll-to__line {
      display: none !important;
   }

   .scroll-to__line span {
      display: none !important;
   }

   .elementFirst-austin:before {
      display: none !important;
   }

   .elementSecond-austin:after {
      display: none !important;
   }

   .elementThird-austin:before {
      display: none !important;
   }

   .elementFourth-austin:after {
      display: none !important;
   }

   .elementFifth-austin:before {
      display: none !important;
   }

   .elementSixth-austin:after {
      display: none !important;
   }

   .elementSeventh-austin:before {
      display: none !important;
   }

   .elementEight-austin:after {
      display: none !important;
   }

   .elementNineth-austin:before {
      display: none !important;
   }

   .elementTenth-austin:after {
      display: none !important;
   }


   .elementEleventh-austin:before {
      display: none !important;
   }

   .elementTwelvth-austin:before {
      display: none !important;
   }


   .elementFirst-dallas:after {
      display: none !important;
   }

   .elementSecond-dallas:after {
      display: none !important;
   }

   .elementThird-dallas:before {
      display: none !important;
   }

   .elementFourth-dallas:after {
      display: none !important;
   }


   .elementFifth-dallas:before {
      display: none !important;
   }

   .elementSixth-dallas::after {
      display: none !important;
   }

   .elementSeventh-dallas:before {
      display: none !important;
   }

   .elementEight-dallas:after {
      display: none !important;
   }

   .elementNineth-dallas:after {
      display: none !important;
   }

   .elementTenth-dallas:before {
      display: none !important;
   }


   .elementEleventh-dallas:before {
      display: none !important;
   }

   .elementTwelveth-dallas:after {
      display: none !important;
   }

   .elementThirteenth-dallas:before {
      display: none !important;
   }

   .elementFourteenth-dallas:after {
      display: none !important;
   }

   .elementFirst-delaware:before {
      display: none !important;
   }

   .elementSecond-delaware:before {
      display: none !important;
   }

   .elementThird-delaware:before {
      display: none !important;
   }

   .elementFourth-delaware:after {
      display: none !important;
   }

   .elementFifth-delaware:before {
      display: none !important;
   }

   .elementSixth-delaware:after {
      display: none !important;
   }

   .elementSeventh-delaware:before {
      display: none !important;
   }

   .elementEight-delaware:after {
      display: none !important;
   }


   .elementFirst-florida:before {
      display: none !important;
   }

   .elementSecond-florida:after {
      display: none !important;
   }

   .elementThird-florida:before {
      display: none !important;
   }

   .elementFourth-florida:after {
      display: none !important;
   }

   .elementFifth-florida:before {
      display: none !important;
   }

   .elementSixth-florida:after {
      display: none !important;
   }

   .elementSeventh-florida:before {
      display: none !important;
   }

   .elementEight-florida:before {
      display: none !important;
   }

   .elementNinth-florida:before {
      display: none !important;
   }

   .elementTenth-florida:after {
      display: none !important;
   }

   .elementEleventh-florida:before {
      display: none !important;
   }

   .elementTwelvth-florida:after {
      display: none !important;
   }






   .custom-size {
      width: 160px !important;
      height: 170px !important;
   }

   .canvas {
      display: none !important;
   }

   .positon-bottom {
      top: 57px !important;
      right: 110px !important;
      transform: rotate(294deg);
   }

   .position-bottom-left {
      top: 57px;
      left: 420px;
      transform: rotate(322deg);
   }

}

@media screen and (max-width: 767px) {

   h1,
   .inner-h1 {
      font-size: 28px !important;
   }

   h2 {
      font-size: 30px !important;
      margin-bottom: 20px !important;
   }

   h3 {
      font-size: 22px !important;
   }
}

@media screen and (max-width: 767px) {
   .embed-responsive video {
      max-height: 1200px !important;
      min-height: 910px !important;
   }
}

@media screen and (max-width: 767px) {
   .fs-xl {
      font-size: 50px;
   }

   .four-grid {
      padding-top: 0;
   }

   #myTabContent {
      padding: 20px;
   }

   .hosp-why {
      width: 280px;
      height: 240px;
   }

   .anime-ballon {
      width: 300px;
      height: 300px;
      margin: 0 auto;
   }


   .anime-remove-mobile {
      display: none;
   }

   .mg-sec-2 {
      background-position: top;
   }

   .cms-sec-6 .four-grid {
      padding-top: 0px;
   }

   .cms-sec-7 .card lottie-player {
      right: -10px;
   }

   .our_process .nav,
   .vr-sec-7-2 .nav,
   .ar-sec-5 .nav {
      flex-wrap: nowrap;
      align-items: center;
      margin: 0 0px 20px !important;
   }

   .our_process .nav .nav-item,
   .vr-sec-7-2 .nav .nav-item,
   .ar-sec-5 .nav .nav-item {
      flex: 0 0 auto;
   }

   .ind-sec-3 {
      padding-top: 20px;
   }

   .embed-responsive {
      padding: 100px 0;
   }

   section {
      /* padding: 20px 0 40px 0; */
   }

   .form .wpcf7-form-control.wpcf7-submit {
      margin: 1rem auto !important;
      display: block;
   }

   .vr-padding-top {
      padding-top: 11rem;
   }

   .mvp-sec-10:after {
      top: 90px;
   }

   .mvp-sec-10 .dt-container:before {
      top: 150px;
   }

   .cms-sec-10:before {
      top: -80px;
   }

   .cms-sec-8:after {
      top: 350px;
   }

   .cms-sec-7:before {
      top: 340px;
   }

   #techs-content:before {
      top: -10px;
   }


   .contact-2.cms-sec-6:after {
      top: 380px;
   }

   .contact-2.cms-sec-6:before {
      top: 70px;
      right: -40px;
   }

   .author-avatar {
      width: 2.5rem;
   }

   .blog-detail {
      padding-top: 70px;
   }


   .newsletter-form {
      flex-direction: column;
      justify-content: center;
      text-align: center;
      gap: 10px;
      border: 0;
   }

   .tnp-subscription .tnp-field-email .tnp-email {
      border-radius: 50rem;
      border: 1px solid #fff !important;
   }

   .hand {
      bottom: 10px !important;
      right: 10px !important;
   }

   .mt--420 {
      margin-top: auto;
   }

   #Verticle_tabContent {
      padding-left: 0rem;
   }

   .ar-box {
      margin: 0 12px;
   }

   .cwa-sec-6 {
      padding-bottom: 3rem;
   }

   .client-benefit .nav-tabs .nav-link {
      width: 100%;
   }

   .client-benefit {
      margin-top: 1rem;
   }

   .inner-content {
      flex-basis: 150px;
   }

   .team-col,
   .team-col-rigth {
      width: auto;
      height: auto;
   }

   .home-slider,
   .home-slider .dt-container {
      min-height: auto;
      display: inline-block;
   }


   #ar-tabsContent {
      margin-top: 40px;
   }

   .mvp-sec-10 .slider-box {
      margin-bottom: 0;
   }

   .s_solution-slider .s_s-box,
   .slider-box {
      width: 300px;
      margin: 15px auto;
   }

   .home-slider .dt-container::before {
      height: 100%;
      top: 0;
      min-height: auto;
   }


   .w_c_d:after,
   .cms-sec-8:before,
   .pwa-sec-6:before,
   .tabs-after-2:after,
   .ecom_s_solution:before,
   .hp-Integrations::before,
   .hp-t-y-b::before {
      display: none;
   }

   .mvp-sec-6:before,
   .pwa-sec-6:after {
      top: 20px;
   }

   .four-grid .col-inner:after {
      background-color: #d2d2d2;
      width: 80%;
      height: 3px;
      bottom: 10px;
      top: auto;
      right: 50%;
      transform: translateX(50%);
   }

   .inner-scroll {
      overflow: visible;
      height: auto !important;
   }

   .home-slider .row,
   .vr-banner .row,
   .mob-reserve .row {
      flex-direction: column-reverse;
   }




   .tnp-subscription .tnp-field-button .tnp-submit {
      min-width: auto;
      padding-left: 25px;
      padding-right: 25px;
   }



   .home-slider lottie-player {
      max-width: 100%;
      margin-top: 0px;
   }


   h1 br {
      display: none;
   }

   .home-slider {
      background-position: 0px;
      padding-top: 0px;
      padding-bottom: 0;
   }

   .logos-slider {
      margin-top: 40px;
   }

   .services .btn-icon {
      margin-top: 10px;
   }

   .industry {
      background: url(img/bg/mob-indus.webp) no-repeat;
      background-size: contain;
      background-position: -5px 20px;
      background-color: #fbfbfb;
      padding-top: 80px;
   }

   .industries-slider .indus-box {
      width: 300px;
   }

   #works-slider {
      min-height: auto;
      height: auto;
   }

   .work-box {
      padding-left: 0;
   }

   .work-box .content {
      margin-left: 5px;
   }

   .work-img-wrap .number {
      left: 5px;
   }

   .works-slider .owl-item:nth-child(even),
   .works-slider .owl-item:nth-child(odd) {
      transform: translateY(0px);
   }

   .work-box h2 {
      font-size: 38px;
      margin-top: 0;
   }

   .work-box .tags {
      font-size: 15px;
   }

   .bottom-wrap {
      display: none;
   }

   .works .row {
      padding-bottom: 0;
   }

   .technologies {
      padding: 60px 0;
   }

   .tech-box {
      max-width: 300px;
      margin: 20px auto;
   }

   .grid-box h5 br {
      display: none;
   }

   .scroll-reponsive {
      overflow: auto;
      margin-bottom: 10px !important;
   }

   .tech-tabs .nav-tabs {
      flex-wrap: nowrap;
      min-width: fit-content;
      margin-bottom: 20px !important;
   }

   .tech-tabs .nav-tabs .nav-item {
      min-width: max-content;
   }

   .techtab-box img {
      max-width: 74px;
   }

   .techtab-tabs .tab-content .title {
      font-size: 11px;
      margin-top: 0;
   }

   .tech-tabs .tab-content .title {
      font-size: 11px;
      margin-top: 5px;
   }

   .award-grid,
   .technology-tabs,
   .testimonials {
      background: none;
   }

   .testi-box {
      margin: 30px 10px 30px 10px;
   }

   .testi-box .text {
      font-size: 16px;
   }

   .footer-form {
      margin-bottom: 30px;
   }

   p,
   li {
      font-size: 15px !important;
   }

   .mt-negative {
      margin-top: 0px !important;
   }

   .mb-negative {
      margin-bottom: 0px !important;
   }

   .dash-vector::after {
      left: 146px !important;
      top: 38px !important;
   }


   .scroll-to__title {
      display: none !important;
   }

   .scroll-to__line {
      display: none !important;
   }

   .scroll-to__line span {
      display: none !important;
   }

   .bg:before {
      height: 87% !important;
      bottom: 0% !important;
   }


   .positon-bottom,
   .positon-bottom-san,
   .positon-bottom-del {
      display: none !important;
   }

   .position-bottom-left {
      display: none !important;
   }

   .canvas {
      display: none !important;
   }

   .counter-background {
      margin: 0 !important;
   }


   .elementFirst-austin:before {
      display: none !important;
   }

   .elementSecond-austin:after {
      display: none !important;
   }

   .elementThird-austin:before {
      display: none !important;
   }

   .elementFourth-austin:after {
      display: none !important;
   }

   .elementFifth-austin:before {
      display: none !important;
   }

   .elementSixth-austin:after {
      display: none !important;
   }

   .elementSeventh-austin:before {
      display: none !important;
   }

   .elementEight-austin:after {
      display: none !important;
   }

   .elementNineth-austin:before {
      display: none !important;
   }

   .elementTenth-austin:after {
      display: none !important;
   }


   .elementEleventh-austin:before {
      display: none !important;
   }

   .elementTwelvth-austin:before {
      display: none !important;
   }



   .elementFirst-dallas:before {
      display: none !important;
   }

   .elementSecond-dallas:after {
      display: none !important;
   }

   .elementThird-dallas:before {
      display: none !important;
   }

   .elementFourth-dallas:after {
      display: none !important;
   }


   .elementFifth-dallas:before {
      display: none !important;
   }

   .elementSixth-dallas::after {
      display: none !important;
   }

   .elementSeventh-dallas:before {
      display: none !important;
   }

   .elementEight-dallas:after {
      display: none !important;
   }

   .elementNineth-dallas:after {
      display: none !important;
   }

   .elementTenth-dallas:before {
      display: none !important;
   }


   .elementEleventh-dallas:before {
      display: none !important;
   }

   .elementTwelveth-dallas:after {
      display: none !important;
   }

   .elementThirteenth-dallas:before {
      display: none !important;
   }

   .elementFourteenth-dallas:after {
      display: none !important;
   }

   .elementFirst-delaware:before {
      display: none !important;
   }

   .elementSecond-delaware:before {
      display: none !important;
   }

   .elementThird-delaware:before {
      display: none !important;
   }

   .elementFourth-delaware:after {
      display: none !important;
   }

   .elementFifth-delaware:before {
      display: none !important;
   }

   .elementSixth-delaware:after {
      display: none !important;
   }

   .elementSeventh-delaware:before {
      display: none !important;
   }

   .elementEight-delaware:after {
      display: none !important;
   }


   .elementFirst-florida:before {
      display: none !important;
   }

   .elementSecond-florida:after {
      display: none !important;
   }

   .elementThird-florida:before {
      display: none !important;
   }

   .elementFourth-florida:after {
      display: none !important;
   }

   .elementFifth-florida:before {
      display: none !important;
   }

   .elementSixth-florida:after {
      display: none !important;
   }

   .elementSeventh-florida:before {
      display: none !important;
   }

   .elementEight-florida:before {
      display: none !important;
   }

   .elementNinth-florida:before {
      display: none !important;
   }

   .elementTenth-florida:after {
      display: none !important;
   }

   .elementEleventh-florida:before {
      display: none !important;
   }

   .elementTwelvth-florida:after {
      display: none !important;
   }







   .border-end {
      border-right: none !important;
   }

}



/* ------------------------------------------------------ */
/* Landing Page Css */

.darkgrey-bg {
   background-color: #1A1A1A;
}

#fh-works-slider.owl-carousel .owl-stage {
   padding-left: 0 !important;
}

.mh-242 {
   min-height: 242px !important;
}

.exp-dubai-banner {
   background-image: url("./img/locations/fhnew/exp-dubai-banner.webp");
   background-position: top center;
   background-size: cover;
   background-repeat: no-repeat;
}

.why-ch-us-banner {
   background-image: url("./img/locations/fhnew/wcu-banner.webp");
   background-position: top center;
   background-size: cover;
   background-repeat: no-repeat;
}

.greyscale .owl-carousel .owl-item img {
   filter: grayscale(1);
}

.pointer-event-none {
   pointer-events: none;
}

.h-full {
   height: 100vh;
}

.white-form p a {
   color: #ed1c24;
}

.text-white-footer {
   color: #fff;
}

.contact-card .text-white-footer,
.modal-body .text-white-footer,
.location-form .text-white-footer {
   color: #000;
}

.border-rounded {
   border-top-left-radius: 100px;
}

.nft-key-num {
   color: #f2f2f2;
   font-size: 5rem;
   position: absolute;
   top: 50%;
   left: -7px;
   z-index: -1;
}

.dono-key {
   color: #f2f2f2;
   font-size: 44px;
}


.before-element {
   position: relative;
}

.dot-box-right:before,
.dot-box-left:after,
.oct-diag:after,
.dot-black:before,
.dot-box-diagonal:after,
.dot-red:before,
.oct-dot:after,
.dash-vector::after {
   content: "";
   position: absolute;
}

.dot-box-right:before {
   background: url("img/castle/element/dot-box-right.png") no-repeat center;
   width: 146px;
   height: 144px;
   left: 95.5%;
   top: 50%;
}


.dot-box-left:after {
   background: url("img/castle/element/dot-box.png") no-repeat center;
   width: 146px;
   height: 144px;
   left: -65px;
   top: 40px;
}

.red-diamond:before {
   background: url("img/castle/element/diamond.png") no-repeat center;
   width: 146px;
   height: 144px;
   left: 93.6%;
   top: -7%;
}

.oct-diag:after {
   background: url("img/castle/element/oct-diag-new.png") no-repeat center;
   width: 146px;
   height: 144px;
   left: 1443px;
   top: 45%;
}

.dot-black:before {
   background: url("img/castle/element/dot-black.png") no-repeat center;
   width: 146px;
   height: 144px;
   left: -3.5%;
   top: 60%;
}

.dot-red:before {
   background: url("img/castle/element/dot-ver.png") no-repeat center;
   width: 146px;
   height: 144px;
   left: -57px;
   top: 11%;
}

.dot-box-diagonal {
   position: relative;
   overflow: hidden;
}

.dot-box-diagonal:after {
   background: url("img/castle/element/dot-box-diagonal.png") no-repeat center;
   width: 146px;
   height: 144px;
   left: 95.3%;
   top: 54%;
}

.dash-vector:after {
   background: url(img/castle/lawyeredup/Vector.png) no-repeat center;
   width: 41px;
   height: 15px;
   left: 48%;
   top: 38px;
}


/* ---------------------CASE STUDY BEESMART--------------------- */
.main-content>h1 {
   font-size: 50px;
}

.main-content>h2 {
   font-size: 40px;
}

.main-content>h3 {
   font-size: 32px;
}

.main-content>h4,
.main-content>h4 .custom-hover-s_s-box,
.main-content>h4 .custom-hover-D-box {
   font-size: 26px !important;
}

.main-content>h5 {
   font-size: 24px;
}

.main-content>h6 {
   font-size: 22px;
}

.main-content>span {
   font-size: 22px;
}



.fs-xxs {
   font-size: 14px;
}

.fs-xs {
   font-size: 20px;
}

.fs-sm {
   font-size: 40px;
}

.fs-md {
   font-size: 55px;
}

.fs-lg {
   font-size: 65px;
}

.fs-xl {
   font-size: 72px;
}

.main-content>span {
   font-size: 40px;
}


.cs-box {
   width: auto;
   background-color: #fff;
   border-radius: 20px;
   box-shadow: 0px 4px 12px #7A7A7A29;
   padding: 40px 20px;
   margin: 20px;
   height: auto;
}

.cs-dono-green {
   color: #066722;
}
.cs-bee-yellow {
   color: #fdc331;
}

.card {
   background-color: #fff;
   border-radius: 20px;
   box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.08);
   padding: 40px 20px;
   min-height: 297.5px;
   max-width: 100%;
   margin: 40px 5px;
   transition: all 0.3s ease-in-out;
   justify-content: center;
}

.card-hover * {
   transition: all 0.3s ease-in-out;
}

.card-hover:hover {
   background-color: red;
}

.card-hover:hover * {
   color: #fff;
   fill: #fff;
}

.card-hover:hover img {
   filter: grayscale(1) brightness(0) invert(1);
}

.card-hover-new {
   overflow: hidden;
}

.arrow-circle {
   background-color: red;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 50px;
   height: 50px;
   flex: 0 0 auto;
}

.overlay {
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   background-color: transparent;
   transform: translateY(100%);
   opacity: 1;
   transition: all 0.3s ease-in-out;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: flex-start;
   bottom: 100px;
}

.card-hover-new {
   position: relative;
   overflow: hidden;
}

.card-hover-new .overlay * {
   transition: all 0.3s ease-in-out;
}

.card-hover-new .overlay p {
   display: none;
   color: white;
   margin-top: 20px;
}

.card-hover-new:hover .overlay {
   transform: translateY(0);
   opacity: 1;
   background-color: red;
   bottom: 0;
}

.card-hover-new:hover .overlay * {
   color: white;
}

.card-hover-new:hover .overlay p {
   display: block;
}

.card-hover-new:hover .overlay .arrow-circle {
   background-color: black;
}

.num-key {
   position: relative;
   top: -30px;
   left: -29px;
}

.cs-donoBox {
   background-color: #fff;
   border-radius: 20px;
   box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.08);
   padding: 10px 25px;
   width: 400px;
   min-height: 214px;
   max-width: 100%;
   margin-top: 40px;
   margin-bottom: 0px;
   transition: all 0.3s ease-in-out;
   justify-content: center;
   align-items: center;
}

.mt-negative {
   margin-top: -241px;
}

.mb-negative {
   margin-bottom: -210px;
}

.text-justify {
   text-align: justify;
   word-spacing: -2.1px;
}

.move-left.dono-bullet {
   margin-left: 0 !important;
}


.move-left.cs-bullets {
   margin-left: 0 !important;
}

.cs-bullets {
   margin: 20px 0 !important;
}

.dono-bullet.cs-bullets>li:before {
   width: 19px;
   height: 19px;
   background: url("img/castle/dono/Ellipse.png") no-repeat;
   top: 5px;
}

.cs-bullets>li {
   position: relative;
   padding-left: 35px;
   margin-bottom: 10px;
   color: #000000;
}

.cs-bullets>li:before {
   content: "";
   position: absolute;
   left: 0;
   background: url("img/castle/dono/Ellipse.png") no-repeat center;
   width: 17px;
   height: 26px;
}



/* --------------LOCATIONS------------------- */


.austin-banner {
   background-image: url("./img/locations/austin/hero-bg.webp");
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
}


.loc-box {
   background-color: #fff;
   border-radius: 20px;
   box-shadow: 0px 4px 12px #7A7A7A29;
   padding: 40px 20px;
   margin: 20px;
   height: auto;
}

.loc-del-box {
   background-color: #fff;
   border-radius: 20px;
   box-shadow: 0px 4px 12px #7A7A7A29;
   padding: 40px 20px;
   margin: 20px;
   height: auto;
}

.lftn-border-top {
   border-top: red 3px solid;
}

.lftn-border-top,
.lftn-border-right,
.lftn-border-left,
.lftn-border-bottom {
   border-radius: 0px 80px 0px 80px;
}

.lftn-border-right {
   border-top: 0.1px var(--red) solid;
   border-right: red 3px solid;
}

.lftn-border-left {
   border-left: red 3px solid;
}

.lftn-border-bottom {
   border-bottom: red 3px solid;
}

.icon-box {
   width: auto;
   border-radius: 10px;
   padding: 10px 20px;
   height: auto;
   border: 4px solid #fff;
   justify-content: center;
   display: inline-block;
}

.swimg-dots::before {
   content: "";
   position: absolute;
   width: 100px;
   height: 130px;
   background: url(img/locations/los-angeles/icons/sw-img-dots.png) no-repeat center;
   top: 5%;
   left: 30%;
   pointer-events: none;
   z-index: -1 !important;
}



.award-container {
   height: 160px;
   display: flex;
   align-items: center;
   justify-content: center;
   text-align: center;
   background: #F8F8F8 0% 0% no-repeat padding-box;
   border-radius: 46px;
}

.award-container:hover {
   box-shadow: 0px 5px 20px #00000014;
   background: #fff 0% 0% no-repeat padding-box;
   transform: translateY(-8px);
   transition: all 500ms;
   cursor: pointer;
}

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

.blue {
   background-color: #E4EFFF;
}

.pink {
   background-color: #FFDFDF;
}

.green {
   background-color: #CAEFD9;
}

.tan {
   background-color: #FFEEDF;
}


.move-left.ls-bullet {
   margin-left: 0 !important;
}


.move-left.bullets {
   margin-left: 0 !important;
}

.bullets {
   margin: 20px 0 !important;
}

.ls-bullet.bullets>li:before {
   width: 19px;
   height: 19px;
   background: url(./img/locations/red-check-box.svg) no-repeat;
   top: 5px;
}

.bullets>li {
   position: relative;
   padding-left: 35px;
   margin-bottom: 10px;
   color: #505050;
}

.bullets>li:before {
   content: "";
   position: absolute;
   left: 0;
   background: url(./img/locations/red-check-box.svg) no-repeat center;
   width: 17px;
   height: 26px;
}

.bg-black {
   background-color: #191919;
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
   width: 100%;
   min-height: 467px;
   border-radius: 73px;
}

.bg-linear-gradient {
   background-image: url("./img/locations/Mask-Group-2.webp");
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
   display: flex;
   height: 240px;
   align-items: center;
   border-radius: 26px;
   padding: 20px 20px;
   transition: all .5s;
}

.bg-linear-gradient:hover {
   filter: saturate(300%) brightness(100%);
   transition: all 500ms;
}


.bg-linear-gradient-secondary {
   background-image: url("./img/locations/Mask-Group-1.webp");
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
   display: flex;
   height: 240px;
   align-items: center;

   border-radius: 26px;
   padding: 20px 20px;
   transition: all .5s;
}

.bg-linear-gradient-secondary:hover {
   filter: saturate(300%) brightness(100%);
   transition: all 500ms;
}



.black-page .location-testi-box {
   background-color: #0b0b0b;
}

.location-testi-box {
   width: auto;
   background-color: #fff;
   border-radius: 20px;
   box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
   padding: 40px 30px;
   margin: 20px;
   height: auto;
}

.location-TYACITOA-box {
   width: auto;
   background-color: #fff;
   border-radius: 20px;
   box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
   padding: 40px 30px;
   height: 470px;
   position: relative;
}

.item__image_Arts {
   position: absolute;
   top: -10%;
   left: 0.5%;
}

.item__image_Health {
   position: absolute;
   top: -13%;
   left: 5%;
}

.black-page .location-testi-box {
   padding: 70px 30px;
}

.location-testi-box .text {
   font-size: 16px;
}

.location-testi-box .text:before,
.location-testi-box .text:after {
   content: "";
   background: url(img/quote.webp) no-repeat top left;
}

.location-testi-box .text:before {
   display: block;
   width: 100%;
   height: 30px;
}

.location-testi-box .text:after {
   display: inline-block;
   width: 20px;
   height: 20px;
   background-position: bottom right;
   position: relative;
   bottom: -5px;
}

.location-testi-box .name {
   font-size: 18px;
   color: #333333;
   margin-top: 40px;
}

.location-testi-box .pos {
   font-size: 18px;
   color: #ff0000;
}


#lc-testimonials-slider .owl-nav {
   position: absolute;
   top: -10px;
   right: 20px;
}

#lc-testimonials-slider .owl-nav span {
   font-size: 50px;
   margin: 0 5px;
}

.black-page #lc-testimonials-slider .owl-nav button span {
   color: #a1a1a1 !important;
}

#lc-testimonials-slider .owl-nav button:hover span,
.black-page #lc-testimonials-slider .owl-nav button:hover span {
   color: #ff0000 !important;
}


#progress {
   position: relative;
}

.canvas {
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   z-index: -1;
   position: absolute;
   opacity: 21%;
}

.custom-size {
   width: 300px;
   height: 290px;
}

.rotate {
   transform: rotate(215deg);
}


.scroll-to.is-inview {
   opacity: 1;
}

.scroll-to {
   position: absolute;
   left: 1.325vw;
   padding-left: 0;
   z-index: 3;
   opacity: 0;
   -webkit-transition: .6s opacity;
   transition: .6s opacity;
   top: 153px;
}

.scroll-to__title {
   font-size: .875vw;
   text-transform: uppercase;
   color: #808080;
   -webkit-transform: rotate(-90deg);
   -ms-transform: rotate(-90deg);
   transform: rotate(-90deg);
   -webkit-transform-origin: 0% 50%;
   -ms-transform-origin: 0% 50%;
   transform-origin: 0% 50%;
   padding: 0.375vw 0;
}

.scroll-to__line {
   width: 1px;
   height: 53px;
   background: #fff;
   position: relative;
   overflow: hidden;
}

.scroll-to__line span {
   position: absolute;
   top: 0;
   left: 0;
   width: 1px;
   height: 161px;
   background-color: #ed1c24;
}

body:not(.opened-intro-animation) .scroll-to__line span {
   -webkit-animation: amin-height 3s ease-in-out infinite;
   animation: amin-height 3s ease-in-out infinite;
}


@-webkit-keyframes amin-height {
   0% {
      top: -161px;
   }

   100% {
      top: 100%;
   }
}

@keyframes amin-height {
   0% {
      top: -161px;
   }

   100% {
      top: 100%;
   }
}

/* bug sheet */

.card-home-mockup {
   left: 30px;
   color: #f80000;
   font-size: xxx-large;
   position: absolute;
}

.card-home-mockup2 {
   color: #f80000;
   font-size: xxx-large;
   position: relative;
   top: 30px;
}

.con-sec-text {
   color: #ed1c24;
}

.bg::before {
   content: "";
   position: absolute;
   bottom: 5%;
   left: 0;
   width: 100%;
   height: 52%;
   background-color: #EBEBEB;
   z-index: -10;
}


.hvr-icon-grow {
   display: inline-block;
   vertical-align: middle;
   -webkit-transform: perspective(1px) translateZ(0);
   transform: perspective(1px) translateZ(0);
   box-shadow: 0 0 10 rgba(0, 0, 0, 8%);
   -webkit-transition-duration: .3s;
   transition-duration: .3s;
}

.hvr-icon-grow .hvr-icon {
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   -webkit-transition-duration: .3s;
   transition-duration: .3s;
   -webkit-transition-property: transform;
   transition-property: transform;
   -webkit-transition-timing-function: ease-out;
   transition-timing-function: ease-out;
}

.hvr-icon-grow:active .hvr-icon,
.hvr-icon-grow:focus .hvr-icon,
.hvr-icon-grow:hover .hvr-icon {
   -webkit-transform: scale(1.3) translateZ(0);
   transform: scale(1.3) translateZ(0);
}


.hvr-grow {
   display: inline-block;
   vertical-align: middle;
   -webkit-transform: perspective(1px) translateZ(0);
   transform: perspective(1px) translateZ(0);
   box-shadow: 0 0 1px rgba(0, 0, 0, 0);
   -webkit-transition-duration: .3s;
   transition-duration: .3s;
   -webkit-transition-property: transform;
   transition-property: transform;
}

.hvr-grow:active,
.hvr-grow:focus,
.hvr-grow:hover {
   -webkit-transform: scale(1.1);
   transform: scale(1.1);
}

.imgBox {
   /* now a container for the image */
   display: inline-block;
   /* shrink wrap to image */
   overflow: hidden;
   /* hide the excess */
   border-radius: 20px !important;
}

.imgBox img {

   display: block;
   /* no whitespace */
   transition: .3s ease-in-out;
}

.imgBox:hover img {
   transform: scale(1.2);
}

.hvr-icon-rotate {
   display: inline-block;
   vertical-align: middle;
   -webkit-transform: perspective(1px) translateZ(0);
   transform: perspective(1px) translateZ(0);
   box-shadow: 0 0 1px rgba(0, 0, 0, 0);
   -webkit-transition-duration: .3s;
   transition-duration: .3s;
}

.hvr-icon-rotate .hvr-icon {
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   -webkit-transition-duration: .3s;
   transition-duration: .3s;
   -webkit-transition-property: transform;
   transition-property: transform;
   -webkit-transition-timing-function: ease-out;
   transition-timing-function: ease-out;
}

.hvr-icon-rotate:active .hvr-icon,
.hvr-icon-rotate:focus .hvr-icon,
.hvr-icon-rotate:hover .hvr-icon {
   -webkit-transform: rotate(20deg);
   transform: rotate(-60deg);
}


/* Location Dallas */

.dallas-banner {
   background-image: url("./img/locations/dallas/hero-banner.webp");
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
}

.gradient-banner {
   background-image: url("./img/locations/dallas/background.webp");
   background-position: top;
   background-size: cover;
   background-repeat: no-repeat;
   width: 100%;
   height: auto;
}

.bg-linear-gradient-secondary-saudi {
   background-image: url("./img/locations/suadi.webp");
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
   display: flex;
   height: 310px;
   align-items: center;

   border-radius: 26px;
   padding: 20px 20px;
   transition: all 0.5s;
}

.bg-linear-gradient-secondary-saudi:hover {
   filter: saturate(300%) brightness(100%);
   transition: all 500ms;
}

.bg-linear-gradient-suadi {
   background-image: url("./img/locations/suadi.webp");
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
   display: flex;
   height: 310px;
   align-items: center;
   text-align: center;
   border-radius: 26px;
   padding: 20px 20px;
   transition: all 0.5s;
}

.bg-linear-gradient-suadi:hover {
   filter: saturate(300%) brightness(100%);
   transition: all 500ms;
}

.counter-background {
   box-shadow: 0 3px 32px rgb(0 0 0/8%);
   border-radius: 19px;
   padding: 15px 25px;
   margin: -56px 0 0 10px;
   position: relative;
   z-index: 1;
   background: #fff;
}



.rounded:before {
   content: "";
   background-color: #ffecd6;
   position: absolute;
   top: -12px;
   left: -3px;
   border-radius: 35px;
   width: 50px;
   height: 50px;
   z-index: -1;
}



.has-blue-circle:before {
   content: "";
   background-color: #D6EDFF;
   position: absolute;
   border-radius: 35px;
   width: 44px;
   height: 47px;
   z-index: -1;
   top: -10px;
   left: -3px;
}

.has-tan-circle:before {
   content: "";
   background-color: #FFECD6;
   position: absolute;
   border-radius: 35px;
   width: 44px;
   height: 47px;
   z-index: -1;
   top: -10px;
   left: -3px;
}

.has-pink-circle:before {
   content: "";
   background-color: #FFD6D6;
   position: absolute;
   border-radius: 35px;
   width: 44px;
   height: 47px;
   z-index: -1;
   top: -10px;
   left: -3px;
}

.has-yellow-circle:before {
   content: "";
   background-color: #FFF9AC;
   position: absolute;
   border-radius: 35px;
   width: 44px;
   height: 47px;
   z-index: -1;
   top: -10px;
   left: -3px;
}

.has-purple-circle:before {
   content: "";
   background-color: #DAD6FF;
   position: absolute;
   border-radius: 35px;
   width: 44px;
   height: 47px;
   z-index: -1;
   top: -10px;
   left: -3px;
}

.has-green-circle:before {
   content: "";
   background-color: #DAFFD6;
   position: absolute;
   border-radius: 35px;
   width: 44px;
   height: 47px;
   z-index: -1;
   top: -10px;
   left: -3px;
}

.has-red-circle:before {
   content: "";
   background-color: #f44336;
   position: absolute;
   border-radius: 35px;
   width: 60px;
   height: 60px;
   z-index: -1;
   top: -62px;
   left: -3px;
}

.has-white-circle img {
   padding: 6px;
}

.has-white-circle+h4 {
   margin-bottom: -25px !important;
}

.has-white-circle:before {
   content: "";
   background-color: #ffffff;
   box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.08);
   position: absolute;
   border-radius: 35px;
   width: 60px;
   height: 60px;
   z-index: 0;
   top: -60px;
   left: -7px;
}

.has-white-circle-norway {
    background-color: #ffffff;
    box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.08);
    border-radius: 35px;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}
.has-white-circle-norway .suadi-icon{position:relative;top:0;}
.suadi-icon {
    position: absolute;
   top: -50px;
   width: 45px;
   height: 40px;
}

.red-icon-bg {
   width: auto;
   border-radius: 13px;
   padding: 8px 15px;
   height: auto;
   justify-content: center;
   display: inline-block;
}

/*Location Delaware */

.delaware-banner {
   background-image: url("./img/locations/delaware/hero-banner.webp");
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
}

.inner-scroll .main-content h3,
.inner-scroll .main-content h3 .custom-hover-s_s-box {
   font-size: 28px !important;
}

.dubai-banner {
   background-image: url("./img/locations/fhnew/dubai-banner-bg.webp");
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
}

.saudi-banner {
   background-image: url("./img/locations/Group 20178.webp");
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
}

.norway-banner {
   background-image: url("./img/locations/Group 20179.webp");
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
}

/*Location Florida */
.florida-banner {
   background-image: url("./img/locations/florida/hero-banner.webp");
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
}


.to-left {
   top: -10%;
   left: -27%;
   z-index: -1;
   position: absolute;
}


.move-left.check-mark-bullet {
   margin-left: 0 !important;
}


.move-left.bullet {
   margin-left: 0 !important;
}



.check-mark-bullet.red-bullet>li:before {
   width: 15px;
   height: 15px;
   background: url("./img/locations/florida/check-mark.svg") no-repeat;
   top: 5px;
}

.red-bullet>li {
   position: relative;
   padding-left: 23px;
   margin-bottom: 5px;
   color: #505050;
}

.red-bullet>li:before {
   content: "";
   position: absolute;
   left: 0;
   background: url("./img/locations/florida/check-mark.svg") no-repeat center;
   width: 17px;
   height: 26px;
}

.counter-bg-white {
   box-shadow: 0 3px 32px rgb(0 0 0/8%);
   border-radius: 19px;
   padding: 40px 30px;
   position: relative;
   z-index: 1;
   background: #fff;
}


/*Location LosAngeles */
.losangeles-banner {
   background-image: url("./img/locations/los-angeles/hero-banner.webp");
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
}

.torquise {
   background-color: #DFFFF8;
}

/*Location LosAngeles */
.sanfrancisco-banner {
   background-image: url("./img/locations/san-francisco/hero-banner.webp");
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
}

.has-gradient-banner {
   background-image: url(./img/locations/san-francisco/img-1.webp);
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
   width: 100%;
   min-height: 467px;
   border-radius: 73px;
   padding: 10px 40px;
}

.blend-multiply {
   mix-blend-mode: multiply;
}

.dev-banner {
   background-image: url(./img/locations/san-francisco/img-4.webp);
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
   width: 100%;
}

.bottom-left {
   position: absolute;
   bottom: 50px;
   left: 20px;
}

.imgContainer {
   border-radius: 45px !important;
}

.imgContainer figcaption {
   color: inherit;
   text-decoration: underline 0.15em rgba(255, 255, 255, 0);
   transition: text-decoration-color 300ms;
}

.imgContainer:hover figcaption {
   text-decoration-color: rgba(255, 255, 255, 1);
}

.imgContainer.hvr-icon-rotate {
   display: inline-block;
   vertical-align: middle;
   -webkit-transform: perspective(1px) translateZ(0);
   transform: perspective(1px) translateZ(0);
   box-shadow: 0 0 1px rgba(0, 0, 0, 0);
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
}

.imgContainer .hvr-icon-rotate {
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-property: transform;
   transition-property: transform;
   -webkit-transition-timing-function: ease-out;
   transition-timing-function: ease-out;
}

.imgContainer:active .hvr-icon-rotate,
.imgContainer:focus .hvr-icon-rotate,
.imgContainer:hover .hvr-icon-rotate {
   -webkit-transform: rotate(20deg);
   transform: rotate(-60deg);
}

.positon-bottom {
   top: 44px;
   right: 30%;
   transform: rotate(295deg);
}

.positon-bottom-san {
   top: 41px;
   left: 20%;
   transform: rotate(295deg);
}

.positon-bottom-del {
   top: 41px;
   left: 22%;
   transform: rotate(295deg);
}

.positon-bottom-san-center {
   right: 20%;
}

.position-bottom-left {
   top: 50px;
   left: 420px;
   transform: rotate(322deg);
}

.position-bottom-right {
   top: 62px;
   right: 475px;
   transform: rotate(322deg);
}

/* BEFORE ELEMENTS AUSTIN PAGE */

.elementFirst-austin:before {
   content: "";
   position: absolute;
   background: url(./img/locations/elements/rhombus.png) no-repeat;
   top: 839px;
   left: -34px;
   width: 80px;
   height: 84px;
}

.elementSecond-austin:after {
   content: "";
   position: absolute;
   background: url(./img/locations/elements/square-1.png) no-repeat;
   top: 164px;
   right: -40px;
   width: 80px;
   height: 100px;
}

.elementThird-austin:before {
   content: "";
   position: absolute;
   background: url(./img/locations/elements/double-layer-circle.png) no-repeat;
   top: 584px;
   left: 20px;
   width: 30px;
   height: 24px;
}

.elementFourth-austin:after {
   content: "";
   position: absolute;
   background: url(./img/locations/elements/circle-sliced.png) no-repeat;
   top: 230px;
   right: 60px;
   width: 46px;
   height: 39px;
}

.elementFifth-austin:before {
   content: "";
   position: absolute;
   background: url(./img/locations/elements/square-1.png) no-repeat;
   top: 729px;
   left: -46px;
   width: 100px;
   height: 100px;
}

.elementSixth-austin:after {
   content: "";
   position: absolute;
   background: url(./img/locations/elements/double-layer-hexa-1.png) no-repeat;
   top: 370px;
   right: 12px;
   width: 45px;
   height: 43px;
}

.elementSeventh-austin:before {
   content: "";
   position: absolute;
   background: url(./img/locations/elements/square-mini-1.png) no-repeat;
   bottom: 474px;
   left: -7px;
   width: 100px;
   height: 100px;
}

.elementEight-austin:after {
   content: "";
   position: absolute;
   background: url(./img/locations/elements/zigzag.png) no-repeat;
   bottom: 30px;
   right: 0px;
   width: 100px;
   height: 100px;
}

.elementNineth-austin:before {
   content: "";
   position: absolute;
   background: url(./img/locations/elements/square-mini-1.png) no-repeat;
   top: 583px;
   left: -7px;
   width: 74px;
   height: 79px;
}

.elementTenth-austin:after {
   content: "";
   position: absolute;
   background: url(./img/locations/elements/triangle.png) no-repeat;
   top: 134px;
   right: 0px;
   width: 60px;
   height: 61px;
}


.elementEleventh-austin:before {
   content: "";
   position: absolute;
   background: url(./img/locations/elements/double-layer-hexa-2.png) no-repeat;
   top: 865px;
   left: 13px;
   width: 36px;
   height: 27px;
}

.elementTwelvth-austin:before {
   content: "";
   position: absolute;
   background: url(./img/locations/elements/double-layer-hexa-mini.png) no-repeat;
   bottom: 180px;
   left: 25px;
   width: 29px;
   height: 31px;
}



/* BEFORE ELEMENTS AUSTIN PAGE */

/* BEFORE ELEMENTS DALLAS PAGE */

.elementFirst-dallas:before {
   content: "";
   position: absolute;
   background: url(./img/locations/elements/double-layer-hexa-1.png) no-repeat;
   top: 41px;
   left: 12px;
   width: 47px;
   height: 43px;
}

.elementSecond-dallas:after {
   content: "";
   position: absolute;
   background: url(./img/locations/elements/dots-circle.png) no-repeat;
   bottom: 110px;
   right: 0;
   width: 63px;
   height: 62px;
}

.elementThird-dallas:before {
   content: "";
   position: absolute;
   background: url(./img/locations/elements/square-mini-1.png) no-repeat center;
   top: 920px;
   left: -17px;
   width: 60px;
   height: 67px;
}

.elementFourth-dallas:after {
   content: "";
   position: absolute;
   background: url(./img/locations/elements/two-squares.png) no-repeat center;
   bottom: 331px;
   right: 2px;
   width: 50px;
   height: 50px;
}

.elementFifth-dallas:before {
   content: "";
   position: absolute;
   background: url(./img/locations/elements/circle-sliced.png) no-repeat center;
   top: 874px;
   left: 13px;
   width: 46px;
   height: 39px;
}

.elementSixth-dallas::after {
   content: "";
   position: absolute;
   background: url(./img/locations/elements/double-layer-hexa-2.png) no-repeat center;
   top: 230px;
   right: 60px;
   width: 24px;
   height: 19px;
}

.elementSeventh-dallas:before {
   content: "";
   position: absolute;
   background: url(./img/locations/elements/red-ball.png) no-repeat center;
   bottom: 100px;
   left: 60px;
   width: 39px;
   height: 34px;
}

.elementEight-dallas:after {
   content: "";
   position: absolute;
   background: url(./img/locations/elements/triangle.png) no-repeat;
   top: 134px;
   right: 0;
   width: 60px;
   height: 61px;
}

.elementNineth-dallas:after {
   content: "";
   position: absolute;
   background: url(./img/locations/elements/square-mini-1.png) no-repeat;
   bottom: 311px;
   right: 0;
   width: 36px;
   height: 70px;
}

.elementTenth-dallas:before {
   content: "";
   position: absolute;
   background: url(./img/locations/elements/double-layer-hexa-mini.png) no-repeat;
   bottom: 476px;
   left: 13px;
   width: 36px;
   height: 27px;
}

.elementEleventh-dallas:before {
   content: "";
   position: absolute;
   background: url(./img/locations/elements/square-1.png) no-repeat;
   bottom: 101px;
   left: -40px;
   width: 100px;
   height: 100px;
}

.elementTwelveth-dallas:after {
   content: "";
   position: absolute;
   background: url(./img/locations/elements/double-layer-hexa-mini.png) no-repeat;
   top: 326px;
   right: 13px;
   width: 36px;
   height: 27px;
}

.elementThirteenth-dallas:before {
   content: "";
   position: absolute;
   background: url(./img/locations/elements/double-layer-circle.png) no-repeat center;
   bottom: 271px;
   left: 80px;
   width: 22px;
   height: 24px;
}



/* BEFORE ELEMENTS DALLAS PAGE */

/* BEFORE ELEMENTS DELAWARE PAGE */

.elementFirst-delaware:before {
   content: "";
   position: absolute;
   background: url(./img/locations/elements/rhombus.png) no-repeat;
   bottom: 210px;
   left: -14px;
   width: 90px;
   height: 84px;
}

.elementSecond-delaware:before {
   content: "";
   position: absolute;
   background: url(./img/locations/elements/circle-sliced.png) no-repeat;
   top: 100px;
   left: 151px;
   width: 90px;
   height: 84px;
}

.elementThird-delaware:before {
   content: "";
   position: absolute;
   background: url(./img/locations/elements/double-layer-hexa-2.png) no-repeat;
   top: 10px;
   left: 753px;
   width: 24px;
   height: 19px;
}

.elementFourth-delaware:after {
   content: "";
   position: absolute;
   background: url(-wp/wp-content/themes/img/locations/elements/two-squares.png) no-repeat center;
   bottom: 180px;
   right: 297px;
   width: 50px;
   height: 50px;
}

.elementFifth-delaware:before {
   content: "";
   position: absolute;
   background: url(./img/locations/elements/square-mini-1.png) no-repeat center;
   top: 450px;
   left: -30px;
   width: 60px;
   height: 70px;
}

.elementSixth-delaware:after {
   content: "";
   position: absolute;
   background: url(./img/locations/elements/double-layer-hexa-mini.png) no-repeat center;
   bottom: 241px;
   right: -3px;
   width: 50px;
   height: 50px;
}

.elementSeventh-delaware:before {
   content: "";
   position: absolute;
   background: url(./img/locations/elements/double-layer-hexa-mini.png) no-repeat center;
   bottom: 161px;
   left: -3px;
   width: 50px;
   height: 50px;
}

.elementEight-delaware:after {
   content: "";
   position: absolute;
   background: url(./img/locations/elements/square-mini-1.png) no-repeat center;
   top: 260px;
   right: 1px;
   width: 60px;
   height: 70px;
}

/* BEFORE ELEMENTS DELAWARE PAGE */

/* BEFORE ELEMENTS FLORIDA PAGE */
.elementFirst-florida:before {
   content: "";
   position: absolute;
   background: url(./img/locations/elements/double-layer-hexa-mini.png) no-repeat center;
   bottom: 180px;
   left: -9px;
   width: 30px;
   height: 30px;
}

.elementSecond-florida:after {
   content: "";
   position: absolute;
   background: url(./img/locations/elements/square-mini-1.png) no-repeat center;
   top: 20px;
   right: -29px;
   width: 60px;
   height: 70px;
}

.elementThird-florida:before {
   content: "";
   position: absolute;
   background: url(./img/locations/elements/square-mini-1.png) no-repeat center;
   bottom: 130px;
   left: 1px;
   width: 60px;
   height: 70px;
}

.elementFourth-florida:after {
   content: "";
   position: absolute;
   background: url(./img/locations/elements/double-layer-hexa-2.png) no-repeat center;
   top: 210px;
   right: 41px;
   width: 60px;
   height: 70px;
}

.elementFifth-florida:before {
   content: "";
   position: absolute;
   background: url(./img/locations/elements/dots-circle.png) no-repeat center;
   bottom: 201px;
   left: -19px;
   width: 100px;
   height: 70px;
}

.elementSixth-florida:after {
   content: "";
   position: absolute;
   background: url(./img/locations/elements/triangle.png) no-repeat center;
   top: 210px;
   right: 1px;
   width: 60px;
   height: 70px;
}

.elementSeventh-florida:before {
   content: "";
   position: absolute;
   background: url(./img/locations/elements/square-mini-1.png) no-repeat center;
   bottom: 130px;
   left: 1px;
   width: 60px;
   height: 70px;
}

.elementEight-florida:before {
   content: "";
   position: absolute;
   background: url(./img/locations/elements/square-mini-1.png) no-repeat center;
   bottom: 130px;
   left: 1px;
   width: 60px;
   height: 70px;
}

.elementNinth-florida:before {
   content: "";
   position: absolute;
   background: url(./img/locations/elements/square-mini-1.png) no-repeat center;
   bottom: 450px;
   left: -30px;
   width: 60px;
   height: 70px;
}

.elementTenth-florida:after {
   content: "";
   position: absolute;
   background: url(./img/locations/elements/double-layer-hexa-mini.png) no-repeat center;
   bottom: 220px;
   right: -17px;
   width: 60px;
   height: 70px;
}

.elementEleventh-florida:before {
   content: "";
   position: absolute;
   background: url(./img/locations/elements/double-layer-hexa-mini.png) no-repeat center;
   bottom: 197px;
   left: -23px;
   width: 60px;
   height: 70px;
}

.elementTwelvth-florida:after {
   content: "";
   position: absolute;
   background: url(./img/locations/elements/double-layer-hexa-2.png) no-repeat center;
   top: 200px;
   right: 43px;
   width: 60px;
   height: 70px;
}






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

.form-container {
   margin: auto;
   max-width: 580px;
   background: #ffffff 0% 0% no-repeat padding-box;
   box-shadow: 0px 4px 8px #00000014;
   border-radius: 20px;
   padding: 2rem 2rem;
}

.border-outline {
   border: 1px solid #c7c7c7;
}

.border-end {
   border-right: 1px solid #c7c7c7;
}




.location-list li a {

   color: inherit !important;
}

.default-link {
   text-decoration: underline;
   color: #505050 !important;
   font-size: 16px;

}

.inherit-link {
   text-decoration: none;
   color: #000 !important;
   font-size: inherit;

}


.link-red {
   text-decoration: none;
   color: var(--red) !important;
   font-size: inherit;
}

.inner-text-600plus {
   background-color: #f9e3e3;
   font-size: 70px !important;
   color: #000;
}

.inner-text-100plus {
   background-color: #e3eef9;
   font-size: 70px !important;
   color: #000;
}

.inner-text-twelve {
   background-color: #e9f9e3;
   padding-left: 45px;
   padding-right: 45px;
   font-size: 70px !important;
   color: #000;
}

.inner-text-multiply {
   background-color: #f9f9e3;
   padding-left: 45px;
   padding-right: 45px;
   font-size: 70px !important;
   color: #000;
}

.job-box,
.job-box-press {
   background-color: #fff;
}

.inner-card {
   color: #ff4a4a;
}

.card-top {
   margin-top: 100px;
}

.card-bottom {
   margin-bottom: 30px;
}


@media screen and (max-width: 767px) {
   .card-top {
      margin-top: 10px;
      margin-bottom: 11px;
   }

   .card-bottom {
      margin-bottom: 0px;
   }
}




.elementNinth-box:after {
   content: "";
   position: absolute;
   background: url(../img/two-col-before.webp) no-repeat center;
   bottom: 30px;
   left: 15px;
   width: 146px;
   height: 144px;
}

.Our-Client {
   position: relative;
}

.Our-Client:before {
   content: "";
   position: absolute;
   top: 33% !important;
   left: -41px;
   background: url(img/process/Frame.png) no-repeat center;
   width: 100px;
   height: 100px;
}

.Our-Client::after {
   content: "";
   position: absolute;
   top: 72% !important;
   right: -40px;
   background: url(img/client/Client-side.png) no-repeat center;
   width: 100px;
   height: 100px;
}

.cms-p-max-w {
   max-width: 720px !important;
}


.ar-sec-5 .row.mt-5.pt-md-5.g-2>div .row .ar-box,
.ar-sec-5 .row.mt-5.pt-md-5.g-2>div .row .ar-box img,
.ar-sec-5 .row.mt-5.pt-md-5.g-2>div .row {
   height: 100%;
}

.black {
   color: #000000 !important;
}

.border-client-benefits {
   border: 1px solid #cfcfcf;
}

.theme-ODA {
   background-color: #F9F9F9;
}

.tabs-before-process,
.stds {
   position: relative;
}

.tabs-before-process::after {
   content: "";
   position: absolute;
   top: 5% !important;
   left: -45px;
   background: url(img/process/Frame.png) no-repeat center;
   width: 100px;
   height: 100px;
}

.stds::after {
   content: "";
   position: absolute;
   background: url(../img/two-col-before.png) no-repeat center;
   width: 146px;
   height: 144px;
   left: -3.4%;
   bottom: 2% !important;
}

.stds::before {
   content: "";
   position: absolute;
   background: url(img/process/Frame-icons.png) no-repeat center;
   width: 146px;
   height: 144px;
   right: -2.4%;
   top: 22% !important;
}

.bg-executive-team {
   background-color: #FCFCFC;
   border-radius: 30px;
}

.custom-hover,
.custom-hover-p,
.custom-hover-s_s-box,
.custom-hover-D-box {
   color: var(--red) !important;
   /* Ensure the initial color is inherited */
   text-decoration: none;
   /* Optional: Remove underline if desired */
   transition: color 0.3s ease;
}

a.simple {
   color: inherit;
   font-size: inherit;
}


.slider-box:hover p .custom-hover-p {
   color: black !important;
}


@media (max-width: 1100px) {

   .bg-linear-gradient-secondary,
   .bg-linear-gradient {
      height: auto;
   }

}


@media screen and (width: 768px) {
   .ar-education-img img {
      height: 261px !important;
   }

   .theme-ODA::after {
      right: -10% !important;
   }

   .stds::before {
      top: -9% !important;
   }
}

@media screen and (width: 820px) {
   .ar-education-img img {
      height: 275px !important;
   }
}

.image-container img {
   display: none !important;
   opacity: 0 !important;
   transition: opacity 0.5s ease-in-out !important;
}

.image-container img.active {
   display: block !important;
   opacity: 1 !important;
}

@media screen and (min-width: 768px) and (max-width: 820px) {

   .cms-sec-4 .num-col p strong {
      font-size: 28px !important;
   }

   .num-col {
      padding-top: 10px !important;
      padding-bottom: 10px !important;
   }

   .num-col .num {
      margin-top: 10px !important;
      margin-bottom: 10px !important;
   }

   .tech-tabs .nav-tabs .nav-link {
      padding: 0.5rem 0.5rem !important;
   }

   .tech-tabs .nav-tabs .nav-link,
   .tabs-style2 .nav-tabs .nav-link {
      font-size: 15px !important;
   }

   .tabs-style2 .nav-tabs .nav-link {
      padding: 0.5rem 0.3rem !important;
   }

   .ar-sec-3 .verticle_tab .nav-link {
      font-size: 22px !important;
   }

   .main-content>h6 {
      font-size: 18px !important;
   }

   .fs-xl {
      font-size: 40px !important;
   }

   .fs-sm {
      font-size: 30px !important;
   }

   .fs-md {
      font-size: 35px !important;

   }

   .bullet-list {
      margin: 0px !important;
   }

   .fs-xs {
      font-size: 15px !important;
   }

   .cms-sec-4 .num-col p.num {
      font-size: 25px !important;
   }

   .cms-sec-4 .num-col p {
      font-size: 18px !important;
   }

   .main-content>h4,
   .main-content>h4 .custom-hover-s_s-box,
   .main-content>h4 .custom-hover-D-box {
      font-size: 20px !important;
   }

   .red-bullet {
      margin: 0px 0px !important;
   }

   .works .row {
      padding-bottom: 0px !important;
   }

   .owl-theme .owl-dots,
   .owl-theme .owl-nav {
      text-align: center !important;
   }
   .team-col,
   .team-col-rigth {
      width: 170px !important;
      height: 170px !important;
   }

   .testi-box {
      padding: 28px 30px !important;
   }

   .testimonial-grid .testi-box {
      height: 330px !important;
   }

   .line-center {
      margin-bottom: 15px !important;
   }

   .inner-scroll.sm {
      height: 400px !important;
   }

   .OPP-text-10 span {
      width: 85px !important;
   }

   .owl-carousel .owl-item .item__image_Health {
      width: 500px;
   }


   .item__image_Health {
      top: -13% !important;
      left: -2% !important;
   }

   .location-TYACITOA-box {
      padding: 12px 30px !important;
      height: 360px !important;
   }

   .dev-banner {
      height: 250px !important;
      display: flex;
      justify-content: center;
      align-items: center;
   }

   .bullets {
      margin: 0px !important;
   }

   #works-slider {
      margin-top: 10px !important;
      padding-bottom: 0px !important;
   }

   .four-grid {
      padding-top: 35px !important;
   }

   .client-benefit .nav-tabs .nav-link {
      width: auto !important;
      padding: 25px 2px !important;
      font-size: 19px !important;
   }

   #myTabContent {
      padding: 50px 60px 10px 60px !important;
   }

   .sm-bullet.bullet-list>li {
      padding-left: 22px !important;
   }

   .ecom_s_solution {
      min-height: auto !important;
   }

   .ar-box .overlap {
      position: absolute;
      bottom: 0px !important;
      padding: 20px 10px !important;
   }

   .client-benefit {
      margin-top: 50px !important;
   }

   #Verticle_tabContent {
      padding-left: 0rem !important;
   }

   .mg-sec-3 {
      padding-top: 0px !important;
   }

   .mvp-sec-7 {
      padding-bottom: 0px !important;
   }

   .mg-sec-2 {
      background-position: 40% !important;
   }

   .card-grid .grid-box {
      min-height: 525px !important;
   }

}

@media screen and (width: 1024px) {
   .chs {
      padding: 193px 0px !important;
   }

   .lead,
   .sm-lead,
   .custom-hover-p {
      font-size: 17px !important;
   }

   p,
   .normal {
      font-size: 17px !important;
   }

   .case-study .title,
   #works-slider .title {
      font-size: 20px !important;
   }

   .case-study .technology,
   #works-slider .technology {
      font-size: 16px !important;
   }

   .case-study .works-btn,
   #works-slider .works-btn {
      font-size: 17px !important;
   }

   h1,
   .inner-h1 {
      font-size: 30px !important;
   }

   h2,
   .main-content>h2 {
      font-size: 25px !important;
   }

   h3 {
      font-size: 23px !important;
   }

   h4,
   .main-content>h4,
   .main-content>h4 .custom-hover-s_s-box,
   .main-content>h4 .custom-hover-D-box {
      font-size: 22px !important;
   }

   h5,
   .custom-hover {
      font-size: 20px !important;
   }

   h6,
   .main-content>h6 {
      font-size: 17px !important;
   }

   .cms-sec-4 .num-col p strong {
      font-size: 28px !important;
   }

   .num-col {
      padding-top: 10px !important;
      padding-bottom: 10px !important;
   }

   .num-col .num {
      margin-top: 10px !important;
      margin-bottom: 10px !important;
   }

   .tech-tabs .nav-tabs .nav-link {
      padding: 0.5rem 0.5rem !important;
   }

   .tech-tabs .nav-tabs .nav-link,
   .tabs-style2 .nav-tabs .nav-link {
      font-size: 18px !important;
   }

   .tabs-style2 .nav-tabs .nav-link {
      padding: 0.5rem 0.3rem !important;
   }

   .ar-sec-3 .verticle_tab .nav-link {
      font-size: 22px !important;
   }

   .fs-xs {
      font-size: 15px !important;
   }

   .fs-sm {
      font-size: 30px !important;
   }


   .fs-xl {
      font-size: 40px !important;
   }


   .item__image_Arts {
      width: 50% !important;
   }

   .red-slider {
      color: var(--red) !important;
      font-size: 16px !important;
   }

   .item__image_Health {
      top: -17% !important;
      left: -3% !important;
   }

   .owl-theme .owl-dots,
   .owl-theme .owl-nav {
      text-align: center !important;
   }

   .location-TYACITOA-box {
      height: 370px;
   }

   .owl-carousel .owl-item .item__image_Health {
      width: 550px;
   }

   .ar-education-img img {
      height: 351px !important;
   }

   .testimonial-grid .testi-box {
      height: 460px !important;
   }

   .blog-detail-main {
      padding: 0px !important;
      margin: 0px !important;
   }
}

@media screen and (max-width: 1660px) {
   .ar-education-img img {
      height: 495px !important;
   }
}


@media screen and (max-width: 1440px) {
   .ar-education-img img {
      height: 427px !important;
   }

}

@media screen and (min-width: 1440px) {
   .location-TYACITOA-box {
      margin: 20px 60px !important;
   }
}

.awards-col {
   max-width: 175px;
}

@media screen and (width: 2560px) {
   .two-col-before::before {
      content: "";
      position: absolute;
      background: url(../img/two-col-before.webp) no-repeat center;
      width: 146px;
      height: 144px;
      left: 15%;
   }
}

.flex {
   display: flex;
   flex-wrap: wrap;
   position: relative;
}

.input-container-full {
   width: 100%;
   margin-bottom: 20px;
}

.ctaForm input[type="text"],
.ctaForm textarea,
.ctaForm input[type="email"],
.ctaForm input[type="tel"] {
   border: none;
   border-bottom: 1px solid #373737;
   color: #707070;
   padding: 10px 0px;
   outline: none;
   border-radius: 0;
   background: transparent;
   margin-bottom: 10px;
}

.ctaForm input[type=checkbox] {
   margin-right: 5px;
}

.ctaForm .error {
   border-color: red !important;
}

.ctaForm textarea {
   resize: none;
}

.ctaForm input[type="text"]:focus,
.ctaForm textarea:focus,
.ctaForm input[type="tel"]:focus,
.ctaForm input[type="email"]:focus {
   color: #707070;
   border-bottom: 1px solid #373737;
   background: transparent;
   outline: none;
   box-shadow: 0px 0px;
   /* Change underline color on focus */
}


.input-container input,
.input-container-full input {
   position: relative;
   z-index: 9;
   background: transparent;
   padding: 5px;
   width: 100%;
   height: 50px;
}

.input-container label,
.input-container-full label {
   position: absolute;
   left: 5px;
   top: 5px;
   z-index: 1;
   color: #707070;
   margin-top: 6px;
}

.input-container label::after,
.input-container-full label::after {
   content: "*";
   color: red;
   font-size: 18px;
}

input[required]:valid+label {
   display: none;
}

.financial-sec-8::before {
   content: "";
   position: absolute;
   width: 165px;
   height: 165px;
   background: url(img/services/P-&-B-S.png) no-repeat center;
   top: 8%;
   right: -5%;
   pointer-events: none;
}

.col-inner h5 .custom-hover-s_s-box,
.main-content h4 .custom-hover-D-box,
.main-content h4 .custom-hover-s_s-box,
.main-content h3 .custom-hover-s_s-box {
   color: #000000 !important;
}

.ar-box .overlap .h4 .custom-hover-p {
   color: white !important;
}

.pwa-ops-bg-icon-3 h5 .custom-hover-s_s-box {
   color: white !important;
}

.cms-sec-9 h5 .custom-hover {
   color: white !important;
}

/* Landing Pages CSS By Farrukh */
.bgred{background-color: red;}
.lp p{font-size: 18px;color: #000;}
.lp p.lead{font-size: 28px;color: #000;}
.lp p.sm{font-size: 16px;}
.lp .small-text{font-size: 16px;}

.heading-h2{font-size: 48px;}
.heading-h3{font-size: 30px;}
.lp .heading-h6{font-size: 24px !important;font-weight: 500;color: #000;}
.card-logos-carousel-wrapper .card{width: auto;min-height: 130px;}
.rtl-gradient-text {background: -webkit-linear-gradient(right, #FF0000, #FF0000, #000000);-webkit-background-clip: text;-webkit-text-fill-color: transparent;
/* Optional for Firefox */
background-clip: text;color: transparent;}
.lp .card-hover:hover *{color: #fff;fill: #fff;}
.lp .line-heading{text-transform: capitalize;}
.lp .line-heading:before{background: url(./img/lp/fhnew/straight-line.svg) no-repeat center;}

.show-more-less{background-color: transparent;border: none;color: red;font-size: 20px;}
.show-more-less:after{ content: ""; width: 24px; height: 24px; background: url(./img/lp/fhnew/mingcute_down-line.svg) no-repeat center; display: inline-block;vertical-align: middle;}
.show-more-less.less:after{transform: rotate(180deg);}
.showmoreless .showmoreless-item:nth-child(n + 7){display: none;}
.owl-custom-nav{display: flex;align-items: center;gap: 15px;}
.owl-custom-nav button{border-radius: 50%;background-color: #fff;box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.08);border: none;display: flex;align-items: center;justify-content: center;width: 62px;height: 62px;}
.owl-custom-nav button:hover{background-color: red;}
.owl-custom-nav button:hover img{filter: brightness(0) invert();}

#award-carousel .item{position: relative;}
#award-carousel .item:after{content: "";background: url(./img/lp/fhnew/verticle-line.svg) no-repeat center;width: 2px;height: 90px;position: absolute;right: -30px;top: 0;bottom: 0;}
.badge_detail{width: 190px;}
.badge_detail span{font-size: 32px;color: #000;flex: 0 0 0%;}
.badge_detail img{margin: 0;flex: 0 0 auto;}
.badge_detail p{font-size: 16px;color: red;margin:0 0;}

.award-slider-three-wrapper .card{width: auto;min-height: 130px;}
.award-slider-three-wrapper .card img{max-height: 100px;}

.ai-banner { background-image: url(./img/lp/fhnew/ai-banner-bg.webp); background-position: top center; background-size: cover; background-repeat: no-repeat;min-height: 900px;}
.ai-banner > .h-100{min-height: calc(85svh - 100px);}
.lp-grid-style-tabs .nav-tabs{border: none;display: flex;flex-wrap: wrap;align-items: center;}
.lp-grid-style-tabs .nav-tabs .nav-item{flex: 0 0 auto;width: 20%;text-align: center;}
.lp-grid-style-tabs .nav-tabs .nav-item .nav-link{border: none;}
.lp-grid-style-tabs .nav-tabs .nav-item .nav-link { position: relative; display: inline-block; padding-bottom: 20px;margin: 20px; }
.lp-grid-style-tabs .nav-tabs .nav-item .nav-link::after { content: ""; position: absolute; bottom: 0; left: 0; height: 3px; width: 100%; background-image: linear-gradient(to right, #000000, #FF0000); background-size: 0% 100%; background-repeat: no-repeat; transition: background-size 0.4s ease;}
.lp-grid-style-tabs .nav-tabs .nav-item .nav-link.active::after {background-size: 100% 100%;}
.lp-grid-style-tabs .card{min-height: 300px;margin: 0;}

.card-portfolio-carousel-wrapper .owl-carousel .owl-stage{padding-left: 0 !important;align-items: normal;}
.card-portfolio-carousel-wrapper .owl-carousel .item{display: flex;height: calc(100% - 50px);}
.card-portfolio-carousel-wrapper .owl-carousel .card{margin-bottom: 20px;height: 100%;}

.white-cta{background: url(./img/lp/fhnew/cta-bg.webp) no-repeat center;background-size: cover;}
.lp .acc-style1 .accordion-button:not(.collapsed)::after {background-image: url(./img/lp/fhnew/minus-circle.svg);}
.lp .acc-style1 .accordion-button::after {background-image: url(./img/lp/fhnew/add-circle.svg);}
.lp .acc-style1 .accordion-item{box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.08); border-radius: 12px; border-bottom-color: transparent; margin-bottom: 20px;}
.lp .acc-style1 .accordion-button{font-size: 22px;}
.lp .acc-style1 .accordion-body{color:#000 !important;font-size: 18px;}
.load-more-wrapper {z-index: 9;position: relative;}

@media (max-width: 1199px) {
   .lp-grid-style-tabs .nav-tabs .nav-item{width: 25%;}
}

/* Landing Pages CSS By Farrukh */

@media (min-width: 700px) and (max-width: 1600px) {
   .sec_3 .sec_3_box h4 {
      padding-right: 40px;
   }
}

@media (max-width: 768px) {
   .lp-grid-style-tabs .nav-tabs .nav-item{width: 33.333%;}
   #award-slider img {
      max-height: 80px;
   }
}

.related-before.digi-before:before {
   content: '';
   top: 36%;
}

@media screen and (max-width: 575px) {

   .name {
      font-size: 17px !important;
   }

   .label,
   .rating {
      font-size: 12px;
   }
}

/* Farrukh 12-December 2025 New */
/* CTA Section for Blog inner */
.single-blog-content .cta-section { position: relative; padding: 60px 20px; text-align: center; background-color: #ffffff; margin: 15px 0; border-radius: 8px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); overflow: hidden; }
.single-blog-content .cta-section::before,
.single-blog-content .cta-section::after { content: ""; position: absolute; width: 200px; height: 200px; background-image: radial-gradient(#ed1c24 2px, transparent 2px); background-size: 20px 20px; opacity: 0.4; }
.single-blog-content .cta-section::before { top: -50px; right: -50px; }
.single-blog-content .cta-section::after { bottom: -50px; left: -50px; }
.single-blog-content .cta-content { max-width: 800px; margin: 0 auto; position: relative; z-index: 1; }
.single-blog-content .cta-heading { font-size: 32px; font-weight: 600; color: #333; margin-bottom: 20px; }
.single-blog-content .cta-subheading { font-size: 18px; color: #666; margin-bottom: 30px; font-weight: bold; }
.single-blog-content .cta-button { display: inline-flex; align-items: center; padding: 14px 32px; font-size: 16px; font-weight: bold; text-align: center; text-decoration: none; color: #ffffff; background-color: #ed1c24; border: 2px solid transparent; border-radius: 50px; cursor: pointer; transition: all 0.3s ease-in-out; box-shadow: 0 4px 8px rgba(237, 28, 36, 0.15); }
.single-blog-content .cta-button:hover { color: #ed1c24; background-color: #ffffff; border: 2px solid #ed1c24; transform: scale(1.05); box-shadow: 0 6px 12px rgba(237, 28, 36, 0.2); }
.single-blog-content .cta-button::after { content: "➡"; margin-left: 10px; font-size: 20px; transition: transform 0.3s ease-in-out; }
.single-blog-content .cta-button:hover::after { transform: translateX(5px); }
@media (max-width: 768px) {
   .single-blog-content .cta-heading { font-size: 28px; }
   .single-blog-content .cta-subheading { font-size: 16px; }
   .single-blog-content .cta-button { padding: 12px 24px; font-size: 14px; }
}
/* Banner Base Styles */
.banner-2026 { height: calc(100svh - 100px); color: #fff; padding-bottom: 90px; display: flex; align-items: flex-end; position: relative;    min-height: 500px; }
.services-banner{position: relative;width: 100%;overflow: hidden;padding: 0;min-height: 820px;}
.industries-banner{position: relative;width: 100%;overflow: hidden;padding: 0;min-height: 820px;background-color: #000;}
.services-banner .dt-container,
.industries-banner .dt-container{padding-top: 80px;padding-bottom: 80px;min-height: 820px;}
.blog-banner,
.blog-banner .dt-container{min-height: 600px;}
.hero-img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;object-position: center;}
.hero-support-img{position: absolute;bottom: 0;right: 0;object-fit: cover;z-index: -1;}
.virtual-reality-development-banner .hero-support-img{width: 55%;max-width:1187px;}
.android-app-development-banner .hero-support-img{width: 54%;max-width:900px;}
.custom-web-design .hero-support-img{width:80%;max-width: 967px;right: -5%;}

.hero-content { position: relative; z-index: 2; color: #fff; height: 100%; display: flex; flex-direction: column; justify-content: center;}
/* Banner Content */
.inner-padding-x, .inner-padding-top{padding-top: 80px;}
.inner-padding-x, .inner-padding-bottom{padding-bottom: 80px;}
.banner-2026 h1,
.services-banner h2,
.industries-banner h2 { color: #fff; font-size: 64px; font-weight: 300; }
.banner-2026 h1 strong,
.services-banner h2 strong,
.industries-banner h2 strong { font-weight: 500; }
.banner-2026 p,
.services-banner p,
.industries-banner p { color: #fff; font-size: 20px; font-weight: 300; }
.services-banner .h1,
.services-banner .gradiant-heading,
.industries-banner .gradiant-heading{font-weight: 500;font-size: 24px;background: -webkit-linear-gradient(right, #FF0000, #ffffff);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;color: transparent;}
.testimonial-banner h1.gradiant-heading,
.blog-banner .gradiant-heading{background: transparent;-webkit-text-fill-color:white;}
.line{width: 238px;height: 2px;display: inline-block;background-color: var(--red);border-radius: 50px;margin: 12px 0;}
.aboutus-banner { background: url(./img/2026/aboutus.webp) no-repeat center;background-size: cover;  }
.contactus-banner { background: url(./img/2026/contactus.webp) no-repeat center;background-size: cover; }
/* .custom-software-development-banner{background: url(./img/2026/custom-software-development.webp) no-repeat center;background-size: cover;} */
@media screen and (max-width: 1600px) {
   .banner-2026{height: calc(100svh - 81px);padding-bottom: 70px;}
   .banner-2026 h1,
   .services-banner h2,
   .industries-banner h2{font-size: 50px;}
   .banner-2026 p,
   .services-banner p,
   .industries-banner p{font-size: 16px;}
   .services-banner h1.gradiant-heading,
   .industries-banner h1.gradiant-heading{font-size: 20px !important;}
   .virtual-reality-development-banner .dt-container{min-height: auto;}
}
@media screen and (max-width: 1440px) {
   .banner-2026{height: calc(100svh - 71px);padding-bottom: 50px;}
   .services-banner,
   .services-banner .dt-container,
   .industries-banner,
   .industries-banner .dt-container{min-height: 600px;}

}
@media screen and (max-width: 1199px) {
.banner-2026{height: calc(100svh - 50px);padding-bottom: 50px;}
.hero-support-img { position: relative; display: block; margin: 30px auto 0;width: 70%;}
.virtual-reality-development-banner .hero-support-img,
.android-app-development-banner .hero-support-img,
.custom-web-design .hero-support-img{width: 70%;right: 0;}
.android-app-development-banner .dt-container,
.android-app-development-banner .dt-container{padding-bottom: 0;}
.virtual-reality-development-banner{padding-bottom: 0;}
.custom-web-design .dt-container{padding-bottom: 0;}
.custom-web-design .hero-support-wrapper{position: relative;overflow: hidden;}
.custom-web-design .hero-support-wrapper .hero-support-img{object-fit: cover;object-position: right;width: calc(100% + 150px);max-width: none;left: -140px;}
.services-banner h1.gradiant-heading,
.industries-banner h1.gradiant-heading{font-size: 18px !important;}

}

@media screen and (max-width: 991px) {
  .banner-2026 { height: calc(100svh - 71px); display: flex; text-align: center;}
  .banner-2026 h1 { font-size: 36px; }
  .banner-2026 p { font-size: 16px; }
  .banner-2026 .col-xl-auto { margin-top: 20px; }
  .services-banner .hero-support-img,
  .industries-banner .hero-support-img{width: 100%;}
}