/*!
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, custom-menu, featured-images, threaded-comments, translation-ready

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

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: #ed1c24;
   --black: var(--black);
   --white: var(--white);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

sub {
   bottom: -0.25em;
}

sup {
   top: -0.5em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

*::before,
*::after {
   z-index: 0;
   pointer-events: none;
}

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

html {
   box-sizing: border-box;
}

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

/* Typography
   --------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
   color: #000;
   /* font-family: "Rubik", sans-serif; */
   font-size: 1rem;
   line-height: 1.6;
}

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;
   font-family: "Courier 10 Pitch", courier, monospace;
   line-height: 1.6;
   margin-bottom: 1.6em;
   max-width: 100%;
   overflow: auto;
   padding: 1.6em;
}

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

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

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

big {
   font-size: 125%;
}

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

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

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

ul {
   list-style: disc;
}

ol {
   list-style: decimal;
}

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

dt {
   font-weight: 700;
}

dd {
   margin: 0 1.5em 1.5em;
}

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

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

figure {
   margin: 1em 0;
}

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

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

a:visited {
   color: #800080;
}

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

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

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

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

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

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

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

#project {
   display: flex; 
   height: 60px; /* Adjust as needed */
}
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;
   font-family: 'Rubik' !important;
   line-height: 1 !important;
   margin-bottom: 0px !important;
}

.text-conclusion {
   font-family: 'Rubik' !important;
   line-height: 1 !important;
   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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.gallery-caption {
   display: block;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#page {
   position: relative;
   overflow: hidden;
}

.rubik,
.custom-hover-p,
p,
li,
small {
   font-family: "Rubik", sans-serif !important;
}

.playfair,
h1,
h2,
h3,
h4,
.text h4 .custom-hover-s_s-box,
h5,
.custom-hover,
h6 {
   font-family: "Playfair Display", serif !important;
}

.regular {
   font-weight: 300;
}

.medium {
   font-weight: 400;
}

.semibold {
   font-weight: 700;
}

.bold {
   font-weight: 700 !important;
}

h1 {
   /* font-size: 70px; */
   font-weight: 600;
   /* line-height: 80px; */
}

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

.inner-h1 {
   font-size: 65px;
   font-weight: 600;
   line-height: 70px;
   margin-bottom: 20px;
   text-transform: capitalize;
}

.inner-idex {
   font-size: 65px;
   font-weight: 800;
   line-height: 70px;
   margin-bottom: 20px;
}

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

h2 {
   font-size: 40px;
   font-weight: 700;
}

h3 {
   font-size: 40px;
   font-weight: 800;
   line-height: 50px;
}

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

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

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

h6 {
   font-size: 20px;
   font-weight: 800;
}

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

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

p,
.normal {
   font-size: 16px;
   line-height: 25px;
   font-weight: 400;
   color: #000000;
   margin-bottom: 0;
}


.lead {
   font-size: 18px;
   line-height: 30px;
   color: #000000;
}

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

.sm-lead {
   font-size: 18px;
   line-height: 28px;
   color: #737373;
   max-width: 1365px;
}

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

a {
   font-family: "Playfair Display", serif !important;
   font-size: 20px;
   line-height: 27px;
   font-weight: 500;
   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: 100px 0;
   position: relative;
   z-index: 1;
}

/* 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: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:hover:before {
   opacity: 1;
   transition-duration: 0.85s;
   transform: translate3d(-50%, -50%, 0) scaleX(1);
}

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

.btn-primary:hover span {
   color: #ed1c24 !important;
}
.btn-primary span {
   position: relative;
   padding-right: 35px;
}
.btn-primary span:after {
   content: '';
   background-image: url("/wp-content/themes/DT/images/btn-icon-arrow.svg");
   background-repeat: no-repeat;
   width: 25px;
   height: 25PX;
   position: absolute;
   right: -1px;
   transform: rotate(-45deg);
   top: 3px;
}

.btn-primary:hover span:after {
   content: '';
   background-image: url("/wp-content/themes/DT/images/btn-icon-arrow-red.svg");
   background-repeat: no-repeat;
   top: 6px;
   right: 1px;
   transform: rotate(0deg);
}


.btn {
   font-family: "Playfair Display", serif !important;
   font-size: 20px;
   font-weight: 500;
   text-decoration: none; 
   text-align: center;
   line-height: 1.6;
   position: relative;
   overflow: hidden;
   padding: 0.5rem 1.2rem;
}

.btn-primary,
.btn-anim-white,
.wpcf7-form-control.wpcf7-submit {
   background-color: #ed1c24 !important;
   color: #fff !important;
   border: 1px solid #ed1c24 !important;
}

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

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


.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-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-primary-press:before {
   background-color: #fff;
}

.btn-primary-press:hover {
   color: #ed1c24 !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;
}


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

   .main-content>h2 {
      font-size: 23px !important;
      line-height: 1.2 !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;
      line-height: 1.2 !important;
   }

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

   h3 {
      font-size: 22px !important;
      line-height: 1.2 !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;
      align-items: center;
      justify-content: center;
   }

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

   .btn {
      font-family: "Playfair Display", serif !important;
      font-size: 17px;
      font-weight: 500;
      text-decoration: none;
      min-width: 155px;
      text-align: center;
      line-height: 1.6;
      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;
   }

   .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-h-w-d-i::before,
   .mvp-bg-icon-4:after,
   .m_v_p::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;
   }

   .location-list li:before {
      left: 13px !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;
   }

   .chs-bg-icon-3::before {
      top: 5% !important;
      left: 70% !important;
   }

   .chs-bg-icon-2::after {
      top: -8rem !important;
      right: -22% !important;
   }

   .chs-bg-icon-3:after {
      bottom: -8% !important;
      left: -10.9% !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;
   }

   .ar-sec-3 {
      background-position: 1px 56px !important;
   }

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

   .elementSecond-delaware,
   .works {
      padding: 0px !important;
   }

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

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

   .item__image_Humanitarian {
      width: 85% !important;
      left: 7% !important;
   }

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

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

   .f-m-a-w {
      left: 0% !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 {
      font-weight: 500;
   }

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

   .right-full-max {
      margin-right: calc(50% - 50vw) !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;
   }

   .m_v_p::before {
      top: 4% !important;
   }

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

   .m_v_p::after {
      bottom: -4.6% !important;
      right: -23.5% !important;
   }

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

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

   .wd-w-g-f-e::before {
      top: 5% !important;
      left: 40% !important;
   }

   .elementThirteen-florida {
      height: 440px !important;
      margin-bottom: 120px !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: 50px;
}

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

.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 */
.dt-logo {
   margin-right: 30px;
}

.site-header {
   padding: 0;   
}

.logged-in .sticky {
   /*top: -28px;*/
}

.sticky {
   position: static;
   top: -60px;
   left: 0;
   height: auto;
   animation: goDown 0.5s ease-in-out forwards;
   z-index: 99;
   background-color: #fffffffc;
}

@keyframes goDown {
   0% {
      top: -60px;
   }

   100% {
      transform: translateY(60px);
   }
}

.dt-navbar-wrap {
   display: flex;
   align-items: center;
   width: 100%;
}

.dt-navbar {
   flex: 1 0 auto;
}

.dt-header-cta {
   display: flex;
   align-items: center;
}

.dt-header-cta a {
   color: #000;
   font-family: "Rubik", sans-serif !important;
   font-weight: 400;
}

.dt-header-cta a img {
   margin-right: 10px;
}

.dt-header-cta .seprator {
   width: 1px;
   height: 30px;
   background-color: #ed1c24;
   margin: 0 20px;
   display: inline-block;
}

/* Site Loader*/
.loader svg {
   width: 100px;
   height: 100px;
   margin: 0px;
   display: inline-block;
}

.loader {
   top: 0;
   margin: 0;
   padding: 0;
   width: 100%;
   height: 100%;
   position: fixed;
   overflow: hidden;
   text-align: center;
   background-color: var(--bs-white);
   z-index: 99999;
}

.loader-icon {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-25%, -50%);
}

/* Site Footer */
.site-footer {
   background-color: #000;
   padding-top: 90px;
   color: #fff;
}

#footer-menu {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: center;
}

#footer-menu .menu-item>a {
   padding: 1rem;
   font-family: "Rubik", sans-serif !important;
   color: #fff;
   font-size: 16px;
   font-weight: 300;
   transition: all 0.3s ease-in-out;
}

#footer-menu .menu-item>a:hover {
   text-decoration: underline;
}

.footer-form {
   margin-bottom: 100px;
}

.form .wpcf7-form-control {
   background: #070707;
   border: none;
   border-bottom: 1px solid #262626;
   font-size: 15px;
   color: #fff;
   line-height: 40px;
   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;
   font-family: "Playfair Display", serif !important;
   line-height: normal;
   padding: 10px;
   margin: 0 !important;
   height: auto;
   margin-top: 40px !important;
}

.footer-bottom {
   border-top: 1px solid #262626;
   padding: 20px;
}
.footer-bottom .copyright a {
   font-size: 16px;
    line-height: 25px;
    font-weight: 300;
    color: #737373;
    margin-bottom: 0;
    font-family: Rubik,sans-serif!important;
}

.copyright {
   color: #fff;
}

ul.social-icons,
ul.shareon {
   display: flex;
   align-items: center;
   justify-content: flex-end;
}

ul.social-icons a,
ul.shareon a {
   padding-left: 1rem;
}

ul.social-icons a img {
   filter: grayscale(1);
   transition: all 0.3s ease-in-out;
}

ul.social-icons a:hover img {
   filter: grayscale(0);
}

#to-top {
   width: 40px;
   height: 40px;
   padding: 10px;
   background: #ed1c24;
   border-radius: 100%;
   position: fixed;
   bottom: 20px;
   right: 20px;
   border: none;
   z-index: 99;
   transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
   opacity: 0;
   visibility: hidden;
}

#to-top.show {
   opacity: 1;
   visibility: visible;
}

#to-top:hover {
   cursor: pointer;
   background-color: #000;
}

#to-top img {
   margin-top: -6px;
}

/* Mega Menu */
#mega-menu-wrap-menu-1 {
   background: transparent;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item>a.mega-menu-link {
   font-family: "Rubik", sans-serif !important;
   font-size: 18px;
   font-weight: 400;
   text-transform: capitalize;
   position: relative;
   padding: 0 20px 0 20px;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator:after {
   color: #ed1c24;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column {
   padding: 2rem 1.5rem;
   min-height: 347px;
   display: flex;
   align-items: center;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column:first-child {
   padding: 2rem 6rem;
}


#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column.mega-right-col {
   padding: 0;
   background-color: transparent !important;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-megamenu>ul.mega-sub-menu {
   box-shadow: 0px 8px 6px rgb(191 191 191 / 10%);
   margin-top: 30px;
   background-color: #fff !important;
}

.mega-menu-wrap .mega-menu-link {
   padding-top: 2rem !important;
   padding-bottom: 2rem !important;
   height: auto !important;
   background: transparent !important;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu .mega-menu-row>ul.mega-sub-menu {
   height: 100% !important;
   display: inline-flex !important;
}

.sticky .mega-menu-wrap .mega-menu-link {
   padding-top: 1rem !important;
   padding-bottom: 1rem !important;
}

.mega-menu-wrap {
   color: #000 !important;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item,
#mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item {
   color: #000;
}

.mega-menu-wrap .btn {
   border-radius: 5rem;
   margin-top: 10px;
}

.mega-menu-column:first-child,
.mega-left-col {
   background-color: #fbfbfb !important;
}

.mega-menu-column:last-child,
.mega-right-col {}

.mega-menu-column {
   border-top: 1px solid #efefef !important;
}

.mega-menu-link img {
   width: 35px;
   height: 35px;
   float: left;
   margin-top: 10px;
   margin-right: 15px;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link,
#mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link {
   font-size: 18px !important;
   font-family: "Rubik", sans-serif !important;
   font-weight: 400 !important;
   color: #000;
   text-transform: capitalize;
   padding-top: 0 !important;
   padding-bottom: 0 !important;
}

.mega-menu-link small {
   display: block;
   font-weight: 300;
   font-size: 14px;
   margin-left: 50px;
   line-height: 17px;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column.mega-center-col>ul.mega-sub-menu>li.mega-menu-item {
   padding: 10px;
   padding-bottom: 10px;
   height: 84px;
   margin-bottom: 10px;
   transition: background-color 0.3s ease-in-out;
   display: flex;
   align-items: center;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column.mega-center-col {
   padding: 2rem;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column.mega-center-col>ul.mega-sub-menu>li.mega-menu-item:hover,
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column.mega-center-col>ul.mega-sub-menu>li.mega-menu-item.mega-current_page_item {
   background-color: rgba(61, 61, 61, 0.1);
}

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

#mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item>a.mega-menu-link:after,
#mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item>a.mega-menu-link:after,
#mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item>a.mega-menu-link:after {
   content: "";
   background: url("/wp-content/themes/DT/images/menu-line.svg") no-repeat center right;
   position: absolute;
   bottom: 15px;
   right: 20px;
   width: 0;
   height: 15px;
   display: block;
   transition: all 0.5s ease-in-out;
}

.sticky #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item>a.mega-menu-link:after,
.sticky #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item>a.mega-menu-link:after,
.sticky #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item>a.mega-menu-link:after {
   bottom: 13px;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item>a.mega-menu-link:hover:after,
#mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link:after,
#mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item.mega-current-menu-parent>a.mega-menu-link:after {
   width: 45px;
}

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

/* Home Slider Section */
.home-slider {
   padding-top: 0px;
   min-height: 900px;
}

.home-slider .dt-container {
   position: relative;
   display: flex;
   align-items: center;
   min-height: 750px;
}

.circle-before {
   position: relative;
}



.m_v_p {
   position: relative;
}



.home-slider .side-gray-none::before {
   content: "";
   display: none;
}


.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 { 
   background-color: #f9f9f9;
   padding: 2.5rem 0rem;
}

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

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

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

/* Service */ 

.Bannerimage {
   background: url("/wp-content/themes/DT/images/Secthree.png") no-repeat right center;
   background-size: cover;
   padding: 104px 0px;  
   justify-content: center;
   align-items: center;
   border-radius: 50px;
}

.Bannerimage h2,
.Bannerimage p {
   color: white;
}

@media (max-width: 768px) {
   .Bannerimage {
       padding: 40px 0;
   }
   
   .col-md-7 {
       text-align: center;
   }
}

.Bannerimagefour {
   background: url("/wp-content/themes/DT/images/Secfour.png") no-repeat right center;
   background-size: cover;
   padding: 77px 0;
   height: auto;
   min-height: 400px;
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 50px;
}

.Bannerimagefour h2,
.Bannerimagefour p {
   color: white;
}

@media (max-width: 768px) {
   .Bannerimagefour {
       padding: 40px 0;
   }
   
   .col-md-7 {
       text-align: center;
   }
}


.BannerAboutFour {
   background: url("/wp-content/themes/DT/images/About/Secfour.png") no-repeat center center;
   background-size: cover;
   padding: 104px 0px;
   justify-content: center;
   align-items: center;
   border-radius: 50px;
}

.BannerAboutFour h2,
.BannerAboutFour p {
   color: white;
}

@media (max-width: 768px) {
   .BannerAboutFour {
       padding: 40px 0; 
   }
   
   .col-md-7 {
       text-align: center;
   }
}
.services {  
   color: #fff;
   position: relative; 
}

.services:before {
   content: "";
   background: ("/wp-content/themes/DT/images/Secthree.png") no-repeat;
   background-position: center;
   width: 79px;
   height: 100%;
   position: absolute;
   top: 0;
   left: -40px;
}

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

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



.w_c_d-after {
   position: relative;
}


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

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


.technology-box {
   width: 100%;
}

.technology-box h4,
.tech-content h4 {
   font-family: "Rubik", sans-serif !important;
   font-weight: 500;
}

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

.tabs-style2 .nav-tabs {
   justify-content: space-between;
   border: none;
   margin: 0 -20px 40px !important;
}

.tabs-style2 .nav-tabs .nav-link {
   color: #101011;
   text-transform: uppercase;
   font-weight: 500;
   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:after,
.tabs-before:before,
.tabs-after-2:after {
   content: "";
   position: absolute;
   width: 100px;
   height: 100px;
}


.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: 20px;
   padding: 1.8rem 1.25rem;
   font-weight: 500;
}

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

.acc-style1 .accordion-body {
   color: #000000 !important;
   font-size: 16px;
   font-weight: 300;
   text-align: left;
}

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

#Faqs.acc-style1 .accordion-button:not(.collapsed)::after {
   background-image: url(/wp-content/themes/DT/images/minus.webp);
   background-size: 21px;
}

#Faqs.acc-style1 .accordion-button::after {
   background-image: url(/wp-content/themes/DT/images/plus.webp);
   background-size: 21px;
}

.black-page #Faqs.acc-style1 .accordion-button:not(.collapsed)::after {
   background-image: url(/wp-content/themes/DT/images/minus.webp);
   background-size: 21px;
}

.black-page #Faqs.acc-style1 .accordion-button::after {
   background-image: url(/wp-content/themes/DT/images/plus-white.webp);
   background-size: 21px;
}

.faq.two-col-after:after {
   right: auto;
   left: 40px;
   bottom: auto;
   top: 100px;
}


.faq h3 {
   font-weight: 800;
}


.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-family: "Playfair Display", serif !important;
   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;
   font-family: "Playfair Display", serif !important;
}

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


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


.our_process .tab-content p,
.our_process .tab-content li {
   font-weight: 400;
}

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


.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;
   font-weight: 300;
   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;
}

.sm-bullet.bullet-list li .custom-hover-p {
   font-weight: 400 !important;
}

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


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

.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;
   font-weight: 300;
   color: #505050;
}


.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: 0;
   left: 0;
   width: 100%;
   color: white;
   padding: 20px 20px 40px 20px;
   opacity: 0;
}

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

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


.slider-box a {
   position: relative;
   height: 30px;
}

.slider-box a:after {
   content: '';
   background-image: url("/wp-content/themes/DT/images/btn-icon-arrow-red.svg");
   background-repeat: no-repeat;
   width: 25px;
   height: 25PX;
   position: absolute;
   right: 0px;
   transform: rotate(36deg);
   transition: transform 0.3s ease-in-out;
   top: 0px;
}

.slider-box:hover a:after {
   content: '';
   background-image: url("/wp-content/themes/DT/images/btn-icon-arrow.svg");
   background-repeat: no-repeat;
   top: 6px;
   right: 1px;
   transform: rotate(-45deg);
   transition: transform 0.3s ease-in-out;
}
.slider-box p {
   font-size: 16px;
   line-height: 24px;
}

.slider-box p .custom-hover-p {
   font-weight: 400 !important;
}

.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;
   line-height: 24px;
}

.cms-sec-2 .slider-box {
   min-height: 365px !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 {
   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;
   line-height: 40px;
}

.cms-sec-4 .num-col p strong {
   font-weight: 600;
   font-size: 60px;
   vertical-align: middle;
}

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


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

.card > img {
    width: 70px !important;
}

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

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

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


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


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



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

.industries-slider .indus-box,
.s_solution-slider .s_s-box,
.slider-box {
   background-color: #F9F9F9;
   border-radius: 20px;
   box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.08);
   padding: 1rem;
   transition: all 0.3s ease-in-out;
   margin: 0.5rem 0.5rem;
}

.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: 425px;
   /* width: 365px; */
   max-width: 100%;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
}

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

.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: 60px;
}

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

.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%);
}

.s_solution.two-col-before:before {
   top: 20px;
}

.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: 16px 10px;
}

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


/**
    * 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.owl-carousel .owl-stage-outer {
   overflow: visible;
}

#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;
   font-weight: 500;
   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;
   font-weight: 400;
}

.work-box h2 {
   font-size: 40px;
   font-weight: 500;
   line-height: 50px;
}

.work-box .btn-icon {
   font-weight: 600;
   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;
   font-weight: 600;
   color: #000000;
   margin-top: 30px;
}

.case-study .technology,
#works-slider .technology {
   font-size: 15px;
   font-weight: 400;
   color: #737373;
}

.case-study .works-btn,
#works-slider .works-btn {
   color: #000000;
   font-size: 15px;
   font-weight: 700;
   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;
   line-height: 40px;
   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;
   font-weight: 600;
   color: #ed1c24 !important;
   line-height: 26px;
}

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



.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;
   line-height: 30px;
}

.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;
   font-weight: 500;
   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;
   line-height: 0px !important;
   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 p {
   font-size: 18px;
   line-height: 26px;
   margin-bottom: 0.5rem;
}

.btn-check:focus+.btn-primary,
.btn-primary:focus {
   box-shadow: 0 0 0 0.25rem rgb(237 28 36 / 50%);
}

.btn-check:focus+.btn,
.btn:focus {
   box-shadow: none !important;
}

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


.two-col-before,
.two-col-after {
   position: relative;
}

.two-col-before:before,
.ind-sec-2:before,
.two-col-after:after {
   content: "";
   position: absolute;
}


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

.team-col img {
   margin-left: 4px;
}

.team-col-rigth img {
   border-radius: 50%;
   margin-left: -7px !important;
}

.team h6 {
   font-weight: 300 !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;
}

.job-box small {
   font-weight: 300;
}

.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:before,
.blog-grid:after,
.single-blog-content:before,
.single-blog-content:after {
   content: "";
   position: absolute;
}


label {
   color: #000;
}

.cat-list {
   display: flex;
   flex-wrap: wrap;
}

.cat-list li {
   margin-right: 20px;
   position: relative;
   margin-bottom: 10px;
}

.cat-list li a,
.cat-list li button {
   font-family: "Rubik", sans-serif !important;
   font-size: 16px;
   font-weight: 300;
   text-transform: uppercase;
   color: #000;
   padding: 0;
   background: none;
   border: none;
   transition: all 0.1s ease-in-out;
}

.cat-list li.active a,
.cat-list li.active button {
   font-weight: 700;
}


.cat-list li.active:before,
.cat-list li: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;
}


.post .top-meta {
   font-weight: 300;
   text-transform: uppercase;
   color: #000;
   margin-bottom: 10px;
   font-size: 14px;
}

.post .entry p,
.post .postmetadata a {
   font-size: 16px;
   color: #000;
   font-weight: 300;
   line-height: 26px;
   font-family: "Rubik", sans-serif !important;
}

.post .entry .btn {
   margin-top: 10px;
   font-size: 15px;
}

.post .postmetadata {
   margin-top: 10px;
}

.post .postmetadata a {
   color: #717171;
   pointer-events: none;
   text-transform: lowercase;
}

.post .postmetadata a:before {
   content: "#";
   color: #717171;
   font-family: "Rubik", sans-serif !important;
}

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

.single-blog-content {
   position: relative;
   padding-top: 0px;
}

.single-blog-content .dt-container:after {
   top: 100px;
}

.single-blog-content h2 {
   margin-top: 60px;
}

.single-blog-content p {
   margin-bottom: 20px;
}

.single-blog-content:before {
   top: 70%;
}

/* Related Blog */
.related-blog {
   padding-top: 0;
   position: relative;
}

.related-before {
   padding-bottom: 2rem;
   position: relative;
}

.related-before-Process {
   position: relative;
}


.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-family: "Rubik", sans-serif !important;
   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;
   font-family: "Playfair Display", serif !important;
   font-weight: 600;
   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;
}

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

.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;
   color: #000;
   min-height: 40px;
}

.location-list li:before {
   width: 29px;
   height: 29px;
   top: 50%;
   left: -10px;
   transform: translateY(-50%);
}

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

.key-feature p {
   font-weight: 300 !important;
   color: #737373 !important;
}

.ind-sec-6 h5 {
   font-weight: 700;
}

.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%;
   display: inline-block !important;
   width: auto;
}


#works-slider.owl-carousel .owl-item img {
   float: left;
}

#works-slider.owl-carousel .owl-item .icon img {
   float: none;
}

.owl-carousel.inner-exp-slider .owl-item img {
   float: left;
}

.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;
   font-weight: 900;
   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;
   font-weight: 400;
}

.footer-services ul#services-menu li {
   width: 48%;
   display: inline-block;
}

.footer-services ul li a {
   font-size: 18px;
   color: #fff;
   display: block;
   padding: 12px 0px;
}

.footer-services h4 {
   font-weight: 700;
}

.footer-services ul li a:hover {
   color: white !important;
   /* font-weight: 600 !important; */
   transition: 0.3s !important;
}

.align-self-normal {
   align-self: normal !important;
}



@media screen and (width: 1660px) {
   h1 {
      font-size: 50px !important;
      line-height: 1.2 !important;
   }

   h2 {
      font-size: 32px !important;
      line-height: 40px !important;
   }

   h3 {
      font-size: 32px !important;
      font-weight: 600 !important;
      line-height: 40px !important;
   }

   h4,
   .text h4 .custom-hover-s_s-box {
      font-size: 24px !important;
      line-height: 26px !important;
   }

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

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

}

@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;
      line-height: 24px;
   }

   .home-slider .dt-container::after {
      left: -128px;
   }


   .dt-header-cta a {
      font-size: 16px;
      line-height: 70px;
   }

   .dt-container {
      max-width: 92vw;
   }

   #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column {
      padding: 1.5rem;
   }

   #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column.mega-center-col {
      padding: 1rem;
   }

   #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link,
   #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link {
      font-size: 16px !important;
   }

   #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item>a.mega-menu-link:after,
   #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item>a.mega-menu-link:after,
   #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item>a.mega-menu-link:after {
      right: 15px;
      bottom: 15px;
   }

   #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item>a.mega-menu-link {
      font-size: 16px !important;
      padding-left: 15px !important;
      padding-right: 15px !important;
   }

   .mega-menu-wrap .mega-menu-link {
      padding-top: 1.2rem !important;
      padding-bottom: 1.2rem !important;
   }

   .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;
      line-height: 24px;
   }

   .footer-bottom * {
      font-size: 14px !important;
   }

   .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;
      line-height: 1.3;
   }

}

@media screen and (min-width: 1440px) and (max-width: 1660px) {

   h1,
   .inner-h1 {
      font-size: 52px !important;
      line-height: 1.1 !important;
   }
}

@media screen and (width: 1440px) {
   .item__image_TYACITOA {
      position: absolute;
      top: -23%;
      left: 1% !important;
   }

   .item__image_Jewelers {
      position: absolute;
      top: -10%;
      left: 0% !important;
   }

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

   .dt-header-cta a {
      font-size: 0;
      line-height: normal;
      min-width: 20px;
   }

   #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item>a.mega-menu-link {
      padding: 0 12px 0 12px;
      font-size: 18px;
   }
}

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

   .pwa-sec-6:after,
   .pwa-sec-6:before,
   .faq.two-col-after:after {
      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 (width: 1366px) {
   .item__image_TYACITOA {
      position: absolute;
      top: -23%;
      left: 3% !important;
   }

   .item__image_Jewelers {
      position: absolute;
      top: -10%;
      left: 3% !important;
   }

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

   .item__image_Humanitarian {
      position: absolute;
      top: -19%;
      left: 5% !important;
   }

}

@media screen and (min-width: 1500px) and (max-width: 1599px) {
   .item__image_TYACITOA {
      position: absolute;
      top: -23%;
      left: 3% !important;
   }

   .item__image_Jewelers {
      position: absolute;
      top: -10%;
      left: 3% !important;
   }

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

   .item__image_Humanitarian {
      position: absolute;
      top: -19%;
      left: 5% !important;
   }

}

@media screen and (width: 1920px) {

   h1,
   .inner-h1 {
      font-size: 52px;
      line-height: 1.1;
   }

   .item__image_TYACITOA {
      position: absolute;
      top: -23%;
      left: 8% !important;
   }

   .item__image_Jewelers {
      position: absolute;
      top: -10%;
      left: 8% !important;
   }

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

   .item__image_Humanitarian {
      position: absolute;
      top: -19%;
      left: 10% !important;
   }

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

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

@media screen and (max-width: 991px) {
   lottie-player {
      max-width: 100%;
   }

   .site-footer {
      padding-top: 0;
   }

   .faq-before:before {
      bottom: 0;
   }


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

   #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu .mega-menu-row>ul.mega-sub-menu {
      display: block !important;
   }

   .home-slider {
      padding-bottom: 100px;
   }

   .mega-menu-link img {
      display: none;
   }

   #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-megamenu>ul.mega-sub-menu {
      padding-bottom: 10px !important;
      padding-top: 10px !important;
   }

   .mega-menu-link small {
      display: none;
   }

   #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item>a.mega-menu-link {
      border-bottom: 1px solid #00000024 !important;
   }

   #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row>ul.mega-sub-menu>li.mega-menu-column {
      min-height: auto;
   }

   #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block {
      border: none;
   }

   #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-box span.mega-toggle-animated-inner {
      /* display: none; */
   }

   .dt-logo img {
      max-width: 70% !important;
   }

   #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner,
   #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::before,
   #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::after {
      background-color: #ed1c24;
   }

   #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block:only-child {
      margin: 0 !important;
   }

   #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-box {
      /* width: 30px; */
   }

   #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item>a.mega-menu-link:after,
   #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item>a.mega-menu-link:after,
   #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item>a.mega-menu-link:after {
      display: none;
   }

   #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated {
      transform: scale(1);
   }

   #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item>a.mega-menu-link {
      color: #ffffff;
      background-color: #fff;
      padding: 12px !important;
   }

   .mega-menu-column.mega-left-col,
   .mega-menu-column.mega-right-col {
      display: none !important;
   }

   .mega-menu-column {
      border: none !important;
   }

   #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column.mega-center-col {
      padding: 0 10px;
   }

   #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column.mega-center-col>ul.mega-sub-menu>li.mega-menu-item {
      margin-bottom: 0;
      padding: 2px 5px;
      height: auto;
   }


   #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link,
   #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link,
   #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item.mega-current-page-ancestor>a.mega-menu-link,
   #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item.mega-toggle-on>a.mega-menu-link,
   #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column.mega-center-col>ul.mega-sub-menu>li.mega-menu-item.mega-current_page_item a {
      color: #ed1c24;
   }

   #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item>a.mega-menu-link {
      line-height: 24px;
   }

   .site-header {
      height: auto;
      padding: 10px 0;
   }

   section,
   .industry {
      padding: 30px 0px !important;
      position: relative;
      z-index: 1;
   }


   .testimonials-slider {
      margin-top: 40px;
   }

   .works .row {
      padding-bottom: 80px;
   }

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

   .elementThirteenth-austin:after {
      display: none !important;
   }

   .elementFourteenth-austin:before {
      display: none !important;
   }

   .elementFifteenth:after {
      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;
   }

   .elementThirteen-florida:after {
      display: none !important;
   }

   .elementFourteenth-florida:before {
      display: none !important;
   }

   .elementFifteenth-florida:after {
      display: none !important;
   }

   .elementFirst-losangeles:before {
      display: none !important;
   }

   .elementSecond-losangeles:after {
      display: none !important;
   }

   .elementThird-losangeles:before {
      display: none !important;
   }

   .elementFourth-losangeles:before {
      display: none !important;
   }

   .elementFifth-losangeles:after {
      display: none !important;
   }

   .elementSixth-losangeles:before {
      display: none !important;
   }

   .elementSeventh-losangeles:after {
      display: none !important;
   }

   .elementEight-losangeles:before {
      display: none !important;
   }


   .elementNinth-losangeles:after {
      display: none !important;
   }

   .elementTenth-losangeles:after {
      display: none !important;
   }

   .elementEleventh-losangeles:before {
      display: none !important;
   }

   .elementTwelvth-losangeles:after {
      display: none !important;
   }

   .elementThirteen-losangeles:after {
      display: none !important;
   }

   .elementFourteenth-losangeles:before {
      display: none !important;
   }

   .elementFifteenth-losangeles: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 (width: 767px) {

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

   h2 {
      font-size: 30px !important;
      line-height: 36px !important;
      margin-bottom: 20px !important;
   }

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

@media screen and (width: 767px) {
   .embed-responsive video {
      max-height: 1200px !important;
      min-height: 910px !important;
   }
}

@media screen and (max-width: 767px) {
   .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: 25px 0 40px 0 !important;
      position: relative;
      z-index: 1;
   }

   .form .wpcf7-form-control.wpcf7-submit {
      margin: 1rem auto !important;
      display: block;
   }

   .vr-padding-top {
      padding-top: 11rem;
   }

   .square-after:after {
      top: 500px;
   }

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

   .award-grid:before {
      top: 390px;
   }

   .icon-list>li .text {
      margin-left: 0px;
   }

   .newsletter-form {
      flex-direction: column;
      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;
   }

   #services-menu {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
   }

   #industries-menu {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      align-items: center;
   }

   #insight-menu {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      align-items: center;
   }

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

   .two-col-before:before,
   .two-col-after:after,
   .tabs-after:after,
   .w_c_d:after,
   .cms-sec-8:before,
   .mvp-sec-7:before,
   .pwa-sec-6:before,
   .ar-sec-3.w_c_d-after:after,
   .tabs-before: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 .dt-container > .row,
   .vr-banner .dt-container > .row,
   .mob-reserve .dt-container > .row {
      flex-direction: column-reverse;
   }

   .footer-location {
      padding-top: 20px;
      padding-bottom: 20px;
   }
   .footer-location a {
      width: 50%;
   }


   .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: -210px;
      padding-top: 60px;
      padding-bottom: 0;
   }

   .logos-slider {
      margin-top: 40px;
   }

   .services .btn-icon {
      margin-top: 10px;
   }

   .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;
      line-height: 50px;
      margin-top: 0;
   }

   .work-box .tags {
      font-size: 15px;
   }

   .bottom-wrap {
      display: none;
   }

   .works .row {
      padding-bottom: 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 {
      width: 325px;
      margin: 30px 25px 30px 7px;
   }

   .testi-box .text {
      font-size: 16px;
      line-height: 24px;
   }

   .footer-form {
      margin-bottom: 30px;
   }

   .footer-bottom {
      border: none;
      padding: 20px 0;
   }

   #footer-menu {
      flex-direction: column;
      align-items: flex-start;
   }

   #footer-menu .menu-item>a {
      padding-left: 0;
   }

   .footer-menu {
      padding-bottom: 20px;
   }

   ul.social-icons {
      justify-content: flex-start;
      margin-top: 10px !important;
   }

   ul.social-icons a {
      padding-left: 0;
      padding-right: 1rem;
   }

   p,
   li {
      font-size: 15px !important;
      line-height: 22px !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;
   }

   .elementThirteenth-austin:after {
      display: none !important;
   }

   .elementFourteenth-austin:before {
      display: none !important;
   }

   .elementFifteenth:after {
      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;
   }

   .elementThirteen-florida:after {
      display: none !important;
   }

   .elementFourteenth-florida:before {
      display: none !important;
   }

   .elementFifteenth-florida:after {
      display: none !important;
   }

   .elementFirst-losangeles:before {
      display: none !important;
   }

   .elementSecond-losangeles:after {
      display: none !important;
   }

   .elementThird-losangeles:before {
      display: none !important;
   }

   .elementFourth-losangeles:before {
      display: none !important;
   }

   .elementFifth-losangeles:after {
      display: none !important;
   }

   .elementSixth-losangeles:before {
      display: none !important;
   }

   .elementSeventh-losangeles:after {
      display: none !important;
   }

   .elementEight-losangeles:before {
      display: none !important;
   }


   .elementNinth-losangeles:after {
      display: none !important;
   }

   .elementTenth-losangeles:after {
      display: none !important;
   }

   .elementEleventh-losangeles:before {
      display: none !important;
   }

   .elementTwelvth-losangeles:after {
      display: none !important;
   }

   .elementThirteen-losangeles:after {
      display: none !important;
   }

   .elementFourteenth-losangeles:before {
      display: none !important;
   }

   .elementFifteenth-losangeles:after {
      display: none !important;
   }


   .border-end {
      border-right: none !important;
   }

}

@media (min-width: 769px) and (max-width: 1100px) {
.site-header {
      top: 0px;
   }
}


/* ------------------------------------------------------ */
.h-full {
   height: 100vh;
}

.nft-key-num {
   color: #f2f2f2;
   font-size: 5rem;
   position: absolute;
   top: 50%;
   left: -7px;
   line-height: 0;
   z-index: -1;
}

.dono-key {
   color: #f2f2f2;
   font-size: 44px;
   font-weight: 600;
   line-height: 0.6;
}


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



/* ---------------------CASE STUDY BEESMART--------------------- */
.main-content>h1 {
   font-size: 50px;
   line-height: 1.2;
}

.main-content>h2 {
   font-size: 40px;
   line-height: 1.2;
}

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

.card {
   background-color: #fff;
   border-radius: 30px;
   box-shadow: 0px 0px 0px 3px #F8F8F8;
   /* padding: 40px 20px; */
   min-height: 370px;
   max-width: 100%;
   /* margin: 40px 5px; */
   transition: all 0.3s ease-in-out;
   justify-content: center;
}

.CardCustomize{
   display: flex;
   flex-direction: column;
   height: 100%;
}

.CardCustomize p {
   flex-grow: 1;
}

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



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

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

.bg-grey {
   background-color: #EBEBEB;
}


.move-left.ls-bullet {
   margin-left: 0 !important;
}


.move-left.bullets {
   margin-left: 0 !important;
}

.bullets {
   margin: 20px 0 !important;
}

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

.bg-black {
   background-color: #191919;
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
   width: 100%;
   min-height: 467px;
   border-radius: 73px;
}

.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_TYACITOA {
   position: absolute;
   top: -23%;
   left: 5%;
}

.item__image_Jewelers {
   position: absolute;
   top: -10%;
   left: 5%;
}

.item__image_Arts {
   position: absolute;
   top: -10%;
   left: 0.5%;
}

.item__image_Health {
   position: absolute;
   top: -13%;
   left: 5%;
}

.item__image_Humanitarian {
   position: absolute;
   top: -19%;
   left: 2%;
}


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


#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;
   font-weight: 300;
   line-height: 1;
   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%;
   }
}

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



.red-bullet>li {
   position: relative;
   padding-left: 23px;
   margin-bottom: 5px;
   color: #505050;
}


.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: .3s;
   transition-duration: .3s;
}

.imgContainer .hvr-icon-rotate {
   -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;
}

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




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

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

.footer-services ul li a,
.footer-location a {
   color: #707070;
   font-weight: 600 !important;
   font-size: 1rem !important;
   padding: 6px 0px !important;
   font-weight: 300;
   font-family: "Rubik", sans-serif !important;
}

.location-list li a {
   font-family: "Rubik", sans-serif !important;
   font-weight: 400 !important;
   color: inherit !important;
}

.default-link {
   font-family: "Rubik", sans-serif !important;
   text-decoration: underline;
   color: #505050 !important;
   font-size: 16px;
   font-weight: 300;
}

.inherit-link {
   text-decoration: none;
   color: #000 !important;
   font-size: inherit;
   font-weight: inherit;
}

.link-red {
   text-decoration: none;
   color: var(--red) !important;
   font-size: inherit;
   font-weight: inherit;
   font-family: "Rubik", sans-serif !important;
}

.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 {
   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;
   }
   .mob-50 > div {
      width: 50%;
   }
   .location-list li:before {
      width: 20px !important;
      height: 20px !important;
      background-size: cover !important;
      top: 0px !important;
      transform: translateY(0%) !important;
   }
}


/* 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;
   font-weight: 500;
}

/*get the css old file */
.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: 0.3s;
   transition-duration: 0.3s;
}

.hvr-icon-grow .hvr-icon {
   -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;
}

.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: 0.3s;
   transition-duration: 0.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: 0.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: 0.3s;
   transition-duration: 0.3s;
}

.hvr-icon-rotate .hvr-icon {
   -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;
}

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


.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 {
   line-height: 65px;
   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: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: 5px;
}

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


.to-left {
   top: -10%;
   left: -27%;
   z-index: -1;
   position: absolute;
}


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

.position-bottom-left {
   top: 50px;
   left: 420px;
   transform: rotate(322deg);
}

.position-bottom-right {
   top: 62px;
   right: 475px;
   transform: rotate(322deg);
}


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

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

.footer-services ul li a,
.footer-location a {
   font-size: 1rem !important;
   padding: 6px 0px !important;
   font-weight: 300;
   font-family: "Rubik", sans-serif !important;
}

.footer-location {
   background-color: #161616 !important;
   border-radius: 40px !important;
}


.footer-location a {
   position: relative;
   text-decoration: none;
}

.footer-location a::after {
   content: '';
   position: absolute;
   width: 100%;
   height: 2.5px;
   top: -15px;
   left: 0;
   background-color: var(--red);
   opacity: 0;
   transition: opacity 0.3s ease;
}


.footer-location a:hover::after {
   opacity: 1;
}


.location-list li a {
   font-family: "Rubik", sans-serif !important;
   font-weight: 400 !important;
   color: inherit !important;
}

.default-link {
   font-family: "Rubik", sans-serif !important;
   text-decoration: underline;
   color: #505050 !important;
   font-size: 16px;
   font-weight: 300;
}

.inherit-link {
   text-decoration: none;
   color: #000 !important;
   font-size: inherit;
   font-weight: inherit;
}

.inner-scroll {
   height: 725px;
   overflow-y: scroll;
}

#style-4::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
   background-color: #f5f5f5;
}

#style-4::-webkit-scrollbar {
   width: 0px;
   background-color: #f5f5f5;
}

#style-4::-webkit-scrollbar-thumb {
   background-color: #000000;
   border: 0px solid #555555;
}

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

.page-template-thankyou .btn.btn-primary.rounded.btn-large:hover {
   color: #fff !important;
}

.norway-solution-slider .box {
   min-height: 360px !important;
   width: 600px !important;
}

.tab-box {
   background-color: #70707073 !important;
   border-radius: 10px !important;
   box-shadow: 0 2px 30px 2px rgb(0 0 0 / 29%) !important;
   border: 2px solid #000 !important;
   padding: 15px !important;
   color: #fff !important;
}

.tab-box:hover {
   background-color: #f60606 !important;
   border-radius: 10px !important;
   box-shadow: 0 2px 30px 2px rgb(0 0 0 / 29%) !important;
   border: 2px solid #000 !important;
   padding: 15px !important;
   color: #fff !important;
}

.ourprocess {
   background-color: #000;
   height: 1000px;
}

.link-red {
   text-decoration: none;
   color: var(--red) !important;
   font-size: inherit;
   font-weight: inherit;
   font-family: "Rubik", sans-serif !important;
}

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

.hand-animation-main {
   position: relative;
}

.hand-animation {
   position: absolute;
   bottom: 6%;
   right: 4%;
   width: 55px;
   height: 55px;
}

@media screen and (max-width: 767px) {
   .card-top {
      margin-top: 10px;
      margin-bottom: 11px;
   }

   .card-bottom {
      margin-bottom: 0px;
   }
}



.cms-p-max-w {
   max-width: 720px !important;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item>a.mega-menu-link {
   line-height: 28px;
}


@media (max-width: 767px) {
   .site-header {
      top: 0px;
   }

   .site-header.sticky {
      top: -60px;
   }
}

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


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


.slider-box:hover p .custom-hover-p {
   color: white !important;
}

.custom-hover-p {
   font-weight: 300 !important;
}


@media (max-width: 1100px) {

   .bg-linear-gradient-secondary,
   .bg-linear-gradient {
      height: auto;
   }
   #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column {
      min-height: auto !important;
   }
   #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column:first-child {
      padding: 1rem !important;
   }
   #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu .mega-menu-row>ul.mega-sub-menu {
      display: block !important;
   }
   .testimonial {
      padding: 50px 20px 30px;
   }
}


@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) {
   .main-content>h2 {
      font-size: 23px !important;
      line-height: 1.2 !important;
   }

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

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

   h3 {
      font-size: 22px !important;
      line-height: 1.2 !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-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;
   }

   .btn {
      font-size: 16px !important;
      min-width: 140px !important;
      line-height: 1.2 !important;
   }

   .footer-services ul li a,
   .footer-location a,
   .footer-services ul li a {
      padding: 0px 0px !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_TYACITOA,
   .owl-carousel .owl-item .item__image_Jewelers {
      width: 450px;
   }

   .owl-carousel .owl-item .item__image_Health {
      width: 500px;
   }

   .owl-carousel .owl-item .item__image_Humanitarian {
      width: 404px;
   }

   .item__image_TYACITOA {
      top: -26% !important;
      left: 1% !important;
   }

   .item__image_Jewelers {
      top: -9% !important;
      left: -2% !important;
   }

   .item__image_Health {
      top: -13% !important;
      left: -2% !important;
   }

   .location-TYACITOA-box {
      padding: 12px 30px !important;
      height: 360px !important;
   }

   .elementThirteen-florida {
      margin-bottom: 90px !important;
      height: 300px !important;
   }

   .f-m-a-w {
      bottom: -25% !important;
      left: 0% !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;
      line-height: 1.2 !important;
   }

   p,
   .normal {
      font-size: 17px !important;
      line-height: 1.2 !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;
      line-height: 1.2 !important;
   }

   h2,
   .main-content>h2 {
      font-size: 25px !important;
      line-height: 1.2 !important;
   }

   h3 {
      font-size: 23px !important;
      line-height: 1.2 !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_TYACITOA {
      left: 2% !important;
   }

   .item__image_Humanitarian {
      top: -20% !important;
   }

   .item__image_Arts {
      width: 50% !important;
   }

   .red-slider {
      color: var(--red) !important;
      font-size: 16px !important;
   }

   .item__image_Jewelers {
      top: -10% !important;
      left: -5% !important;
   }

   .item__image_Health {
      top: -17% !important;
      left: -3% !important;
   }

   .item__image_Humanitarian {
      top: -71px !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_TYACITOA,
   .owl-carousel .owl-item .item__image_Jewelers {
      width: 450px;
   }

   .owl-carousel .owl-item .item__image_Humanitarian {
      width: 400px;
   }

   .owl-carousel .owl-item .item__image_Health {
      width: 550px;
   }

   .item__image_Jewelers {
      left: -1% !important;
   }

   .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 (width: 1660px) {
   .ar-education-img img {
      height: 495px !important;
   }
}


@media screen and (width: 1440px) {
   .ar-education-img img {
      height: 427px !important;
   }
}

@media screen and (min-width: 1440px) {
   .location-TYACITOA-box {
      margin: 20px 60px !important;
   }
}


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


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

.iti__country-name {
   display: none;
}
.iti.iti--allow-dropdown {
   width: 100%;
}
@media (min-width: 700px) and (max-width: 1600px) {
   .sec_3 .sec_3_box h4 {
      padding-right: 40px;
   }
}
@media (max-width: 768px) {
   .f-m-a-w {
      top: -21% !important;
   }
   .footer-location a::after {
      display: none !important;
   }
   #award-slider img {
      max-height: 80px;
   }
}
.related-before.digi-before:before {
   content: '';
   top: 36%;
}
@media (min-width: 768px) and (max-width: 1000px) {
    .f-m-a-w {
        position: inherit !important;
    }
}
.step {
   margin-bottom: 30px;
}
.step-number {
   font-size: 2rem;
   font-weight: bold;
   display: flex;
   color: #000;
} 

.step-header {
   display: flex;
   align-items: center;  /* Vertically center-align the image and text */
   gap: 18px;  /* Space between image and text */
}

.step-header img {
   /* width: 30px; */
   height: auto;
}

.divider {
   margin: 20px 0;
   border-bottom: 1px solid #ddd;
}

.slider-container { 
   /* margin: 50px auto; */
   background: #F5F5F5;
   border-radius: 10px;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
   overflow: hidden;
   /* padding: 3rem 0rem 3rem 0rem; */
 }

 .testimonial {
   display: none;
 }

 .testimonial.active {
   display: block;
 }

 .quote {
   font-size: 18px;
   color: #000000;
   margin-bottom: 15px;
 }

 .author {
   font-weight: bold;
   color: #555;
 }

 .details {
   font-size: 14px;
   color: #888;
 }

 .navigation {
   display: flex;
   justify-content: center;
   padding: 10px 0;
 }

 .dot {
   width: 12px;
   height: 12px;
   margin: 0 5px;
   background: #ccc;
   border-radius: 50%;
   cursor: pointer;
   transition: background 0.3s;
 }

 .dot.active {
   background: #000000;
 }
 
 .user {
   display: flex;
   align-items: center;
   gap: 10px; /* Space between image and text */
}

.user img {
   width: 50px; /* Adjust size for mobile */
   height: auto;
   width: 6%;
}

.name {
   flex: 1; /* Allow text to take available space */
}

@media (max-width: 480px) {
   .user {
       flex-direction: column; /* Stack items on smaller screens */
       text-align: center;
   }

   .user img {
       width: 20%; /* Adjust image size for smaller screens */
   }
}

.btn-icon img {
   transition: transform 0.3s ease-in-out;
}

.btn-icon:hover img {
   transform: rotate(-30deg); /* Image upar tilt hogi */
}


.btn {
   border-left-width: 0;
   left: -2px;
   /* -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);  */
 }
 
 /* Stop the glowing blue shadow */
 .form-control:focus {
   box-shadow: none;
   -webkit-box-shadow: none;
   border-color: #cccccc;
 }
 
 .input-group-btn:last-child>.btn{
   margin-left: 0;
 }
   
 .btn {
   border-left-width: 0;
   left: -2px; 
   color: #ed1c24;
}

.btn :hover {
   border-left-width: 0;
   left: -2px;
   -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
   box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
   color: #ed1c24;
}


.BannerContact2 {
   background: url("/wp-content/themes/DT/images/ContactUs/ContactBanner2.png") no-repeat right center;
   background-size: cover;
   padding: 77px 0;
   height: auto;
   min-height: 400px;
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 50px;
}

.BannerContact2 h2,
.BannerContact2 p {
   color: white;
}

@media (max-width: 768px) {
   .BannerContact2 {
       padding: 40px 0;
   }
   
   .col-md-7 {
       text-align: center;
   }
}

.process-step {
   position: relative;
   padding: 0rem 0rem 3rem 5rem; 
 }
 .process-step::before {
   content: "";
   position: absolute;
   left: 1.25rem;
   top: 0;
   bottom: 0;
   width: 2px;
   background-color: #dee2e6;
 }
 .process-step-number {
   position: absolute;
   left: -6px;
   font-size: 1.2rem;
   top: 0;
   width: 3.3rem;
   height: 3.3rem;
   background-color: #ff0000;
   border: 2px solid #ff0000;
   color: #ffffff;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   font-weight: bold;
 }
 .process-step.alternate {
   background-color: #f8f9fa;
   padding: 1rem;
   border-radius: 0.5rem;
 }
 .process-step.alternate .process-step-number {
   background-color: #007bff;
   color: white;
   border: none;
 }

 .process-step:last-child::before {
   display: none;
}  



 .OnboardbannerSeven {
   background: url("/wp-content/themes/DT/images/SuperApp/SectionSeven.png") no-repeat right center;
   background-size: cover;
   padding: 77px 0;
   height: auto;
   min-height: 400px;
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 50px;
}

.OnboardbannerSeven h2,
.OnboardbannerSeven p {
   color: white;
}

@media (max-width: 768px) {
   .OnboardbannerSeven {
       padding: 40px 0;
   }
   
   .col-md-7 {
       text-align: center;
   }
}

.customerinsightSeven {
   background: url("/wp-content/themes/DT/images/CustomerInsightCentral/SectionSeven.png") no-repeat right center;
   background-size: cover;
   padding: 77px 0;
   height: auto;
   min-height: 400px;
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 50px;
}

.customerinsightSeven h2,
.customerinsightSeven p {
   color: white;
}

@media (max-width: 768px) {
   .customerinsightSeven {
       padding: 40px 0;
   }
   
   .col-md-7 {
       text-align: center;
   }
}

.investbridgeSeven {
   background: url("/wp-content/themes/DT/images/InvestBridge/SectionSeven.png") no-repeat right center;
   background-size: cover;
   padding: 77px 0;
   height: auto;
   min-height: 400px;
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 50px;
}

.investbridgeSeven h2,
.investbridgeSeven p {
   color: white;
}

@media (max-width: 768px) {
   .investbridgeSeven {
       padding: 40px 0;
   }
   
   .col-md-7 {
       text-align: center;
   }
}

.ClientreachSeven {
   background: url("/wp-content/themes/DT/images/ClientReach/SectionSeven.png") no-repeat right center;
   background-size: cover;
   padding: 77px 0;
   height: auto;
   min-height: 400px;
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 50px;
}

.ClientreachSeven h2,
.ClientreachSeven p {
   color: white;
}

@media (max-width: 768px) {
   .ClientreachSeven {
       padding: 40px 0;
   }
   
   .col-md-7 {
       text-align: center;
   }
}

.InvestFitSeven {
   background: url("/wp-content/themes/DT/images/InvestFit/SectionSeven.png") no-repeat right center;
   background-size: cover;
   padding: 77px 0;
   height: auto;
   min-height: 400px;
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 50px;
}

.InvestFitSeven h2,
.InvestFitSeven p {
   color: white;
}

@media (max-width: 768px) {
   .InvestFitSeven {
       padding: 40px 0;
   }
   
   .col-md-7 {
       text-align: center;
   }
}

.InvestInsightSeven {
   background: url("/wp-content/themes/DT/images/investinsight/SectionSeven.png") no-repeat right center;
   background-size: cover;
   padding: 77px 0;
   height: auto;
   min-height: 400px;
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 50px;
}

.InvestInsightSeven h2,
.InvestInsightSeven p {
   color: white;
}

@media (max-width: 768px) {
   .InvestInsightSeven {
       padding: 40px 0;
   }
   
   .col-md-7 {
       text-align: center;
   }
}

.InvestExchangetSeven {
   background: url("/wp-content/themes/DT/images/InvestExchange/SectionSeven.png") no-repeat right center;
   background-size: cover;
   padding: 77px 0;
   height: auto;
   min-height: 400px;
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 50px;
}

.InvestExchangetSeven h2,
.InvestExchangetSeven p {
   color: white;
}

@media (max-width: 768px) {
   .InvestExchangetSeven {
       padding: 40px 0;
   }
   
   .col-md-7 {
       text-align: center;
   }
}

.InvestReporttSeven {
   background: url("/wp-content/themes/DT/images/InvestReport/SectionSeven.png") no-repeat right center;
   background-size: cover;
   padding: 77px 0;
   height: auto;
   min-height: 400px;
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 50px;
}

.InvestReporttSeven h2,
.InvestReporttSeven p {
   color: white;
}

@media (max-width: 768px) {
   .InvestReporttSeven {
       padding: 40px 0;
   }
   
   .col-md-7 {
       text-align: center;
   }
}

.ConnectAllSeven {
   background: url("/wp-content/themes/DT/images/ConnectAll/SectionSeven.png") no-repeat right center;
   background-size: cover;
   padding: 77px 0;
   height: auto;
   min-height: 400px;
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 50px;
}

.ConnectAllSeven h2,
.ConnectAllSeven p {
   color: white;
}

@media (max-width: 768px) {
   .ConnectAllSeven {
       padding: 40px 0;
   }
   
   .col-md-7 {
       text-align: center;
   }
}

.ComplianceAnalyzerSeven {
   background: url("/wp-content/themes/DT/images/ComplianceAnalyzer/SectionSeven.png") no-repeat right center;
   background-size: cover;
   padding: 77px 0;
   height: auto;
   min-height: 400px;
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 50px;
}

.ComplianceAnalyzerSeven h2,
.ComplianceAnalyzerSeven p {
   color: white;
}

@media (max-width: 768px) {
   .ComplianceAnalyzerSeven {
       padding: 40px 0;
   }
   
   .col-md-7 {
       text-align: center;
   }
}

.AppCatalogueSuiteSeven {
   background: url("/wp-content/themes/DT/images/AppCatalogueSuite/SectionSeven.png") no-repeat right center;
   background-size: cover;
   padding: 77px 0;
   height: auto;
   min-height: 400px;
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 50px;
}

.AppCatalogueSuiteSeven h2,
.AppCatalogueSuiteSeven p {
   color: white;
}

@media (max-width: 768px) {
   .AppCatalogueSuiteSeven {
       padding: 40px 0;
   }
   
   .col-md-7 {
       text-align: center;
   }
}

.AppSentinelSeven {
   background: url("/wp-content/themes/DT/images/AppSentinel/SectionSeven.png") no-repeat right center;
   background-size: cover;
   padding: 77px 0;
   height: auto;
   min-height: 400px;
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 50px;
}

.AppSentinelSeven h2,
.AppSentinelSeven p {
   color: white;
}

@media (max-width: 768px) {
   .AppSentinelSeven {
       padding: 40px 0;
   }
   
   .col-md-7 {
       text-align: center;
   }
}

.FundFlowSeven {
   background: url("/wp-content/themes/DT/images/FundInflow/SectionSeven.png") no-repeat right center;
   background-size: cover;
   padding: 77px 0;
   height: auto;
   min-height: 400px;
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 50px;
}

.FundFlowSeven h2,
.FundFlowSeven p {
   color: white;
}

@media (max-width: 768px) {
   .FundFlowSeven {
       padding: 40px 0;
   }
   
   .col-md-7 {
       text-align: center;
   }
}

.OpeningbankSeven {
   background: url("/wp-content/themes/DT/images/OpeningBanking/SectionSeven.png") no-repeat right center;
   background-size: cover;
   padding: 77px 0;
   height: auto;
   min-height: 400px;
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 50px;
}

.OpeningbankSeven h2,
.OpeningbankSeven p {
   color: white;
}

@media (max-width: 768px) {
   .OpeningbankSeven {
       padding: 40px 0;
   }
   
   .col-md-7 {
       text-align: center;
   }
}

.swmsSeven {
   background: url("/wp-content/themes/DT/images/SWMS/SectionSeven.png") no-repeat right center;
   background-size: cover;
   padding: 77px 0;
   height: auto;
   min-height: 400px;
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 50px;
}
 
.swmsSeven h2,
.swmsSeven p {
   color: white;
}

@media (max-width: 768px) {
   .swmsSeven {
       padding: 40px 0;
   }
   
   .col-md-7 {
       text-align: center;
   }
}

.EasyKYCSeven {
   background: url("/wp-content/themes/DT/images/EasyKYC/SectionSeven.png") no-repeat right center;
   background-size: cover;
   padding: 77px 0;
   height: auto;
   min-height: 400px;
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 50px;
}
 
.EasyKYCSeven h2,
.EasyKYCSeven p {
   color: white;
}

@media (max-width: 768px) {
   .swmsSeven {
       padding: 40px 0;
   }
   
   .col-md-7 {
       text-align: center;
   }
}



.custom-card {
   border-radius: 15px;
   overflow: hidden;
   box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.custom-card img { 
   object-fit: cover;
}

.custom-card-title {
   font-weight: bold;
   font-size: 1.5rem;
}

.custom-card-text {
   color: #000000;
}

.btn-custom {
   background-color: #ff1744;
   color: white;
   border-radius: 50%;
   width: 50px;
   height: 50px;
   display: flex;
   align-items: center;
   justify-content: center;
   text-decoration: none;
}

.btn-custom:hover {
   background-color: #d50000;
}

@media (max-width: 1600px) {
   .MediaforBackground {
       background-position: right center !important;
       padding: 12rem 0rem !important;
   }
}

@media (max-width: 767px) {
   .MediaforBackground {
       background-position: center center !important; /* Default ya jo bhi aap chahain */
       padding: 5rem 0rem !important; /* Mobile friendly padding */
   }
   #insight-menu, #industries-menu {
      display: block;
   }
}


.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
   color: var(--bs-btn-active-color);
   background-color: var(--bs-btn-active-bg);
   border-color: #ff000000;
}

.testi-nav{
   position: absolute;
   left: 0;
   right: 0;
   bottom: 30px;
}


.step-icon {
   background-color: #f44336;
   color: #fff;
   width: 80px;
   height: 80px;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   margin: 0 auto 10px auto;
 }

 .process-heading {
   font-size: 1.5rem;
   font-weight: bold;
   margin-bottom: 1rem;
   color: #f44336;
 }

 .step-title {
   font-size: 1rem;
   margin-top: 10px;
 }



 .process-wrapper {
   display: flex;
 }

 .step-item {
   flex: 1;
   text-align: center;
   position: relative;
   z-index: 1;
 }

 .step-item:not(:last-child)::after {
   content: "";
   position: absolute;
   top: 38%;
   right: -120px;
   width: 100%;
   height: 2px;
   background-color: #ddd;
   z-index: 1;
 }

 .step-icon {
   width: 80px;
   height: 80px;
   background-color: #f44336;
   color: #fff;
   border-radius: 50%;
   display: flex;
   justify-content: center;
   align-items: center;
   margin: 0 auto;
   z-index: 2;
 }

 .step-title {
   margin-top: 10px;
   font-weight: bold;
 }

 .step-description {
   color: #6c757d;
   font-size: 0.9rem;
 }
 
 .arrow:hover {
   animation: bounce 0.5s ease infinite alternate;
}

@keyframes bounce {
   0% { transform: translateY(0); }
   100% { transform: translateY(-8px); }
}

.progress-steps {
   display: flex;
   justify-content: space-between;
   align-items: flex-start; 
   position: relative;
   padding: 0;
}

.progress-steps::before {
   content: '';
   position: absolute;
   top: 49px;
   left: 120px;
   right: 0;
   width: 84%;
   height: 2px;
   background: #e9ecef;
   z-index: 1;
}

.progress-step {
   flex: 1;
   text-align: center;
   position: relative;
   z-index: 2;
}

.progress-icon {
   width: 90px;
   height: 90px;
   display: flex;
   margin: 0 auto 10px;
   transition: all 0.3s ease; 
}


.progress-title { 
   color: #000000;
   margin-bottom: 5px;
}

.progress-description {
   font-size: 12px;
   color: #adb5bd;
   max-width: 150px;
   margin: 0 auto;
} 


.progress-steps {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between; /* Even spacing */
}

.progress-step {
   flex: 1 1 16%; /* Default: 6 items in a row */
   text-align: center;
}

/* Medium screens (3 per row) */
@media (max-width: 992px) {
   .progress-step {
       flex: 1 1 30%; /* 3 items per row */
   }

   .progress-steps::before {
      content: '';
      position: absolute;
      top: 49px;
      left: 120px;
      right: 0;
      width: 84%;
      height: 2px;
      background: #e9ecef;
      z-index: 1;
      display: none;
  }
}

/* Small screens (2 per row) */
@media (max-width: 768px) {
   .progress-step {
       flex: 1 1 45%; /* 2 items per row */
   }
   .progress-steps::before {
      content: '';
      position: absolute;
      top: 49px;
      left: 120px;
      right: 0;
      width: 84%;
      height: 2px;
      background: #e9ecef;
      z-index: 1;
      display: none;
  }
}

/* Extra small screens (1 per row) */
@media (max-width: 576px) {
   .progress-step {
       flex: 1 1 50%; /* Full width */
   }

   .progress-steps::before {
      content: '';
      position: absolute;
      top: 49px;
      left: 120px;
      right: 0;
      width: 84%;
      height: 2px;
      background: #e9ecef;
      z-index: 1;
      display: none;
  }
}


.text-muted {
   --bs-text-opacity: 1;
   color: rgb(0 0 0 / 75%) !important;
}
.input-group>.form-control:focus, .input-group>.form-floating:focus-within, .input-group>.form-select:focus {
   z-index: auto !important;
 }

 .slider-box:hover img {
   filter: brightness(0) saturate(100%) invert(15%) sepia(93%) saturate(7490%) hue-rotate(359deg) brightness(97%) contrast(106%);
}

.slider-box:hover h6 {
   color: red;
}

@media only screen and (min-width: 1101px) {

   #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-6-of-12 {
       width: 25% !important;
   }

   #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-4-of-12 {
      width: 25% !important;
  }

  #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-6-of-12 {
      width: 25% !important;
   }

   #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu .mega-menu-row>ul.mega-sub-menu {
      height: 100% !important;
      display: block !important;
      width: 100% !important;
   }

}

@media (max-width: 900px) {
   #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column:first-child {
      padding: 1rem 1rem;
   }
   #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column {
      padding: 0 1.5rem;
   }
}