@charset "UTF-8";
/**************************************************************
STYLESHEET INDEXING
|
|
|___ Default Styles
| |
| |___ variables
| |___ mixins
| |___ reset
| |___ typography
| |___ extend
| |___ animations
| |___ shortcode
| |___ spacing
| |___ edu-common
| |___ forms
| |___ sal
| |___ text-animation
|
|
|___Header Styles
| |___ header-common
| |___ headertop
| |___ offertopbar
| |___ headermid
| |___ social-share
| |___ header
| |___ nav
| |___ mega-menu
| |___ mobilemenu
| |___ offcanvas
| |___ one-page-navigation
|
|
|___Elements Styles
| |___ button
| |___ section-title
| |___ breadcrumb
| |___ card
| |___ course-meta
| |___ service
| |___ feature
| |___ about
| |___ callto-action
| |___ accordion
| |___ image-gallery
| |___ counterup
| |___ pricingtable
| |___ badge
| |___ team
| |___ social
| |___ pagination
| |___ backtotop
| |___ newsletterform
| |___ brand
| |___ portfolio
| |___ contact
| |___ testimonial
| |___ advance-tab
| |___ category
| |___ instagram
| |___ split
| |___ countdown
| |___ progressbar
| |___ category-box
| |___ course-filter
| |___ modal
| |___ list
| |___ search
| |___ video
| |___ 404
|___Blog Styles
| |___ blog
| |___ post-default
| |___ sidebar
| |___ blog-details
|___Template Styles
| |___ banner
| |___ course-details
| |___ course-sidebar
| |___ contact
| |___ sidebar
| |___ course-action-bottom
|___Footer Styles
| |___ footer
| |___ copyright
| |___ back-to-top
|
|
|___ END STYLESHEET INDEXING
***************************************************************/
/**************************************
    Default Styles
***************************************/
/*-- Variables --*/
:root {
--color-primary: #5237f9;
--color-primary-alt: #8680ff;
--color-secondary: #6369ff;
--color-secondary-alt: #e07bc7;
--color-tertiary: #f604b9;
--color-tertiary-alt: #e07bc7;
--color-yellow: #e3f800;
--color-yellow-alt: #e7f368;
--color-card: #1b1b1c;
--color-lessdark: #232324;
--color-primary-opacity-1: rgba(124, 118, 242, .15);
--color-primary-opacity-2: rgba(123, 117, 240, .25);
--color-tertiary-opacity-1: rgba(224, 123, 199, .15);
--color-tertiary-opacity-2: rgba(224, 123, 199, .25);
--color-yellow-opacity-1: rgba(231, 243, 104, .15);
--color-yellow-opacity-2: rgba(231, 243, 104, .25);
--color-dark: #000000;
--color-bg-alt: #121326;
--color-dark-alt: #171930;
--color-darker: #16172e;
--color-heading: #ffffff;
--heading-opacity-2: #e9e9e950;
--color-body: rgba(226, 230, 255, .65);
--color-white: #ffffff;
--color-pink: #e07bc7;
--color-light-green: #36C6F0;
--color-coral: #E9967A;
--color-violet: #800080;
--color-white-off: #ffffffAB;
--color-bodyest: #273041;
--color-darkest: #232d40;
--color-black: #111113;
--color-grey: rgba(207,207,207,.24);
--color-grey2: #f4f5f7;
--color-gray: #A1A9AC;
--color-gray-light: #F6F6F6;
--color-gray-lighter: #ebebeb;
--color-light: #F5F7FA;
--color-lighter: #F2F5F9;
--primary-opacity: #6a48f221;
--secondary-opacity: #b966e721;
--coral-opacity: #E9967A21;
--violet-opacity: #80008021;
--pink-opacity: #DB709321;
--white-opacity: #ffffff21;
--danger-opacity: #FF000310;
--warning-opacity: #FF8F3C10;
--success-opacity: #3EB75E10;
--black-opacity: rgba(0, 0, 0, 0.04);
--heading-opacity: #19233550;
--color-card-1: #fffccf;
--color-card-2: #ffedff;
--color-card-3: #ffe8eb;
--color-card-4: #e9f6ff;
--color-card-5: #5024D1;
--color-card-6: #3B3B46;
--color-success: #3EB75E;
--color-danger: #FF0003;
--color-warning: #FF8F3C;
--color-info: #1BA2DB;
--color-primary-light: #f1f7ff;
--color-primary-lighter: #EEEEFF;
--color-secondary-alt: #fef4f4;
--color-extra: rgb(249, 249, 255);
--color-extra2: #F9F9FF;
--color-border: rgba(157,157,255,.05);
--color-border-2: #21262d4f;
--color-border-3: #484646;
--color-badge-1: #303F5B;
--color-badge-2: #F2C94C;
--color-facebook: #3B5997;
--color-twitter: #1BA1F2;
--color-youtube: #ED4141;
--color-linkedin: #0077B5;
--color-pinterest: #E60022;
--color-instagram: #C231A1;
--color-vimeo: #00ADEF;
--color-twitch: #6441A3;
--color-discord: #7289da;
--radius-10: 10px;
--radius-big: 16px;
--radius-small: 6px;
--border-width: 2px;
--radius: 6px;
--f-light: 300;
--f-regular: 400;
--f-medium: 500;
--f-semi-bold: 600;
--f-bold: 700;
--f-extra-bold: 800;
--f-black: 900;
--shadow-primary: 0px 4px 10px rgba(37, 47, 63, 0.1);
--shadow-light: 0 2px 6px 0 rgba(0, 0, 0, 0.05);
--shadow-dark: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
--shadow-1: 0px 6px 34px rgba(0, 0, 0, 0.41);
--shadow-slide-item: 0px 0 10px 0 rgba(215, 216, 222, 0.20);
--shadow-2: 0 15px 34px 0 rgba(175, 181, 204, 0.32);
--shadow-3: 0 5px 15px 0 rgba(85, 74, 101, 0.37);
--shadow-5: 0px 20px 70px 0px rgba(0, 0, 0, 0.1);
--shadow-7: 0 0 20px 5px rgb(82 55 249 / 33%);
--shadow-8: -5px 18px 60px 0 rgba(210, 210, 234, 0.4);
--shadow-9: 0 13px 48px 0 rgba(215, 216, 222, 0.44);
--shadow-10: 0 13px 14px 0 rgba(129, 104, 145, 0.05);
--shadow-11: 0 0 10px 0 rgba(0, 0, 0, 0.06);
--transition: 0.3s;
--transition-2: 256ms ease-in-out;
--transition-3: transform .85s cubic-bezier(.23,1,.32,1),background .3s,border .3s,border-radius .3s,box-shadow .3s;
--transition-4: all .25s cubic-bezier(.645,.045,.355,1);
--font-primary: "Inter", sans-serif;
--font-secondary: "Inter", sans-serif;
--font-alt: "Inter", sans-serif;
--font-awesome: "Font Awesome 5 Pro";
--font-size-b1: 18px;
--font-size-b2: 16px;
--font-size-b3: 14px;
--font-size-b4: 12px;
--line-height-b1: 1.67;
--line-height-b2: 1.7;
--line-height-b3: 1.6;
--line-height-b4: 1.3;
--h1: 46px;
--h2: 44px;
--h3: 36px;
--h4: 24px;
--h5: 18px;
--h6: 16px;
--div-gap-1: 10px;
--p-light: 300;
--p-regular: 400;
--p-medium: 500;
--p-semi-bold: 600;
--p-bold: 700;
--p-extra-bold: 800;
--p-black: 900;
--gradient-1: linear-gradient(90deg, var(--color-primary), var(--color-primary) 33%, var(--color-secondary) 66%, var(--color-secondary));
--gradient-2: radial-gradient(circle, rgba(123, 97, 255, 0.2), rgba(123, 97, 255, 0.05));
--gradient-3: linear-gradient(90deg, #8DA9FC 0%, #B48DD5 100%);
--gradient-4: linear-gradient(180deg,#fff,#f6f9ff);
--gradient-5: linear-gradient(rgb(239, 241, 255) 0%, rgb(239, 241, 255) 100%);
--gradient-6: linear-gradient(180deg, #6827FF 0%, #E3F0FF 100%);
--gradient-7: linear-gradient(218.15deg, var(--color-secondary) 0%, var(--color-primary) 100%);
--gradient-8: linear-gradient(270deg, #9e77ff 0%, #4460ff 100%);
--gradient-9: linear-gradient(to right, rgba(255, 255, 255, 0.15), rgba(251, 199, 226, 0.15), rgba(220, 217, 254, 0.15));
}

/**
* Reset Styels
*/
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section,
summary {
display: block;
}

audio,
canvas,
video {
display: inline-block;
}

audio:not([controls]) {
display: none;
height: 0;
}

[hidden] {
display: none;
}

a {
color: var(--color-heading);
text-decoration: none;
outline: none;
}

a:hover,
a:focus,
a:active {
text-decoration: none;
outline: none;
color: var(--color-secondary);
}

a:focus {
outline: none;
}

address {
margin: 0 0 24px;
}

abbr[title] {
border-bottom: 1px dotted;
}

b,
strong {
font-weight: bold;
}

mark {
background: var(--color-primary);
color: #ffffff;
}

code,
kbd,
pre,
samp {
font-size: var(--font-size-b3);
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
color: var(--color-primary);
}

kbd,
ins {
color: #ffffff;
}

small {
font-size: smaller;
}

sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}

sup {
top: -0.5em;
}

sub {
bottom: -0.25em;
}

dl {
margin-top: 0;
margin-bottom: 10px;
}

dd {
margin: 0 15px 15px;
}

dt {
font-weight: bold;
color: var(--color-heading);
}

menu,
ol,
ul {
margin: 16px 0;
padding: 0 0 0 40px;
}

nav ul,
nav ol {
list-style: none;
list-style-image: none;
}

li > ul,
li > ol {
margin: 0;
}

ol ul {
margin-bottom: 0;
}

img {
-ms-interpolation-mode: bicubic;
border: 0;
vertical-align: middle;
max-width: 100%;
height: auto;
}

svg:not(:root) {
overflow: hidden;
}

figure {
margin: 0;
}

form {
margin: 0;
}

fieldset {
border: 1px solid var(--color-border);
margin: 0 2px;
min-width: inherit;
padding: 0.35em 0.625em 0.75em;
}

legend {
border: 0;
padding: 0;
white-space: normal;
}

button,
input,
select,
textarea {
font-size: 100%;
margin: 0;
max-width: 100%;
vertical-align: baseline;
}

button,
input {
line-height: normal;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
cursor: pointer;
}

button[disabled],
input[disabled] {
cursor: default;
}

input[type=checkbox],
input[type=radio] {
padding: 0;
}

input[type=search] {
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
appearance: textfield;
padding-right: 2px;
width: 270px;
}

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

button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}

textarea {
overflow: auto;
vertical-align: top;
}

caption,
th,
td {
font-weight: normal;
}

table thead th {
font-weight: 700;
}

td,
.wp-block-calendar tfoot td {
border: 1px solid var(--color-border);
padding: 7px 10px;
}

del {
color: #333;
}

ins {
background: rgba(56, 88, 246, 0.6);
text-decoration: none;
padding: 0 5px;
}

hr {
background-size: 4px 4px;
border: 0;
height: 1px;
margin: 0 0 24px;
opacity: 0.6;
}

table a,
table a:link,
table a:visited {
text-decoration: underline;
}

dt {
font-weight: bold;
margin-bottom: 10px;
}

dd {
margin: 0 15px 15px;
}

caption {
caption-side: top;
}

kbd {
background: var(--heading-color);
}

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

/* BlockQuote  */
blockquote,
q {
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
content: none;
}

blockquote {
font-size: var(--font-size-b1);
font-style: italic;
font-weight: var(--p-light);
margin: 24px 40px;
}

blockquote blockquote {
margin-right: 0;
}

blockquote cite,
blockquote small {
font-size: var(--font-size-b3);
font-weight: normal;
}

blockquote strong,
blockquote b {
font-weight: 700;
}

/**
* Typography
*/
* {
box-sizing: border-box;
}

html {
overflow: hidden;
overflow-y: auto;
margin: 0;
padding: 0;
font-size: 10px;
}

@media (prefers-reduced-motion: no-preference) {
:root {
    scroll-behavior: auto;
}
}
body {
font-size: var(--font-size-b2);
line-height: var(--line-height-b2);
font-family: var(--font-primary);
color: var(--color-body);
font-weight: var(--f-regular);
margin: 0;
padding: 0;
scroll-behavior: auto;
position: relative;
overflow-x: hidden;
z-index: 1;
background-color: #121214;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
address,
p,
pre,
blockquote,
menu,
ol,
ul,
table,
hr {
margin: 0;
margin-bottom: 20px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
word-break: break-word;
font-family: var(--font-secondary);
line-height: 1.4074;
color: var(--color-heading);
}

h1,
.h1 {
font-size: var(--h1);
line-height: 1.19;
}

h2,
.h2 {
font-size: var(--h2);
line-height: 1.33;
}

h3,
.h3 {
font-size: var(--h3);
line-height: 1.4;
}

h4,
.h4 {
font-size: var(--h4);
line-height: 1.25;
}

h5,
.h5 {
font-size: var(--h5);
line-height: 1.24;
}

h6,
.h6 {
font-size: var(--h6);
line-height: 1.25;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a {
color: inherit;
transition: 0.5s;
}

a {
color: var(--color-body);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
h1,
.h1 {
    font-size: 38px;
}
h2,
.h2 {
    font-size: 32px;
}
h3,
.h3 {
    font-size: 28px;
}
h4,
.h4 {
    font-size: 24px;
}
h5,
.h5 {
    font-size: 18px;
}
}
@media only screen and (max-width: 767px) {
h1,
.h1 {
    font-size: 34px;
}
h2,
.h2 {
    font-size: 28px;
}
h3,
.h3 {
    font-size: 24px;
}
h4,
.h4 {
    font-size: 20px;
}
h5,
.h5 {
    font-size: 16px;
}
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
font-weight: var(--p-bold);
}

h4,
.h4,
h5,
.h5 {
font-weight: var(--p-bold);
}

h6,
.h6 {
font-weight: var(--p-medium);
}

p {
font-size: var(--font-size-b2);
line-height: var(--line-height-b2);
font-weight: var(--f-regular);
color: var(--color-body);
margin: 0 0 30px;
}
@media only screen and (max-width: 767px) {
p {
    margin: 0 0 20px;
    font-size: var(--font-size-b2);
    line-height: var(--line-height-b2);
}
}
p.has-large-font-size {
line-height: 1.5;
font-size: 36px;
}
p.has-medium-font-size {
font-size: 24px;
line-height: 36px;
}
p.has-small-font-size {
font-size: 13px;
}
p.has-very-light-gray-color {
color: var(--color-white);
}
p.has-background {
padding: 20px 30px;
}
p.b1 {
font-size: var(--font-size-b1);
line-height: var(--line-height-b1);
}
p.b3 {
font-size: var(--font-size-b3);
line-height: var(--line-height-b3);
}
@media only screen and (max-width: 767px) {
p br {
    display: none;
}
}

.b1 {
font-size: var(--font-size-b1);
line-height: var(--line-height-b1);
}

.b3 {
font-size: var(--font-size-b3);
line-height: var(--line-height-b3);
}

table {
border-collapse: collapse;
border-spacing: 0;
margin: 0 0 40px;
width: 100%;
}

table a,
table a:link,
table a:visited {
text-decoration: none;
}

cite,
.wp-block-pullquote cite,
.wp-block-pullquote.is-style-solid-color blockquote cite,
.wp-block-quote cite {
color: var(--color-heading);
}

var {
font-family: "Courier 10 Pitch", Courier, monospace;
}

/*---------------------------
    List Style 
---------------------------*/
ul,
ol {
padding-left: 18px;
}

ul {
list-style: square;
margin-bottom: 30px;
padding-left: 20px;
}
ul li {
font-size: var(--font-size-b1);
line-height: var(--line-height-b1);
margin-top: 10px;
margin-bottom: 10px;
color: var(--color-body);
font-weight: 400;
}
ul li a {
text-decoration: none;
color: var(--color-body);
}
ul li a:hover {
color: var(--color-secondary);
}
ul ul {
margin-bottom: 0;
}

ol {
margin-bottom: 30px;
}
ol li {
font-size: var(--font-size-b1);
line-height: var(--line-height-b1);
color: var(--color-gray);
margin-top: 10px;
margin-bottom: 10px;
font-weight: 400;
}
ol li a {
color: var(--heading-color);
text-decoration: none;
}
ol li a:hover {
color: var(--color-primary);
}
ol ul {
padding-left: 30px;
}

hr {
display: block;
height: 0;
margin: 15px 0;
border-top: 2px solid var(--color-border);
background: transparent;
}

kbd {
background: var(--color-primary);
}

/*=====================
All Extend Here
=======================*/
[data-overlay]:before {
background: var(--color-primary);
}

/* Radius */
.inv-card .inner .thumbnail .card-image img, .inv-card .inner .thumbnail .card-image a, .tmp-card .inner .thumbnail .card-image img, .tmp-card .inner .thumbnail .card-image a, .radius-small {
border-radius: var(--radius-small);
}

.radius-small {
border-radius: var(--radius-small);
}

.radius, .post-scale {
border-radius: var(--radius);
}

.w-600 {
font-weight: 600;
}

.w-700 {
font-weight: 700;
}

.inv-card .inner .content .title a, .inv-card .inner .thumbnail .card-image img, .inv-card, .about-author .media-body .author-info .title a, .tmp-single-widget.widget_recent_comments ul li span, .tmp-single-widget.widget_recent_entries ul li span, .tmp-single-widget.widget_archive ul li span, .tmp-single-widget.widget_categories ul li span, .tmp-single-widget.widget_meta ul li span, .tmp-single-widget.widget_pages ul li span, .tmp-single-widget.widget_nav_menu ul li span, .tmp-single-widget.widget_recent_comments ul li a, .tmp-single-widget.widget_recent_entries ul li a, .tmp-single-widget.widget_archive ul li a, .tmp-single-widget.widget_categories ul li a, .tmp-single-widget.widget_meta ul li a, .tmp-single-widget.widget_pages ul li a, .tmp-single-widget.widget_nav_menu ul li a, .tmp-address .inner p a, .tmp-card .inner .content .title a, .tmp-card .inner .thumbnail .card-image img, .tmp-card, .card-box .inner .content .title a, .service.service__style--2 .content p, .service.service__style--2 .content .title a, .service.service__style--2 .content .title, .service.gallery-style .content p, .service.gallery-style .content .title a, .service.gallery-style .content .title, .service.service__style--1 .content p, .service.service__style--1 .content .title a, .service.service__style--1 .content .title, .service.service__style--1 .icon, .mainmenu-nav .mainmenu li.has-droupdown .submenu li a, .form-group textarea, .form-group input, #scrollUp, ul li a, ol li a {
transition: var(--transition);
}

.bg_image, .bgImagePosition {
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}

/*----------------------
    Animation Css  
-----------------------*/
.tmponhover {
position: relative;
overflow: hidden;
}
.tmponhover::before {
content: "";
position: absolute;
top: var(--y);
left: var(--x);
transform: translate(-50%, -50%);
background: radial-gradient(var(--color-primary), transparent, transparent);
width: 200%;
height: 200%;
opacity: 0;
transition: 0.5s, top 0s, left 0s;
border-radius: var(--radius);
}
.tmponhover:hover::before {
opacity: 1;
}
.tmponhover::after {
content: "";
position: absolute;
inset: 2px;
background: var(--color-card);
border-radius: var(--radius);
}
.tmponhover > * {
z-index: 2;
position: relative;
}

@keyframes customOne {
from {
    transform: scale(1);
}
50% {
    transform: scale(0.9);
}
to {
    transform: scale(1);
}
}
@keyframes customTwo {
0% {
    transform: translate(0px, 0px);
}
50% {
    transform: translate(100px, 0px);
}
100% {
    transform: translate(50px, 50px);
}
}

@keyframes moveright {
from {
    clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}
to {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
}
@keyframes moveLeft {
from {
    clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%);
}
to {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
}
@keyframes moveOut {
0% {
    -webkit-clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%);
    clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%);
}
100% {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
}
.move-right {
animation: moveright 1s linear;
}

@keyframes leftRight {
0% {
    transform: translateX(0);
}
25% {
    transform: translateX(-30px);
}
50% {
    transform: translateX(30px);
}
75% {
    transform: translateX(-30px);
}
100% {
    transform: translateX(0);
}
}

@keyframes movedown {
from {
    clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
}
to {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
}

@keyframes moveup {
from {
    clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
}
to {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
}
@keyframes moveOut {
0% {
    -webkit-clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%);
    clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%);
}
100% {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
}
@keyframes toBottomLeft {
0% {
    -webkit-clip-path: polygon(100% 0, 100% 0, 100% 0, 100% 0);
    clip-path: polygon(100% 0, 100% 0, 100% 0, 100% 0);
}
100% {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
}

/* ------------------------
    Custom Animation 01 
----------------------------*/
@-webkit-keyframes headerSlideDown {
0% {
    margin-top: -100px;
}
to {
    margin-top: 0;
}
}
@keyframes headerSlideDown {
0% {
    margin-top: -100px;
}
to {
    margin-top: 0;
}
}
/*------------------------
    slidefadeinup
--------------------------*/
@-webkit-keyframes slideFadeInUp {
from {
    opacity: 0;
    -webkit-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0);
}
to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}
}
@keyframes slideFadeInUp {
from {
    opacity: 0;
    -webkit-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0);
}
to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}
}

/* -----------------------------------
    Custom Animation For All Page
---------------------------------------*/
@-webkit-keyframes moveVertical {
to {
    opacity: 1;
    -webkit-transform: translateY(0);
}
}
@keyframes moveVertical {
to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
}
/*--------------------------------
Scroll Down Button Animation  
----------------------------------*/
@keyframes scrollDown {
0% {
    opacity: 0;
}
10% {
    transform: translateY(0);
    opacity: 1;
}
100% {
    transform: translateY(10px);
    opacity: 0;
}
}
.invers-anime {
position: relative;
overflow: hidden;
}
.invers-anime::after {
content: "";
position: absolute;
width: 200%;
height: 0%;
left: 50%;
top: 50%;
background-color: rgba(255, 255, 255, 0.3);
transform: translate(-50%, -50%) rotate(45deg);
z-index: 1;
pointer-events: none;
}
.invers-anime:hover::after {
height: 250%;
transition: all 600ms linear;
background-color: transparent;
}

/*==============================
*  Utilities
=================================*/
@media only screen and (max-width: 767px) {
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    padding-right: 15px;
    padding-left: 15px;
}
}

iframe {
width: 100%;
}

/*===============================
    Background Color 
=================================*/
.bg-color-primary {
background: var(--color-primary);
}

.color-white {
color: var(--color-white);
}

.color-white {
color: #ffffff;
}

/*===================
Custom Row
======================*/
.row--0 {
margin-left: 0px;
margin-right: 0px;
}
.row--0 > [class*=col] {
padding-left: 0px;
padding-right: 0px;
}

.row--15 {
margin-left: -15px;
margin-right: -15px;
}
.row--15 > [class*=col] {
padding-left: 15px;
padding-right: 15px;
}
.row--40 {
margin-left: -40px;
margin-right: -40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
.row--40 {
    margin-left: -15px;
    margin-right: -15px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.row--40 {
    margin-left: -15px;
    margin-right: -15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.row--40 {
    margin-left: -15px;
    margin-right: -15px;
}
}
@media only screen and (max-width: 767px) {
.row--40 {
    margin-left: -15px;
    margin-right: -15px;
}
}
.row--40 > [class*=col], .row--40 > [class*=col-] {
padding-left: 40px;
padding-right: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
.row--40 > [class*=col], .row--40 > [class*=col-] {
    padding-left: 15px;
    padding-right: 15px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.row--40 > [class*=col], .row--40 > [class*=col-] {
    padding-left: 15px;
    padding-right: 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.row--40 > [class*=col], .row--40 > [class*=col-] {
    padding-left: 15px;
    padding-right: 15px;
}
}
@media only screen and (max-width: 767px) {
.row--40 > [class*=col], .row--40 > [class*=col-] {
    padding-left: 15px;
    padding-right: 15px;
}
}
/*===========================
    Input Placeholder
=============================*/
input:-moz-placeholder,
textarea:-moz-placeholder {
opacity: 1;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
opacity: 1;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
opacity: 1;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
opacity: 1;
}

/*=============================
    Overlay styles 
==============================*/
[data-overlay],
[data-black-overlay],
[data-white-overlay] {
position: relative;
}

[data-overlay] > div,
[data-overlay] > *,
[data-black-overlay] > div,
[data-black-overlay] > *,
[data-white-overlay] > div,
[data-white-overlay] > * {
position: relative;
z-index: 2;
}

[data-overlay]:before,
[data-black-overlay]:before,
[data-white-overlay]:before {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
z-index: 2;
}

[data-black-overlay]:before {
background-color: #000000;
}

[data-white-overlay]:before {
background-color: #ffffff;
}

[data-overlay="1"]:before,
[data-black-overlay="1"]:before,
[data-white-overlay="1"]:before {
opacity: 0.1;
}

[data-overlay="2"]:before,
[data-black-overlay="2"]:before,
[data-white-overlay="2"]:before {
opacity: 0.2;
}

[data-overlay="3"]:before,
[data-black-overlay="3"]:before,
[data-white-overlay="3"]:before {
opacity: 0.3;
}

[data-overlay="4"]:before,
[data-black-overlay="4"]:before,
[data-white-overlay="4"]:before {
opacity: 0.4;
}

[data-overlay="5"]:before,
[data-black-overlay="5"]:before,
[data-white-overlay="5"]:before {
opacity: 0.5;
}

[data-overlay="6"]:before,
[data-black-overlay="6"]:before,
[data-white-overlay="6"]:before {
opacity: 0.6;
}

[data-overlay="7"]:before,
[data-black-overlay="7"]:before,
[data-white-overlay="7"]:before {
opacity: 0.7;
}

[data-overlay="8"]:before,
[data-black-overlay="8"]:before,
[data-white-overlay="8"]:before {
opacity: 0.8;
}

[data-overlay="9"]:before,
[data-black-overlay="9"]:before,
[data-white-overlay="9"]:before {
opacity: 0.9;
}

[data-overlay="10"]:before,
[data-black-overlay="10"]:before,
[data-white-overlay="10"]:before {
opacity: 1;
}

/*------------------------------
    Scroll Up 
--------------------------------*/
#scrollUp {
width: 70px;
height: 80px;
right: 100px;
bottom: 60px;
text-align: center;
z-index: 9811;
text-decoration: none;
background: #fff;
line-height: 80px;
color: #757589;
font-size: 15px;
font-weight: 400;
display: inline-block;
background: #ffffff;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
#scrollUp {
    right: 20px;
    bottom: 40px;
}
}
@media only screen and (max-width: 767px) {
#scrollUp {
    right: 20px;
    bottom: 40px;
}
}
#scrollUp::before {
width: 100%;
height: 100%;
left: 0;
bottom: 0;
background: rgba(0, 2, 72, 0.1);
content: "";
position: absolute;
z-index: -1;
transform-style: preserve-3d;
transform: rotateY(-10deg);
filter: blur(50px);
}
#scrollUp::after {
background: #ffffff;
position: absolute;
content: "";
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
z-index: -1;
transform-style: preserve-3d;
transform: rotateY(-10deg);
}
@media only screen and (max-width: 767px) {
#scrollUp {
    right: 20px;
    bottom: 30px;
    width: 50px;
    height: 60px;
    line-height: 60px;
}
}
.slick-gutter-15 {
margin: 0 -15px;
}
.slick-gutter-15 .slick-slide {
padding: 0 15px;
}
.slick-dotted.slick-slider {
margin-bottom: 0;
}

.bg-color-card {
background: var(--color-card);
}

[data-tmp-position-vertical="1"] {
top: 1%;
}

[data-tmp-position-vertical="2"] {
top: 2%;
}

[data-tmp-position-vertical="3"] {
top: 3%;
}

[data-tmp-position-vertical="4"] {
top: 4%;
}

[data-tmp-position-vertical="5"] {
top: 5%;
}

[data-tmp-position-vertical="6"] {
top: 6%;
}

[data-tmp-position-vertical="7"] {
top: 7%;
}

[data-tmp-position-vertical="8"] {
top: 8%;
}

[data-tmp-position-vertical="9"] {
top: 9%;
}

[data-tmp-position-vertical="10"] {
top: 10%;
}

[data-tmp-position-vertical="11"] {
top: 11%;
}

[data-tmp-position-vertical="12"] {
top: 12%;
}

[data-tmp-position-vertical="13"] {
top: 13%;
}

[data-tmp-position-vertical="14"] {
top: 14%;
}

[data-tmp-position-vertical="15"] {
top: 15%;
}

[data-tmp-position-vertical="16"] {
top: 16%;
}

[data-tmp-position-vertical="17"] {
top: 17%;
}

[data-tmp-position-vertical="18"] {
top: 18%;
}

[data-tmp-position-vertical="19"] {
top: 19%;
}

[data-tmp-position-vertical="20"] {
top: 20%;
}

[data-tmp-position-vertical="21"] {
top: 21%;
}

[data-tmp-position-vertical="22"] {
top: 22%;
}

[data-tmp-position-vertical="23"] {
top: 23%;
}

[data-tmp-position-vertical="24"] {
top: 24%;
}

[data-tmp-position-vertical="25"] {
top: 25%;
}

[data-tmp-position-vertical="26"] {
top: 26%;
}

[data-tmp-position-vertical="27"] {
top: 27%;
}

[data-tmp-position-vertical="28"] {
top: 28%;
}

[data-tmp-position-vertical="29"] {
top: 29%;
}

[data-tmp-position-vertical="30"] {
top: 30%;
}

[data-tmp-position-vertical="31"] {
top: 31%;
}

[data-tmp-position-vertical="32"] {
top: 32%;
}

[data-tmp-position-vertical="33"] {
top: 33%;
}

[data-tmp-position-vertical="34"] {
top: 34%;
}

[data-tmp-position-vertical="35"] {
top: 35%;
}

[data-tmp-position-vertical="36"] {
top: 36%;
}

[data-tmp-position-vertical="37"] {
top: 37%;
}

[data-tmp-position-vertical="38"] {
top: 38%;
}

[data-tmp-position-vertical="39"] {
top: 39%;
}

[data-tmp-position-vertical="40"] {
top: 40%;
}

[data-tmp-position-vertical="41"] {
top: 41%;
}

[data-tmp-position-vertical="42"] {
top: 42%;
}

[data-tmp-position-vertical="43"] {
top: 43%;
}

[data-tmp-position-vertical="44"] {
top: 44%;
}

[data-tmp-position-vertical="45"] {
top: 45%;
}

[data-tmp-position-vertical="46"] {
top: 46%;
}

[data-tmp-position-vertical="47"] {
top: 47%;
}

[data-tmp-position-vertical="48"] {
top: 48%;
}

[data-tmp-position-vertical="49"] {
top: 49%;
}

[data-tmp-position-vertical="50"] {
top: 50%;
}

[data-tmp-position-vertical="51"] {
top: 51%;
}

[data-tmp-position-vertical="52"] {
top: 52%;
}

[data-tmp-position-vertical="53"] {
top: 53%;
}

[data-tmp-position-vertical="54"] {
top: 54%;
}

[data-tmp-position-vertical="55"] {
top: 55%;
}

[data-tmp-position-vertical="56"] {
top: 56%;
}

[data-tmp-position-vertical="57"] {
top: 57%;
}

[data-tmp-position-vertical="58"] {
top: 58%;
}

[data-tmp-position-vertical="59"] {
top: 59%;
}

[data-tmp-position-vertical="60"] {
top: 60%;
}

[data-tmp-position-vertical="61"] {
top: 61%;
}

[data-tmp-position-vertical="62"] {
top: 62%;
}

[data-tmp-position-vertical="63"] {
top: 63%;
}

[data-tmp-position-vertical="64"] {
top: 64%;
}

[data-tmp-position-vertical="65"] {
top: 65%;
}

[data-tmp-position-vertical="66"] {
top: 66%;
}

[data-tmp-position-vertical="67"] {
top: 67%;
}

[data-tmp-position-vertical="68"] {
top: 68%;
}

[data-tmp-position-vertical="69"] {
top: 69%;
}

[data-tmp-position-vertical="70"] {
top: 70%;
}

[data-tmp-position-vertical="71"] {
top: 71%;
}

[data-tmp-position-vertical="72"] {
top: 72%;
}

[data-tmp-position-vertical="73"] {
top: 73%;
}

[data-tmp-position-vertical="74"] {
top: 74%;
}

[data-tmp-position-vertical="75"] {
top: 75%;
}

[data-tmp-position-vertical="76"] {
top: 76%;
}

[data-tmp-position-vertical="77"] {
top: 77%;
}

[data-tmp-position-vertical="78"] {
top: 78%;
}

[data-tmp-position-vertical="79"] {
top: 79%;
}

[data-tmp-position-vertical="80"] {
top: 80%;
}

[data-tmp-position-vertical="81"] {
top: 81%;
}

[data-tmp-position-vertical="82"] {
top: 82%;
}

[data-tmp-position-vertical="83"] {
top: 83%;
}

[data-tmp-position-vertical="84"] {
top: 84%;
}

[data-tmp-position-vertical="85"] {
top: 85%;
}

[data-tmp-position-vertical="86"] {
top: 86%;
}

[data-tmp-position-vertical="87"] {
top: 87%;
}

[data-tmp-position-vertical="88"] {
top: 88%;
}

[data-tmp-position-vertical="89"] {
top: 89%;
}

[data-tmp-position-vertical="90"] {
top: 90%;
}

[data-tmp-position-vertical="91"] {
top: 91%;
}

[data-tmp-position-vertical="92"] {
top: 92%;
}

[data-tmp-position-vertical="93"] {
top: 93%;
}

[data-tmp-position-vertical="94"] {
top: 94%;
}

[data-tmp-position-vertical="95"] {
top: 95%;
}

[data-tmp-position-vertical="96"] {
top: 96%;
}

[data-tmp-position-vertical="97"] {
top: 97%;
}

[data-tmp-position-vertical="98"] {
top: 98%;
}

[data-tmp-position-vertical="99"] {
top: 99%;
}

[data-tmp-position-vertical="100"] {
top: 100%;
}

[data-tmp-position-horigental="1"] {
left: 1%;
}

[data-tmp-position-horigental="2"] {
left: 2%;
}

[data-tmp-position-horigental="3"] {
left: 3%;
}

[data-tmp-position-horigental="4"] {
left: 4%;
}

[data-tmp-position-horigental="5"] {
left: 5%;
}

[data-tmp-position-horigental="6"] {
left: 6%;
}

[data-tmp-position-horigental="7"] {
left: 7%;
}

[data-tmp-position-horigental="8"] {
left: 8%;
}

[data-tmp-position-horigental="9"] {
left: 9%;
}

[data-tmp-position-horigental="10"] {
left: 10%;
}

[data-tmp-position-horigental="11"] {
left: 11%;
}

[data-tmp-position-horigental="12"] {
left: 12%;
}

[data-tmp-position-horigental="13"] {
left: 13%;
}

[data-tmp-position-horigental="14"] {
left: 14%;
}

[data-tmp-position-horigental="15"] {
left: 15%;
}

[data-tmp-position-horigental="16"] {
left: 16%;
}

[data-tmp-position-horigental="17"] {
left: 17%;
}

[data-tmp-position-horigental="18"] {
left: 18%;
}

[data-tmp-position-horigental="19"] {
left: 19%;
}

[data-tmp-position-horigental="20"] {
left: 20%;
}

[data-tmp-position-horigental="21"] {
left: 21%;
}

[data-tmp-position-horigental="22"] {
left: 22%;
}

[data-tmp-position-horigental="23"] {
left: 23%;
}

[data-tmp-position-horigental="24"] {
left: 24%;
}

[data-tmp-position-horigental="25"] {
left: 25%;
}

[data-tmp-position-horigental="26"] {
left: 26%;
}

[data-tmp-position-horigental="27"] {
left: 27%;
}

[data-tmp-position-horigental="28"] {
left: 28%;
}

[data-tmp-position-horigental="29"] {
left: 29%;
}

[data-tmp-position-horigental="30"] {
left: 30%;
}

[data-tmp-position-horigental="31"] {
left: 31%;
}

[data-tmp-position-horigental="32"] {
left: 32%;
}

[data-tmp-position-horigental="33"] {
left: 33%;
}

[data-tmp-position-horigental="34"] {
left: 34%;
}

[data-tmp-position-horigental="35"] {
left: 35%;
}

[data-tmp-position-horigental="36"] {
left: 36%;
}

[data-tmp-position-horigental="37"] {
left: 37%;
}

[data-tmp-position-horigental="38"] {
left: 38%;
}

[data-tmp-position-horigental="39"] {
left: 39%;
}

[data-tmp-position-horigental="40"] {
left: 40%;
}

[data-tmp-position-horigental="41"] {
left: 41%;
}

[data-tmp-position-horigental="42"] {
left: 42%;
}

[data-tmp-position-horigental="43"] {
left: 43%;
}

[data-tmp-position-horigental="44"] {
left: 44%;
}

[data-tmp-position-horigental="45"] {
left: 45%;
}

[data-tmp-position-horigental="46"] {
left: 46%;
}

[data-tmp-position-horigental="47"] {
left: 47%;
}

[data-tmp-position-horigental="48"] {
left: 48%;
}

[data-tmp-position-horigental="49"] {
left: 49%;
}

[data-tmp-position-horigental="50"] {
left: 50%;
}

[data-tmp-position-horigental="51"] {
left: 51%;
}

[data-tmp-position-horigental="52"] {
left: 52%;
}

[data-tmp-position-horigental="53"] {
left: 53%;
}

[data-tmp-position-horigental="54"] {
left: 54%;
}

[data-tmp-position-horigental="55"] {
left: 55%;
}

[data-tmp-position-horigental="56"] {
left: 56%;
}

[data-tmp-position-horigental="57"] {
left: 57%;
}

[data-tmp-position-horigental="58"] {
left: 58%;
}

[data-tmp-position-horigental="59"] {
left: 59%;
}

[data-tmp-position-horigental="60"] {
left: 60%;
}

[data-tmp-position-horigental="61"] {
left: 61%;
}

[data-tmp-position-horigental="62"] {
left: 62%;
}

[data-tmp-position-horigental="63"] {
left: 63%;
}

[data-tmp-position-horigental="64"] {
left: 64%;
}

[data-tmp-position-horigental="65"] {
left: 65%;
}

[data-tmp-position-horigental="66"] {
left: 66%;
}

[data-tmp-position-horigental="67"] {
left: 67%;
}

[data-tmp-position-horigental="68"] {
left: 68%;
}

[data-tmp-position-horigental="69"] {
left: 69%;
}

[data-tmp-position-horigental="70"] {
left: 70%;
}

[data-tmp-position-horigental="71"] {
left: 71%;
}

[data-tmp-position-horigental="72"] {
left: 72%;
}

[data-tmp-position-horigental="73"] {
left: 73%;
}

[data-tmp-position-horigental="74"] {
left: 74%;
}

[data-tmp-position-horigental="75"] {
left: 75%;
}

[data-tmp-position-horigental="76"] {
left: 76%;
}

[data-tmp-position-horigental="77"] {
left: 77%;
}

[data-tmp-position-horigental="78"] {
left: 78%;
}

[data-tmp-position-horigental="79"] {
left: 79%;
}

[data-tmp-position-horigental="80"] {
left: 80%;
}

[data-tmp-position-horigental="81"] {
left: 81%;
}

[data-tmp-position-horigental="82"] {
left: 82%;
}

[data-tmp-position-horigental="83"] {
left: 83%;
}

[data-tmp-position-horigental="84"] {
left: 84%;
}

[data-tmp-position-horigental="85"] {
left: 85%;
}

[data-tmp-position-horigental="86"] {
left: 86%;
}

[data-tmp-position-horigental="87"] {
left: 87%;
}

[data-tmp-position-horigental="88"] {
left: 88%;
}

[data-tmp-position-horigental="89"] {
left: 89%;
}

[data-tmp-position-horigental="90"] {
left: 90%;
}

[data-tmp-position-horigental="91"] {
left: 91%;
}

[data-tmp-position-horigental="92"] {
left: 92%;
}

[data-tmp-position-horigental="93"] {
left: 93%;
}

[data-tmp-position-horigental="94"] {
left: 94%;
}

[data-tmp-position-horigental="95"] {
left: 95%;
}

[data-tmp-position-horigental="96"] {
left: 96%;
}

[data-tmp-position-horigental="97"] {
left: 97%;
}

[data-tmp-position-horigental="98"] {
left: 98%;
}

[data-tmp-position-horigental="99"] {
left: 99%;
}

[data-tmp-position-horigental="100"] {
left: 100%;
}

.tmp-section-gap {
padding: 120px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tmp-section-gap {
    padding: 80px 0;
}
}
@media only screen and (max-width: 767px) {
.tmp-section-gap {
    padding: 60px 0;
}
}

.tmp-section-gapBottom {
padding-bottom: 120px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tmp-section-gapBottom {
    padding-bottom: 80px;
}
}
@media only screen and (max-width: 767px) {
.tmp-section-gapBottom {
    padding-bottom: 60px;
}
}

.mt--0 {
margin-top: 0;
}

.mb--0 {
margin-bottom: 0;
}

.mt--5 {
margin-top: 5px;
}

.ml--5 {
margin-left: 5px;
}

.mt--10 {
margin-top: 10px;
}

.mb--10 {
margin-bottom: 10px;
}

.mt--15 {
margin-top: 15px;
}

.mt--20 {
margin-top: 20px;
}

.mb--20 {
margin-bottom: 20px;
}

.mt--30 {
margin-top: 30px;
}

.mb--30 {
margin-bottom: 30px;
}

.mt--40 {
margin-top: 40px;
}

.pl--60 {
padding-left: 60px;
}

.mb--60 {
margin-bottom: 60px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.mt_md--10 {
    margin-top: 10px;
}
.mt_md--30 {
    margin-top: 30px;
}
}
@media only screen and (max-width: 767px) {
.mt_sm--0 {
    margin-top: 0;
}
.mt_sm--30 {
    margin-top: 30px;
}
.mt_sm--0 {
    margin-top: 0;
}
}
.slick-gutter-5 {
margin-left: -5px;
margin-right: -5px;
}
.slick-gutter-5 .slick-slide {
margin-left: 5px;
margin-right: 5px;
}

.slick-gutter-10 {
margin-left: -10px;
margin-right: -10px;
}
.slick-gutter-10 .slick-slide {
margin-left: 10px;
margin-right: 10px;
}

.slick-gutter-15 {
margin-left: -15px;
margin-right: -15px;
}
.slick-gutter-15 .slick-slide {
margin-left: 15px;
margin-right: 15px;
}

.slick-gutter-20 {
margin-left: -20px;
margin-right: -20px;
}
.slick-gutter-20 .slick-slide {
margin-left: 20px;
margin-right: 20px;
}

.slick-gutter-25 {
margin-left: -25px;
margin-right: -25px;
}
.slick-gutter-25 .slick-slide {
margin-left: 25px;
margin-right: 25px;
}

.slick-gutter-30 {
margin-left: -30px;
margin-right: -30px;
}
.slick-gutter-30 .slick-slide {
margin-left: 30px;
margin-right: 30px;
}

.slick-gutter-35 {
margin-left: -35px;
margin-right: -35px;
}
.slick-gutter-35 .slick-slide {
margin-left: 35px;
margin-right: 35px;
}

.slick-gutter-40 {
margin-left: -40px;
margin-right: -40px;
}
.slick-gutter-40 .slick-slide {
margin-left: 40px;
margin-right: 40px;
}

.slick-gutter-45 {
margin-left: -45px;
margin-right: -45px;
}
.slick-gutter-45 .slick-slide {
margin-left: 45px;
margin-right: 45px;
}

.slick-gutter-50 {
margin-left: -50px;
margin-right: -50px;
}
.slick-gutter-50 .slick-slide {
margin-left: 50px;
margin-right: 50px;
}

.slick-gutter-55 {
margin-left: -55px;
margin-right: -55px;
}
.slick-gutter-55 .slick-slide {
margin-left: 55px;
margin-right: 55px;
}

.slick-gutter-60 {
margin-left: -60px;
margin-right: -60px;
}
.slick-gutter-60 .slick-slide {
margin-left: 60px;
margin-right: 60px;
}

.slick-gutter-65 {
margin-left: -65px;
margin-right: -65px;
}
.slick-gutter-65 .slick-slide {
margin-left: 65px;
margin-right: 65px;
}

.slick-gutter-70 {
margin-left: -70px;
margin-right: -70px;
}
.slick-gutter-70 .slick-slide {
margin-left: 70px;
margin-right: 70px;
}

.slick-gutter-75 {
margin-left: -75px;
margin-right: -75px;
}
.slick-gutter-75 .slick-slide {
margin-left: 75px;
margin-right: 75px;
}

.slick-gutter-80 {
margin-left: -80px;
margin-right: -80px;
}
.slick-gutter-80 .slick-slide {
margin-left: 80px;
margin-right: 80px;
}

.slick-gutter-85 {
margin-left: -85px;
margin-right: -85px;
}
.slick-gutter-85 .slick-slide {
margin-left: 85px;
margin-right: 85px;
}

.slick-gutter-90 {
margin-left: -90px;
margin-right: -90px;
}
.slick-gutter-90 .slick-slide {
margin-left: 90px;
margin-right: 90px;
}

.slick-gutter-95 {
margin-left: -95px;
margin-right: -95px;
}
.slick-gutter-95 .slick-slide {
margin-left: 95px;
margin-right: 95px;
}

.slick-gutter-100 {
margin-left: -100px;
margin-right: -100px;
}
.slick-gutter-100 .slick-slide {
margin-left: 100px;
margin-right: 100px;
}

/*======================== 
    Common Style Css
==========================*/
.theme-gradient, .counter-style-1 .count-number {
color: var(--color-primary);
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.theme-gradient, .counter-style-1 .count-number {
    color: var(--color-secondary);
    background: none;
}
}

.radius {
border-radius: 6px;
}

.radius-round {
border-radius: 500px;
}
.sticky-top {
top: 30px;
z-index: 9;
}

@-webkit-keyframes pix_bounce_sm {
0% {
transform: translateY(0);
}
50% {
transform: translateY(10%);
}
100% {
transform: translateY(0);
}
}

@keyframes pix_bounce_sm {
0% {
transform: translateY(0);
}
50% {
transform: translateY(10%);
}
100% {
transform: translateY(0);
}
}
@keyframes BgNoise {
0% {
    transform: translate3d(0, 9rem, 0);
}
10% {
    transform: translate3d(-1rem, -4rem, 0);
}
20% {
    transform: translate3d(-8rem, 2rem, 0);
}
30% {
    transform: translate3d(9rem, -9rem, 0);
}
40% {
    transform: translate3d(-2rem, 7rem, 0);
}
50% {
    transform: translate3d(-9rem, -4rem, 0);
}
60% {
    transform: translate3d(2rem, 6rem, 0);
}
70% {
    transform: translate3d(7rem, -8rem, 0);
}
80% {
    transform: translate3d(-9rem, 1rem, 0);
}
90% {
    transform: translate3d(6rem, -5rem, 0);
}
to {
    transform: translate3d(-7rem, 0, 0);
}
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@keyframes gradient {
0% {
    background-position: 0% 50%;
}
50% {
    background-position: 100% 50%;
}
100% {
    background-position: 0% 50%;
}
}

body::-webkit-scrollbar {
width: 8px;
}
/* Track */
body::-webkit-scrollbar-track {
background: #f1f1f1;
}
/* Handle */
body::-webkit-scrollbar-thumb {
background: var(--color-primary);
}
/* Handle on hover */
body::-webkit-scrollbar-thumb:hover {
background: #555;
}

.title-flex-between {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}

#buy-now {
position: fixed;
bottom: 60px;
left: 40px;
z-index: 10000;
direction: ltr;
}
#buy-now a {
color: #ffffff;
z-index: 1;
position: absolute;
background: #333333;
display: block;
font-size: 14px;
font-weight: bold;
padding: 10px 15px;
text-align: center;
width: 150px;
line-height: 1em;
text-decoration: none;
animation: shadow-pulse-envato 1s infinite;
border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
}
#buy-now a img {
width: 64px;
margin-left: 3px;
}
@keyframes shadow-pulse-envato {
0% {
    box-shadow: 0 0 0 0px rgba(120, 169, 56, 0.2);
}
100% {
    box-shadow: 0 0 0 20px rgba(120, 169, 56, 0);
}
}

.error-msg p {
color: var(--color-danger);
margin-top: 10px;
margin-bottom: 0;
}

.success-msg p {
color: var(--color-success);
margin-top: 10px;
margin-bottom: 0;
}

/* ========= Forms Styles ========= */
button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
}

input,
select,
textarea {
width: 100%;
transition: 0.3s;
}

input {
height: 40px;
padding: 0 15px;
}

select {
transition: 0.3s;
height: 60px;
line-height: 28px;
padding: 10px 20px;
outline: none;
color: var(--color-body);
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
border: var(--border-width) solid var(--color-border);
border-radius: var(--radius);
font-size: 16px;
line-height: 28px;
font-weight: 400;
padding-right: 30px;
background: transparent;
}

input[type=text],
input[type=password],
input[type=email],
input[type=number],
input[type=tel],
textarea {
font-size: 16px;
font-weight: 400;
height: auto;
line-height: 28px;
background: transparent;
-webkit-box-shadow: none;
box-shadow: none;
padding: 0 15px;
outline: none;
border: var(--border-width) solid var(--color-border);
border-radius: var(--radius);
color: var(--color-body);
/* -- Placeholder -- */
}
input[type=text]::placeholder,
input[type=password]::placeholder,
input[type=email]::placeholder,
input[type=number]::placeholder,
input[type=tel]::placeholder,
textarea::placeholder {
color: var(--body-color);
/* Firefox */
opacity: 1;
}
input[type=text]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: var(--body-color);
opacity: 1;
}
input[type=text]::-ms-input-placeholder,
input[type=password]::-ms-input-placeholder,
input[type=email]::-ms-input-placeholder,
input[type=number]::-ms-input-placeholder,
input[type=tel]::-ms-input-placeholder,
textarea::-ms-input-placeholder {
/* Microsoft Edge */
color: var(--body-color);
opacity: 1;
}
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=tel]:focus,
textarea:focus {
border-color: var(--color-primary);
}

input[type=checkbox],
input[type=radio] {
opacity: 0;
position: absolute;
}
input[type=checkbox] ~ label,
input[type=radio] ~ label {
position: relative;
font-size: 15px;
line-height: 25px;
color: var(--body-color);
font-weight: 400;
padding-left: 20px;
cursor: pointer;
margin-bottom: 0;
}
input[type=checkbox] ~ label::before,
input[type=radio] ~ label::before {
content: " ";
position: absolute;
top: 6px;
left: 0;
width: 14px;
height: 14px;
background-color: #fff;
border: var(--border-width) solid rgba(24, 152, 165, 0.2);
border-radius: 2px;
transition: all 0.3s;
}
input[type=checkbox] ~ label::after,
input[type=radio] ~ label::after {
content: " ";
position: absolute;
top: 9px;
left: 2px;
width: 10px;
height: 5px;
background-color: transparent;
border-bottom: var(--border-width) solid #fff;
border-left: var(--border-width) solid #fff;
border-radius: 2px;
transform: rotate(-45deg);
opacity: 0;
transition: all 0.3s;
}
input[type=checkbox]:checked ~ label::before,
input[type=radio]:checked ~ label::before {
background-color: var(--color-primary);
border-color: var(--color-primary);
}
input[type=checkbox]:checked ~ label::after,
input[type=radio]:checked ~ label::after {
opacity: 1;
}

input[type=radio] ~ label::before {
border-radius: 50%;
}
input[type=radio] ~ label::after {
width: 8px;
height: 8px;
left: 3px;
background: #fff;
border-radius: 50%;
}

.form-group {
margin-bottom: 20px;
}
.form-group input {
border: var(--border-width) solid var(--color-border);
border-radius: var(--radius);
height: 50px;
font-size: 16px;
padding: 0 15px;
}
.form-group input:focus {
border-color: var(--color-primary);
}
.form-group textarea {
min-height: 193px;
border: var(--border-width) solid var(--color-border);
border-radius: var(--radius);
resize: none;
padding: 15px;
font-size: 16px;
}
.form-group textarea:focus {
border-color: var(--color-primary);
}

input[disabled] {
display: none;
}

input[type=submit] {
width: auto;
font-size: 16px;
letter-spacing: 2px;
padding: 15px 20px;
border-radius: 6px;
display: block;
font-weight: 500;
transition: 0.3s;
border: var(--border-width) solid var(--color-primary);
background: var(--color-primary);
color: #ffffff;
height: 60px;
margin-top: 30px;
}
input[type=submit]:hover {
color: #ffffff;
-webkit-box-shadow: 0 10px 15px 0 rgba(249, 0, 77, 0.1);
box-shadow: 0 10px 15px 0 rgba(249, 0, 77, 0.1);
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
}

/**
* Settings
*/
/**
* Easings
*/
/**
* Core
*/
[data-sal] {
transition-duration: 0.2s;
transition-delay: 0s;
transition-duration: var(--sal-duration, 0.2s);
transition-delay: var(--sal-delay, 0s);
transition-timing-function: var(--sal-easing, ease);
}

[data-sal][data-sal-duration="200"] {
transition-duration: 0.2s;
}

[data-sal][data-sal-duration="250"] {
transition-duration: 0.25s;
}

[data-sal][data-sal-duration="300"] {
transition-duration: 0.3s;
}

[data-sal][data-sal-duration="350"] {
transition-duration: 0.35s;
}

[data-sal][data-sal-duration="400"] {
transition-duration: 0.4s;
}

[data-sal][data-sal-duration="450"] {
transition-duration: 0.45s;
}

[data-sal][data-sal-duration="500"] {
transition-duration: 0.5s;
}

[data-sal][data-sal-duration="550"] {
transition-duration: 0.55s;
}

[data-sal][data-sal-duration="600"] {
transition-duration: 0.6s;
}

[data-sal][data-sal-duration="650"] {
transition-duration: 0.65s;
}

[data-sal][data-sal-duration="700"] {
transition-duration: 0.7s;
}

[data-sal][data-sal-duration="750"] {
transition-duration: 0.75s;
}

[data-sal][data-sal-duration="800"] {
transition-duration: 0.8s;
}

[data-sal][data-sal-duration="850"] {
transition-duration: 0.85s;
}

[data-sal][data-sal-duration="900"] {
transition-duration: 0.9s;
}

[data-sal][data-sal-duration="950"] {
transition-duration: 0.95s;
}

[data-sal][data-sal-duration="1000"] {
transition-duration: 1s;
}

[data-sal][data-sal-duration="1050"] {
transition-duration: 1.05s;
}

[data-sal][data-sal-duration="1100"] {
transition-duration: 1.1s;
}

[data-sal][data-sal-duration="1150"] {
transition-duration: 1.15s;
}

[data-sal][data-sal-duration="1200"] {
transition-duration: 1.2s;
}

[data-sal][data-sal-duration="1250"] {
transition-duration: 1.25s;
}

[data-sal][data-sal-duration="1300"] {
transition-duration: 1.3s;
}

[data-sal][data-sal-duration="1350"] {
transition-duration: 1.35s;
}

[data-sal][data-sal-duration="1400"] {
transition-duration: 1.4s;
}

[data-sal][data-sal-duration="1450"] {
transition-duration: 1.45s;
}

[data-sal][data-sal-duration="1500"] {
transition-duration: 1.5s;
}

[data-sal][data-sal-duration="1550"] {
transition-duration: 1.55s;
}

[data-sal][data-sal-duration="1600"] {
transition-duration: 1.6s;
}

[data-sal][data-sal-duration="1650"] {
transition-duration: 1.65s;
}

[data-sal][data-sal-duration="1700"] {
transition-duration: 1.7s;
}

[data-sal][data-sal-duration="1750"] {
transition-duration: 1.75s;
}

[data-sal][data-sal-duration="1800"] {
transition-duration: 1.8s;
}

[data-sal][data-sal-duration="1850"] {
transition-duration: 1.85s;
}

[data-sal][data-sal-duration="1900"] {
transition-duration: 1.9s;
}

[data-sal][data-sal-duration="1950"] {
transition-duration: 1.95s;
}

[data-sal][data-sal-duration="2000"] {
transition-duration: 2s;
}

[data-sal][data-sal-delay="50"] {
transition-delay: 0.05s;
}

[data-sal][data-sal-delay="100"] {
transition-delay: 0.1s;
}

[data-sal][data-sal-delay="150"] {
transition-delay: 0.15s;
}

[data-sal][data-sal-delay="200"] {
transition-delay: 0.2s;
}

[data-sal][data-sal-delay="250"] {
transition-delay: 0.25s;
}

[data-sal][data-sal-delay="300"] {
transition-delay: 0.3s;
}

[data-sal][data-sal-delay="350"] {
transition-delay: 0.35s;
}

[data-sal][data-sal-delay="400"] {
transition-delay: 0.4s;
}

[data-sal][data-sal-delay="450"] {
transition-delay: 0.45s;
}

[data-sal][data-sal-delay="500"] {
transition-delay: 0.5s;
}

[data-sal][data-sal-delay="550"] {
transition-delay: 0.55s;
}

[data-sal][data-sal-delay="600"] {
transition-delay: 0.6s;
}

[data-sal][data-sal-delay="650"] {
transition-delay: 0.65s;
}

[data-sal][data-sal-delay="700"] {
transition-delay: 0.7s;
}

[data-sal][data-sal-delay="750"] {
transition-delay: 0.75s;
}

[data-sal][data-sal-delay="800"] {
transition-delay: 0.8s;
}

[data-sal][data-sal-delay="850"] {
transition-delay: 0.85s;
}

[data-sal][data-sal-delay="900"] {
transition-delay: 0.9s;
}

[data-sal][data-sal-delay="950"] {
transition-delay: 0.95s;
}

[data-sal][data-sal-delay="1000"] {
transition-delay: 1s;
}

[data-sal][data-sal-easing=linear] {
transition-timing-function: linear;
}

[data-sal][data-sal-easing=ease] {
transition-timing-function: ease;
}

[data-sal][data-sal-easing=ease-in] {
transition-timing-function: ease-in;
}

[data-sal][data-sal-easing=ease-out] {
transition-timing-function: ease-out;
}

[data-sal][data-sal-easing=ease-in-out] {
transition-timing-function: ease-in-out;
}

[data-sal][data-sal-easing=ease-in-cubic] {
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

[data-sal][data-sal-easing=ease-out-cubic] {
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

[data-sal][data-sal-easing=ease-in-out-cubic] {
transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

[data-sal][data-sal-easing=ease-in-circ] {
transition-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335);
}

[data-sal][data-sal-easing=ease-out-circ] {
transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

[data-sal][data-sal-easing=ease-in-out-circ] {
transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

[data-sal][data-sal-easing=ease-in-expo] {
transition-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035);
}

[data-sal][data-sal-easing=ease-out-expo] {
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

[data-sal][data-sal-easing=ease-in-out-expo] {
transition-timing-function: cubic-bezier(1, 0, 0, 1);
}

[data-sal][data-sal-easing=ease-in-quad] {
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-sal][data-sal-easing=ease-out-quad] {
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-sal][data-sal-easing=ease-in-out-quad] {
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-sal][data-sal-easing=ease-in-quart] {
transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

[data-sal][data-sal-easing=ease-out-quart] {
transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

[data-sal][data-sal-easing=ease-in-out-quart] {
transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}

[data-sal][data-sal-easing=ease-in-quint] {
transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}

[data-sal][data-sal-easing=ease-out-quint] {
transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}

[data-sal][data-sal-easing=ease-in-out-quint] {
transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}

[data-sal][data-sal-easing=ease-in-sine] {
transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}

[data-sal][data-sal-easing=ease-out-sine] {
transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}

[data-sal][data-sal-easing=ease-in-out-sine] {
transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

[data-sal][data-sal-easing=ease-in-back] {
transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

[data-sal][data-sal-easing=ease-out-back] {
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

[data-sal][data-sal-easing=ease-in-out-back] {
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

/**
* Animations
*/
[data-sal|=fade] {
opacity: 0;
transition-property: opacity;
}

[data-sal|=fade].sal-animate,
body.sal-disabled [data-sal|=fade] {
opacity: 1;
}

[data-sal|=slide] {
opacity: 0;
transition-property: opacity, transform;
}

[data-sal=slide-up] {
transform: translateY(20%);
}

[data-sal=slide-down] {
transform: translateY(-20%);
}

[data-sal=slide-left] {
transform: translateX(20%);
}

[data-sal=slide-right] {
transform: translateX(-20%);
}

[data-sal|=slide].sal-animate,
body.sal-disabled [data-sal|=slide] {
opacity: 1;
transform: none;
}

[data-sal|=zoom] {
opacity: 0;
transition-property: opacity, transform;
}

[data-sal=zoom-in] {
transform: scale(0.5);
}

[data-sal=zoom-out] {
transform: scale(1.1);
}

[data-sal|=zoom].sal-animate,
body.sal-disabled [data-sal|=zoom] {
opacity: 1;
transform: none;
}

[data-sal|=flip] {
backface-visibility: hidden;
transition-property: transform;
}

[data-sal=flip-left] {
transform: perspective(2000px) rotateY(-91deg);
}

[data-sal=flip-right] {
transform: perspective(2000px) rotateY(91deg);
}

[data-sal=flip-up] {
transform: perspective(2000px) rotateX(-91deg);
}

[data-sal=flip-down] {
transform: perspective(2000px) rotateX(91deg);
}

[data-sal|=flip].sal-animate,
body.sal-disabled [data-sal|=flip] {
transform: none;
}

@-webkit-keyframes cd-rotate-1-in {
0% {
    -webkit-transform: rotateX(180deg);
    opacity: 0;
}
35% {
    -webkit-transform: rotateX(120deg);
    opacity: 0;
}
65% {
    opacity: 0;
}
100% {
    -webkit-transform: rotateX(360deg);
    opacity: 1;
}
}
@-moz-keyframes cd-rotate-1-in {
0% {
    -moz-transform: rotateX(180deg);
    opacity: 0;
}
35% {
    -moz-transform: rotateX(120deg);
    opacity: 0;
}
65% {
    opacity: 0;
}
100% {
    -moz-transform: rotateX(360deg);
    opacity: 1;
}
}
@keyframes cd-rotate-1-in {
0% {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
    opacity: 0;
}
35% {
    -webkit-transform: rotateX(120deg);
    -moz-transform: rotateX(120deg);
    -ms-transform: rotateX(120deg);
    -o-transform: rotateX(120deg);
    transform: rotateX(120deg);
    opacity: 0;
}
65% {
    opacity: 0;
}
100% {
    -webkit-transform: rotateX(360deg);
    -moz-transform: rotateX(360deg);
    -ms-transform: rotateX(360deg);
    -o-transform: rotateX(360deg);
    transform: rotateX(360deg);
    opacity: 1;
}
}
@-webkit-keyframes cd-rotate-1-out {
0% {
    -webkit-transform: rotateX(0deg);
    opacity: 1;
}
35% {
    -webkit-transform: rotateX(-40deg);
    opacity: 1;
}
65% {
    opacity: 0;
}
100% {
    -webkit-transform: rotateX(180deg);
    opacity: 0;
}
}
@-moz-keyframes cd-rotate-1-out {
0% {
    -moz-transform: rotateX(0deg);
    opacity: 1;
}
35% {
    -moz-transform: rotateX(-40deg);
    opacity: 1;
}
65% {
    opacity: 0;
}
100% {
    -moz-transform: rotateX(180deg);
    opacity: 0;
}
}
@keyframes cd-rotate-1-out {
0% {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 1;
}
35% {
    -webkit-transform: rotateX(-40deg);
    -moz-transform: rotateX(-40deg);
    -ms-transform: rotateX(-40deg);
    -o-transform: rotateX(-40deg);
    transform: rotateX(-40deg);
    opacity: 1;
}
65% {
    opacity: 0;
}
100% {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
    opacity: 0;
}
}

@-webkit-keyframes cd-pulse {
0% {
    -webkit-transform: translateY(-50%) scale(1);
    opacity: 1;
}
40% {
    -webkit-transform: translateY(-50%) scale(0.9);
    opacity: 0;
}
100% {
    -webkit-transform: translateY(-50%) scale(0);
    opacity: 0;
}
}
@-moz-keyframes cd-pulse {
0% {
    -moz-transform: translateY(-50%) scale(1);
    opacity: 1;
}
40% {
    -moz-transform: translateY(-50%) scale(0.9);
    opacity: 0;
}
100% {
    -moz-transform: translateY(-50%) scale(0);
    opacity: 0;
}
}
@keyframes cd-pulse {
0% {
    -webkit-transform: translateY(-50%) scale(1);
    -moz-transform: translateY(-50%) scale(1);
    -ms-transform: translateY(-50%) scale(1);
    -o-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
    opacity: 1;
}
40% {
    -webkit-transform: translateY(-50%) scale(0.9);
    -moz-transform: translateY(-50%) scale(0.9);
    -ms-transform: translateY(-50%) scale(0.9);
    -o-transform: translateY(-50%) scale(0.9);
    transform: translateY(-50%) scale(0.9);
    opacity: 0;
}
100% {
    -webkit-transform: translateY(-50%) scale(0);
    -moz-transform: translateY(-50%) scale(0);
    -ms-transform: translateY(-50%) scale(0);
    -o-transform: translateY(-50%) scale(0);
    transform: translateY(-50%) scale(0);
    opacity: 0;
}
}

@-webkit-keyframes cd-rotate-2-in {
0% {
    opacity: 0;
    -webkit-transform: translateZ(-20px) rotateX(90deg);
}
60% {
    opacity: 1;
    -webkit-transform: translateZ(-20px) rotateX(-10deg);
}
100% {
    opacity: 1;
    -webkit-transform: translateZ(-20px) rotateX(0deg);
}
}
@-moz-keyframes cd-rotate-2-in {
0% {
    opacity: 0;
    -moz-transform: translateZ(-20px) rotateX(90deg);
}
60% {
    opacity: 1;
    -moz-transform: translateZ(-20px) rotateX(-10deg);
}
100% {
    opacity: 1;
    -moz-transform: translateZ(-20px) rotateX(0deg);
}
}
@keyframes cd-rotate-2-in {
0% {
    opacity: 0;
    -webkit-transform: translateZ(-20px) rotateX(90deg);
    -moz-transform: translateZ(-20px) rotateX(90deg);
    -ms-transform: translateZ(-20px) rotateX(90deg);
    -o-transform: translateZ(-20px) rotateX(90deg);
    transform: translateZ(-20px) rotateX(90deg);
}
60% {
    opacity: 1;
    -webkit-transform: translateZ(-20px) rotateX(-10deg);
    -moz-transform: translateZ(-20px) rotateX(-10deg);
    -ms-transform: translateZ(-20px) rotateX(-10deg);
    -o-transform: translateZ(-20px) rotateX(-10deg);
    transform: translateZ(-20px) rotateX(-10deg);
}
100% {
    opacity: 1;
    -webkit-transform: translateZ(-20px) rotateX(0deg);
    -moz-transform: translateZ(-20px) rotateX(0deg);
    -ms-transform: translateZ(-20px) rotateX(0deg);
    -o-transform: translateZ(-20px) rotateX(0deg);
    transform: translateZ(-20px) rotateX(0deg);
}
}
@-webkit-keyframes cd-rotate-2-out {
0% {
    opacity: 1;
    -webkit-transform: translateZ(-20px) rotateX(0);
}
60% {
    opacity: 0;
    -webkit-transform: translateZ(-20px) rotateX(-100deg);
}
100% {
    opacity: 0;
    -webkit-transform: translateZ(-20px) rotateX(-90deg);
}
}
@-moz-keyframes cd-rotate-2-out {
0% {
    opacity: 1;
    -moz-transform: translateZ(-20px) rotateX(0);
}
60% {
    opacity: 0;
    -moz-transform: translateZ(-20px) rotateX(-100deg);
}
100% {
    opacity: 0;
    -moz-transform: translateZ(-20px) rotateX(-90deg);
}
}
@keyframes cd-rotate-2-out {
0% {
    opacity: 1;
    -webkit-transform: translateZ(-20px) rotateX(0);
    -moz-transform: translateZ(-20px) rotateX(0);
    -ms-transform: translateZ(-20px) rotateX(0);
    -o-transform: translateZ(-20px) rotateX(0);
    transform: translateZ(-20px) rotateX(0);
}
60% {
    opacity: 0;
    -webkit-transform: translateZ(-20px) rotateX(-100deg);
    -moz-transform: translateZ(-20px) rotateX(-100deg);
    -ms-transform: translateZ(-20px) rotateX(-100deg);
    -o-transform: translateZ(-20px) rotateX(-100deg);
    transform: translateZ(-20px) rotateX(-100deg);
}
100% {
    opacity: 0;
    -webkit-transform: translateZ(-20px) rotateX(-90deg);
    -moz-transform: translateZ(-20px) rotateX(-90deg);
    -ms-transform: translateZ(-20px) rotateX(-90deg);
    -o-transform: translateZ(-20px) rotateX(-90deg);
    transform: translateZ(-20px) rotateX(-90deg);
}
}

@-webkit-keyframes slide-in {
0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
}
60% {
    opacity: 1;
    -webkit-transform: translateY(20%);
}
100% {
    opacity: 1;
    -webkit-transform: translateY(0);
}
}
@-moz-keyframes slide-in {
0% {
    opacity: 0;
    -moz-transform: translateY(-100%);
}
60% {
    opacity: 1;
    -moz-transform: translateY(20%);
}
100% {
    opacity: 1;
    -moz-transform: translateY(0);
}
}
@keyframes slide-in {
0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}
60% {
    opacity: 1;
    -webkit-transform: translateY(20%);
    -moz-transform: translateY(20%);
    -ms-transform: translateY(20%);
    -o-transform: translateY(20%);
    transform: translateY(20%);
}
100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
}
@-webkit-keyframes slide-out {
0% {
    opacity: 1;
    -webkit-transform: translateY(0);
}
60% {
    opacity: 0;
    -webkit-transform: translateY(120%);
}
100% {
    opacity: 0;
    -webkit-transform: translateY(100%);
}
}
@-moz-keyframes slide-out {
0% {
    opacity: 1;
    -moz-transform: translateY(0);
}
60% {
    opacity: 0;
    -moz-transform: translateY(120%);
}
100% {
    opacity: 0;
    -moz-transform: translateY(100%);
}
}
@keyframes slide-out {
0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
60% {
    opacity: 0;
    -webkit-transform: translateY(120%);
    -moz-transform: translateY(120%);
    -ms-transform: translateY(120%);
    -o-transform: translateY(120%);
    transform: translateY(120%);
}
100% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}
}

@-webkit-keyframes zoom-in {
0% {
    opacity: 0;
    -webkit-transform: translateZ(100px);
}
100% {
    opacity: 1;
    -webkit-transform: translateZ(0);
}
}
@-moz-keyframes zoom-in {
0% {
    opacity: 0;
    -moz-transform: translateZ(100px);
}
100% {
    opacity: 1;
    -moz-transform: translateZ(0);
}
}
@keyframes zoom-in {
0% {
    opacity: 0;
    -webkit-transform: translateZ(100px);
    -moz-transform: translateZ(100px);
    -ms-transform: translateZ(100px);
    -o-transform: translateZ(100px);
    transform: translateZ(100px);
}
100% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}
}
@-webkit-keyframes zoom-out {
0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
}
100% {
    opacity: 0;
    -webkit-transform: translateZ(-100px);
}
}
@-moz-keyframes zoom-out {
0% {
    opacity: 1;
    -moz-transform: translateZ(0);
}
100% {
    opacity: 0;
    -moz-transform: translateZ(-100px);
}
}
@keyframes zoom-out {
0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}
100% {
    opacity: 0;
    -webkit-transform: translateZ(-100px);
    -moz-transform: translateZ(-100px);
    -ms-transform: translateZ(-100px);
    -o-transform: translateZ(-100px);
    transform: translateZ(-100px);
}
}

@-webkit-keyframes cd-rotate-3-in {
0% {
    -webkit-transform: rotateY(180deg);
}
100% {
    -webkit-transform: rotateY(0deg);
}
}
@-moz-keyframes cd-rotate-3-in {
0% {
    -moz-transform: rotateY(180deg);
}
100% {
    -moz-transform: rotateY(0deg);
}
}
@keyframes cd-rotate-3-in {
0% {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
100% {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
}
@-webkit-keyframes cd-rotate-3-out {
0% {
    -webkit-transform: rotateY(0);
}
100% {
    -webkit-transform: rotateY(-180deg);
}
}
@-moz-keyframes cd-rotate-3-out {
0% {
    -moz-transform: rotateY(0);
}
100% {
    -moz-transform: rotateY(-180deg);
}
}
@keyframes cd-rotate-3-out {
0% {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0);
}
100% {
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}
}

@-webkit-keyframes scale-up {
0% {
    -webkit-transform: scale(0);
    opacity: 0;
}
60% {
    -webkit-transform: scale(1.2);
    opacity: 1;
}
100% {
    -webkit-transform: scale(1);
    opacity: 1;
}
}
@-moz-keyframes scale-up {
0% {
    -moz-transform: scale(0);
    opacity: 0;
}
60% {
    -moz-transform: scale(1.2);
    opacity: 1;
}
100% {
    -moz-transform: scale(1);
    opacity: 1;
}
}
@keyframes scale-up {
0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 0;
}
60% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 1;
}
100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
}
@-webkit-keyframes scale-down {
0% {
    -webkit-transform: scale(1);
    opacity: 1;
}
60% {
    -webkit-transform: scale(0);
    opacity: 0;
}
}
@-moz-keyframes scale-down {
0% {
    -moz-transform: scale(1);
    opacity: 1;
}
60% {
    -moz-transform: scale(0);
    opacity: 0;
}
}
@keyframes scale-down {
0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
60% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 0;
}
}

@-webkit-keyframes push-in {
0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
}
60% {
    opacity: 1;
    -webkit-transform: translateX(10%);
}
100% {
    opacity: 1;
    -webkit-transform: translateX(0);
}
}
@-moz-keyframes push-in {
0% {
    opacity: 0;
    -moz-transform: translateX(-100%);
}
60% {
    opacity: 1;
    -moz-transform: translateX(10%);
}
100% {
    opacity: 1;
    -moz-transform: translateX(0);
}
}
@keyframes push-in {
0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
}
60% {
    opacity: 1;
    -webkit-transform: translateX(10%);
    -moz-transform: translateX(10%);
    -ms-transform: translateX(10%);
    -o-transform: translateX(10%);
    transform: translateX(10%);
}
100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}
}
@-webkit-keyframes push-out {
0% {
    opacity: 1;
    -webkit-transform: translateX(0);
}
60% {
    opacity: 0;
    -webkit-transform: translateX(110%);
}
100% {
    opacity: 0;
    -webkit-transform: translateX(100%);
}
}
@-moz-keyframes push-out {
0% {
    opacity: 1;
    -moz-transform: translateX(0);
}
60% {
    opacity: 0;
    -moz-transform: translateX(110%);
}
100% {
    opacity: 0;
    -moz-transform: translateX(100%);
}
}
@keyframes push-out {
0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}
60% {
    opacity: 0;
    -webkit-transform: translateX(110%);
    -moz-transform: translateX(110%);
    -ms-transform: translateX(110%);
    -o-transform: translateX(110%);
    transform: translateX(110%);
}
100% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}
}
.link-hover a {
display: inline-block;
position: relative;
}
.link-hover a::after {
position: absolute;
content: "";
left: auto;
bottom: 0;
background: currentColor;
width: 0;
height: 2px;
transition: 0.3s;
right: 0;
}
.link-hover a:hover::after {
width: 100%;
left: 0;
right: auto;
}

.mouse-cursor {
position: fixed;
left: 0;
top: 0;
pointer-events: none;
border-radius: 50%;
-webkit-transform: translateZ(0);
transform: translateZ(0);
visibility: hidden;
}

.cursor-inner {
margin-left: -4px;
margin-top: -4px;
width: 8px;
height: 8px;
z-index: 10000001;
background: rgba(255, 255, 255, 0.1921568627);
-webkit-transition: width 0.5s ease-in-out, height 0.5s ease-in-out, margin 0.5s ease-in-out, opacity 0.5s ease-in-out, transform 0.7s ease-out;
transition: width 0.5s ease-in-out, height 0.5s ease-in-out, margin 0.5s ease-in-out, opacity 0.5s ease-in-out, transform 0.7s ease-out;
}

.cursor-inner.cursor-hover {
margin-left: -30px;
margin-top: -30px;
width: 60px;
height: 60px;
background: rgba(255, 255, 255, 0.1921568627);
mix-blend-mode: normal;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 10000000;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}

.cursor-outer {
margin-left: -16px;
margin-top: -16px;
width: 32px;
height: 32px;
border: var(--border-width) solid rgba(255, 255, 255, 0.1921568627);
mix-blend-mode: difference;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 10000000;
-webkit-transition: width 0.5s ease-in-out, height 0.5s ease-in-out, margin 0.5s ease-in-out, opacity 0.5s ease-in-out, transform 0.5s ease-out;
transition: width 0.5s ease-in-out, height 0.5s ease-in-out, margin 0.5s ease-in-out, opacity 0.5s ease-in-out, transform 0.5s ease-out;
}

.cursor-outer.cursor-hover {
opacity: 0;
}

/**************************************
    Header Styles
***************************************/
/*--------------------------
    Header Styles  
--------------------------*/
.logo-dark {
display: none;
}

.header-default {
max-width: 100%;
color: #fff;
font-size: 12px;
z-index: 99;
position: relative;
border-bottom: 1px solid var(--color-border);
}
.header-default .logo a {
display: flex;
height: 80px;
line-height: 80px;
align-items: center;
}
.header-default .logo a img {
max-height: 52px;
width: auto;
}
.header-default .header-right {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.header-default .header-right {
display: flex;
justify-content: flex-end;
}
.header-default .header-right .header-btn {
margin-left: 25px;
}
@media only screen and (max-width: 1199px) {
.header-default .header-right .header-btn {
    margin-left: 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.header-default .header-right .header-btn {
    margin-left: 0;
}
}
@media only screen and (max-width: 767px) {
.header-default .header-right .header-btn {
    margin-left: 0;
}
}
@media only screen and (max-width: 767px) {
.header-default a.tmp-btn,
.header-default button.tmp-btn {
    height: 36px;
    line-height: 35px;
    padding: 0 10px;
    font-size: 12px;
}
}
@media only screen and (max-width: 767px) {
.header-default a.tmp-btn.btn-small,
.header-default button.tmp-btn.btn-small {
    height: 36px;
    line-height: 35px;
    padding: 0 10px;
    font-size: 12px;
}
}
.hamberger-button {
background: var(--color-blackest);
border: 0 none;
color: var(--color-white);
width: 40px;
height: 40px;
font-size: 21px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%;
}
.hamberger-button i {
font-size: 30px;
}
@media only screen and (max-width: 479px) {
.hamberger-button {
    width: 25px;
}
}

.tmp-header.sticky {
position: fixed;
top: 0;
left: 0;
background-color: rgb(20, 20, 22);
width: 100%;
height: 80px;
animation: headerSticky 0.95s ease forwards;
z-index: 99;
backdrop-filter: blur(60px);
/* background-image: linear-gradient(#0e0f1e, rgba(14, 15, 30, 0)); */
border-bottom: 1px solid var(--color-border);
}

@keyframes headerSticky {
0% {
    transform: translateY(-100%);
}
100% {
    transform: translateY(0);
}
}
.mainmenu-nav .mainmenu li.with-megamenu .tmp-megamenu.with-mega-item-2.full-width-mega {
width: 110%;
left: -5%;
}

.mainmenu-nav .mainmenu li.with-megamenu .tmp-megamenu.with-mega-item-2.full-width-mega .wrapper {
position: relative;
z-index: 1;
overflow: hidden;
}
.mainmenu-nav .mainmenu li.with-megamenu .tmp-megamenu.with-mega-item-2.full-width-mega .wrapper .bg-content {
position: absolute;
left: 30px;
bottom: -16px;
line-height: 1;
font-size: 190px;
text-transform: uppercase;
font-weight: 800;
z-index: -1;
letter-spacing: 12px;
background: linear-gradient(var(--color-card), #222222);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}

.feature-image-add-header {
display: flex;
height: 100%;
margin-right: 0;
position: relative;
margin-left: 0;
}
.feature-image-add-header img {
object-fit: cover;
}

.mainmenu-nav .mainmenu > li:hover > a {
color: var(--color-primary);
}

.header-right.with-search .header-btn {
display: flex;
align-items: center;
gap: 30px;
}
@media only screen and (max-width: 1199px) {
.header-right.with-search .header-btn {
    gap: 15px;
}
}
@media only screen and (max-width: 991px) {
.header-right.with-search .header-btn {
    gap: 15px;
}
}
@media only screen and (max-width: 479px) {
.header-right.with-search .header-btn {
    gap: 8px;
}
}
.header-right.with-search .header-btn .search-area-btn {
max-width: 30px;
cursor: pointer;
}
.header-right.with-search .header-btn .search-area-btn i {
font-size: 22px;
}
.header-right.with-search .header-btn .search-area-btn img {
max-width: 25px;
}
@media only screen and (max-width: 1199px) {
.header-right.with-search .header-btn .tmp-btn.round {
    display: none;
}
}
@media only screen and (max-width: 991px) {
.header-right.with-search .header-btn .tmp-btn.round {
    display: block;
}
}

@media only screen and (max-width: 991px) {
.dot-btn {
    display: none;
}
}
.dot-btn .offcanvas-trigger {
display: block;
color: var(--color-heading);
position: relative;
cursor: pointer;
font-size: 0.25em;
line-height: 1;
}
.dot-btn .offcanvas-trigger .offcanvas-bars {
display: inline-block;
width: 21px;
margin: 0;
vertical-align: middle;
height: 20px;
}
.dot-btn .offcanvas-trigger .offcanvas-bars span {
display: inline-block;
height: 2px;
margin-left: 0;
-webkit-transform-origin: left center;
transform-origin: left center;
background-color: var(--color-heading);
width: 100%;
position: relative;
overflow: hidden;
margin-bottom: 5px;
background-color: transparent;
transition: transform 0.3s, opacity 0.3s, width 0.3s, background-color 0.3s 0.3s, -webkit-transform 0.3s;
border-radius: 1px;
}
@media only screen and (max-width: 767px) {
.dot-btn .offcanvas-trigger .offcanvas-bars span {
    margin-bottom: 4px;
}
}
.dot-btn .offcanvas-trigger .offcanvas-bars span::before, .dot-btn .offcanvas-trigger .offcanvas-bars span::after {
content: "";
display: inline-block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: var(--color-heading);
}
.dot-btn .offcanvas-trigger .offcanvas-bars span::before {
transform: translate(-100%, 0);
transition: all 0.325s cubic-bezier(0.38, 0.98, 0.4, 1);
}
.dot-btn .offcanvas-trigger .offcanvas-bars span::after {
transition: all 0.325s cubic-bezier(0.38, 0.98, 0.4, 1);
}
.dot-btn .offcanvas-trigger:hover .offcanvas-bars span::before {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.dot-btn .offcanvas-trigger:hover .offcanvas-bars span::after {
-webkit-transform: translate(100%, 0);
transform: translate(100%, 0);
}
.dot-btn .offcanvas-trigger:hover .offcanvas-bars span:first-child::before {
-webkit-transition-delay: 0.18s;
transition-delay: 0.18s;
}
.dot-btn .offcanvas-trigger:hover .offcanvas-bars span:nth-child(2)::before {
-webkit-transition-delay: 0.24s;
transition-delay: 0.24s;
}
.dot-btn .offcanvas-trigger:hover .offcanvas-bars span:nth-child(2)::after {
-webkit-transition-delay: 0.06s;
transition-delay: 0.06s;
}
.dot-btn .offcanvas-trigger:hover .offcanvas-bars span:last-child::before {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.dot-btn .offcanvas-trigger:hover .offcanvas-bars span:last-child::after {
-webkit-transition-delay: 0.12s;
transition-delay: 0.12s;
}

.onapge-multipage-tab-wrapper {
align-items: center;
justify-content: center;
display: flex;
flex-direction: column;
}
@media only screen and (max-width: 991px) {
.onapge-multipage-tab-wrapper .tab-content {
    width: 100%;
}
}
@media only screen and (max-width: 991px) {
.onapge-multipage-tab-wrapper {
    align-items: flex-start;
}
}
.onapge-multipage-tab-wrapper .nav-pills {
display: flex;
align-items: center;
gap: 15px;
margin-bottom: 10px;
}
.onapge-multipage-tab-wrapper .tmp-btn {
background-color: transparent;
border: 2px solid var(--color-border);
color: var(--color-heading);
height: 45px;
}
.onapge-multipage-tab-wrapper .tmp-btn:hover {
color: #fff;
}
.onapge-multipage-tab-wrapper .tmp-btn.active {
background-color: var(--color-primary);
color: #fff;
border: 2px solid transparent;
}
.onapge-multipage-tab-wrapper .tab-pane {
display: none;
opacity: 0;
transform: translateY(20px);
transition: all 0.4s ease;
}
.onapge-multipage-tab-wrapper .tab-pane.active {
display: block;
opacity: 1;
transform: translateY(0);
animation: slideInheader 1s linear;
}
@media only screen and (max-width: 991px) {
.onapge-multipage-tab-wrapper .tab-pane.active {
    animation: none;
}
}

@keyframes slideInheader {
0% {
    opacity: 0;
    transform: translateY(50px);
}
100% {
    opacity: 1;
    transform: translateY(0);
}
}
/*--------------------------
    Navigation Styles 
----------------------------*/
.mainmenu-nav .mainmenu {
display: flex;
margin: 0;
padding: 0;
}
@media only screen and (max-width: 1199px) {
.mainmenu-nav .mainmenu {
    gap: 5px;
}
}
.mainmenu-nav .mainmenu > li > a {
color: #fff;
font-size: 16px;
font-weight: 500;
padding: 0 17px;
display: block;
height: 80px;
line-height: 80px;
transition: 0.3s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mainmenu-nav .mainmenu > li > a {
    padding: 0 10px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mainmenu-nav .mainmenu > li > a {
    padding: 0 12px;
}
}
.mainmenu-nav .mainmenu > li > a:hover, .mainmenu-nav .mainmenu > li > a.active {
color: var(--color-primary);
}

.mainmenu-nav .mainmenu > li > a {
text-decoration: underline 2px transparent;
text-underline-offset: 8px;
transition: text-decoration-color 0.3s, color 0.3s;
}
.mainmenu-nav .mainmenu > li:hover > a {
text-decoration-color: var(--color-primary);
}

.mainmenu-nav .mainmenu li {
margin-top: 0;
margin-bottom: 0;
position: relative;
}
.mainmenu-nav .mainmenu li.has-droupdown .submenu {
min-width: 260px;
height: auto;
position: absolute;
top: 90%;
left: 0;
z-index: 90;
opacity: 0;
visibility: hidden;
text-align: left;
padding: 12px 0;
transition: 0.3s;
border-radius: 0 0 10px 10px;
background-color: var(--color-card);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
transform: scaleY(0);
clip: rect(0px, 200vw, 0, 0px);
transform: translateZ(0);
}
.mainmenu-nav .mainmenu li.has-droupdown .submenu li a {
font-weight: 500;
padding: 5px 20px;
font-size: 15px;
display: block;
color: var(--color-body);
margin: 0 10px;
border-radius: 3px;
}
.mainmenu-nav .mainmenu li.has-droupdown .submenu li a:hover, .mainmenu-nav .mainmenu li.has-droupdown .submenu li a.active {
color: var(--color-white);
background: var(--color-dark);
margin-left: 15px;
}
.mainmenu-nav .mainmenu li.has-droupdown:hover .submenu {
opacity: 1;
visibility: visible;
top: 100%;
clip: rect(0px, 100vw, 200vh, -30px);
transition: clip 0.6s linear, opacity 0.4s linear;
}
.mainmenu-nav .mainmenu li.has-third-lev {
position: relative;
}
.mainmenu-nav .mainmenu li.has-third-lev > a {
position: relative;
}
.mainmenu-nav .mainmenu li.has-third-lev > a::after {
font-family: "feather";
position: absolute;
content: "\e930";
right: 15px;
left: auto;
top: 50%;
transform: translateY(-50%);
transition: 0.3s;
}
.mainmenu-nav .mainmenu li.has-third-lev .submenu {
position: absolute;
right: 0;
top: 15px;
left: 100%;
opacity: 0;
transition: 0.3s;
}
.mainmenu-nav .mainmenu li.has-third-lev:hover > a::after {
right: 5px;
}
.mainmenu-nav .mainmenu li.has-third-lev:hover .submenu {
top: -12px;
opacity: 1;
}
.mainmenu-nav .mainmenu li.with-megamenu {
position: static;
}
.mainmenu-nav .mainmenu li.with-megamenu .tmp-megamenu {
position: absolute;
transition: 0.3s;
top: 100%;
width: 100%;
left: 0;
right: 0;
padding: 0 7px;
visibility: hidden;
opacity: 0;
transform-origin: 0 0;
transform: scaleY(0);
clip: rect(0px, 200vw, 0, 0px);
transform: translateZ(0);
}
.mainmenu-nav .mainmenu li.with-megamenu .tmp-megamenu .wrapper {
border-radius: 0 0 10px 10px;
background-color: var(--color-card);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.mainmenu-nav .mainmenu li.with-megamenu .tmp-megamenu .wrapper.demos-area-drop-down {
padding: 15px 20px 20px 20px;
}
.mainmenu-nav .mainmenu li.with-megamenu .tmp-megamenu .wrapper .mega-menu-item {
border-right: 1px solid var(--color-extra04);
height: 100%;
padding: 22px 10px;
}
.mainmenu-nav .mainmenu li.with-megamenu .tmp-megamenu .wrapper .mega-menu-item li a {
font-weight: 500;
padding: 5px 14px;
font-size: 15px;
display: block;
color: var(--color-body);
margin: 0 10px;
border-radius: 2px;
transition: 0.3s;
display: flex;
align-items: center;
}
.mainmenu-nav .mainmenu li.with-megamenu .tmp-megamenu .wrapper .mega-menu-item li a .tmp-badge-card {
margin-left: 10px;
}
.mainmenu-nav .mainmenu li.with-megamenu .tmp-megamenu .wrapper .mega-menu-item li a:hover, .mainmenu-nav .mainmenu li.with-megamenu .tmp-megamenu .wrapper .mega-menu-item li a.active {
color: var(--color-white);
background: rgba(255, 255, 255, 0.0196078431);
margin-left: 15px;
}
.mainmenu-nav .mainmenu li.with-megamenu .tmp-megamenu.with-mega-item-2 {
width: 600px;
margin: inherit;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
.mainmenu-nav .mainmenu li.with-megamenu .tmp-megamenu.with-mega-item-2 {
    width: 450px;
}
}
.mainmenu-nav .mainmenu li.with-megamenu .tmp-megamenu.active {
transform: scaleY(1);
opacity: 1;
visibility: visible;
clip: rect(0px, 100vw, 200vh, -30px);
transition: clip 0.8s linear, opacity 0.8s linear;
}
.mainmenu-nav .mainmenu li.with-megamenu .tmp-megamenu.width-small-mega {
width: 600px;
margin: 0 auto;
padding: 0;
left: -20px;
}
.mainmenu-nav .mainmenu li.with-megamenu .tmp-megamenu.width-small-mega .wrapper {
max-height: 600px;
overflow-y: scroll;
scrollbar-width: none;
overflow: hidden;
padding: 30px 30px;
}
.mainmenu-nav .mainmenu li.with-megamenu .tmp-megamenu.width-small-mega .wrapper .mega-top-banner {
background-image: url(../images/banner/menu-service.webp),
                    radial-gradient(100% 100% at 100% 0%, var(--color-lessdark) 0%, var(--color-primary) 100%);
background-size: contain;
background-position: right 30%;
margin: -30px;
width: auto;
background-repeat: no-repeat;
display: flex;
align-items: center;
padding: 25px;
position: relative;
margin-bottom: 30px;
background-size: cover;
}
.mainmenu-nav .mainmenu li.with-megamenu .tmp-megamenu.width-small-mega .wrapper .mega-top-banner .content {
width: 56%;
}
.mainmenu-nav .mainmenu li.with-megamenu .tmp-megamenu.width-small-mega .wrapper .mega-top-banner .content .title {
font-size: 16px;
color: #fff;
font-weight: 600;
margin-bottom: 10px;
}
.mainmenu-nav .mainmenu li.with-megamenu .tmp-megamenu.width-small-mega .wrapper .mega-top-banner .content p {
font-weight: 400;
font-size: 14px;
margin-bottom: 0;
color: #fff;
}
.mainmenu-nav .mainmenu li.with-megamenu .tmp-megamenu.width-small-mega .wrapper .tmp-short-title {
font-size: 18px;
padding-bottom: 14px;
font-weight: 600;
text-transform: capitalize;
letter-spacing: 0.5px;
margin-bottom: 6px;
margin-left: 10px;
border-bottom: 1px solid var(--color-border);
line-height: 1;
color: #fff;
opacity: 1;
}
.mainmenu-nav .mainmenu li.with-megamenu .tmp-megamenu.width-small-mega .wrapper .mega-menu-item {
gap: 0;
padding: 0;
margin: 0;
list-style: none;
}
@media only screen and (max-width: 991px) {
.mainmenu-nav .mainmenu li.with-megamenu .tmp-megamenu.width-small-mega .wrapper .mega-menu-item {
    margin-bottom: 25px;
}
}
.mainmenu-nav .mainmenu li.with-megamenu .tmp-megamenu.width-small-mega .wrapper .mega-menu-item li {
margin: 0;
padding: 0;
}
.mainmenu-nav .mainmenu li.with-megamenu .tmp-megamenu.width-small-mega .wrapper .mega-menu-item li a {
padding: 8px 10px;
border: none;
font-size: 14px;
margin: 0;
}
.mainmenu-nav .mainmenu li.with-megamenu .tmp-megamenu.width-small-mega .wrapper .nav-quick-access {
display: flex;
flex-wrap: wrap;
background: var(--color-primary);
margin: -25px;
margin-top: 20px;
padding: 16px 25px;
justify-content: space-between;
align-items: center;
gap: 0;
list-style: none;
border-radius: 6px;
}
.mainmenu-nav .mainmenu li.with-megamenu .tmp-megamenu.width-small-mega .wrapper .nav-quick-access li {
margin-top: 0;
margin-bottom: 0;
position: relative;
flex-basis: calc(50% - 15px);
padding: 5px;
}
.mainmenu-nav .mainmenu li.with-megamenu .tmp-megamenu.width-small-mega .wrapper .nav-quick-access li a {
padding-left: 0;
font-size: 15px;
display: flex;
align-items: center;
gap: 10px;
color: #fff;
}
.mainmenu-nav .mainmenu li.with-megamenu .single-mega-item:last-child .mega-menu-item {
border-right: 0 none;
}
.mainmenu-nav .mainmenu li.with-megamenu:hover .tmp-megamenu {
transform: scaleY(1);
opacity: 1;
visibility: visible;
top: 100%;
clip: rect(0px, 100vw, 200vh, -30px);
transition: clip 0.6s linear, opacity 0.4s linear;
}

.has-menu-child-item > a {
position: relative;
}
.has-menu-child-item > a::after {
content: "\e92e";
position: absolute;
right: -3px;
top: 43%;
font-family: "feather";
line-height: 1;
}
@media only screen and (max-width: 1199px) {
.has-menu-child-item > a::after {
    right: -7px;
}
}
.has-menu-child-item > a:hover::after {
content: "\e931";
}

@media only screen and (max-width: 991px) {
.mainmenu .with-megamenu .tmp-megamenu .demos-area-drop-down .bg-content {
    display: none;
}
}
.mainmenu .with-megamenu .tmp-megamenu .demos-area-drop-down ul.mega-menu-item {
display: flex;
align-items: flex-start;
justify-content: center;
flex-wrap: wrap;
max-height: 600px;
gap: 19px;
overflow: hidden;
overflow-y: scroll;
scrollbar-width: none;
}
@media only screen and (max-width: 991px) {
.mainmenu .with-megamenu .tmp-megamenu .demos-area-drop-down ul.mega-menu-item {
    flex-direction: column;
    max-height: unset;
    gap: 5px;
}
}
.mainmenu .with-megamenu .tmp-megamenu .demos-area-drop-down ul.mega-menu-item li {
flex-basis: 18.8%;
background: #141414;
border-radius: 2px;
overflow: hidden;
display: block;
transition: 0.3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
.mainmenu .with-megamenu .tmp-megamenu .demos-area-drop-down ul.mega-menu-item li {
    flex-basis: 18.7%;
}
}
@media only screen and (max-width: 1199px) {
.mainmenu .with-megamenu .tmp-megamenu .demos-area-drop-down ul.mega-menu-item li {
    flex-basis: 18%;
}
}
.mainmenu .with-megamenu .tmp-megamenu .demos-area-drop-down ul.mega-menu-item li:nth-child(2n) {
background: #f3f3f3;
}
@media only screen and (max-width: 991px) {
.mainmenu .with-megamenu .tmp-megamenu .demos-area-drop-down ul.mega-menu-item li:nth-child(2n) {
    background: transparent;
}
}
.mainmenu .with-megamenu .tmp-megamenu .demos-area-drop-down ul.mega-menu-item li:nth-child(2n) a:nth-child(2) {
color: #141414;
}
.mainmenu .with-megamenu .tmp-megamenu .demos-area-drop-down ul.mega-menu-item li:nth-child(2n) a:nth-child(2):hover {
color: #141414;
}
@media only screen and (max-width: 991px) {
.mainmenu .with-megamenu .tmp-megamenu .demos-area-drop-down ul.mega-menu-item li:nth-child(2n) a:nth-child(2) {
    color: #fff;
}
}
.mainmenu .with-megamenu .tmp-megamenu .demos-area-drop-down ul.mega-menu-item li:nth-child(2n):hover a:nth-child(2) {
color: #141414;
}
@media only screen and (max-width: 991px) {
.mainmenu .with-megamenu .tmp-megamenu .demos-area-drop-down ul.mega-menu-item li {
    flex-basis: 100%;
    width: 100%;
    background: transparent;
    position: relative;
}
}
.mainmenu .with-megamenu .tmp-megamenu .demos-area-drop-down ul.mega-menu-item li a {
margin: 0;
border-radius: 0;
text-align: center;
justify-content: center;
}
.mainmenu .with-megamenu .tmp-megamenu .demos-area-drop-down ul.mega-menu-item li a.thumbnail-demos {
padding: 25px 15px 0 15px;
position: relative;
}
@media only screen and (max-width: 991px) {
.mainmenu .with-megamenu .tmp-megamenu .demos-area-drop-down ul.mega-menu-item li a.thumbnail-demos {
    display: none;
}
}
.mainmenu .with-megamenu .tmp-megamenu .demos-area-drop-down ul.mega-menu-item li a:nth-child(2) {
padding: 6px 0 10px 5px;
line-height: 1;
}
@media only screen and (max-width: 991px) {
.mainmenu .with-megamenu .tmp-megamenu .demos-area-drop-down ul.mega-menu-item li a:nth-child(2) {
    padding: 10px 15px;
    text-align: left;
}
}
.mainmenu .with-megamenu .tmp-megamenu .demos-area-drop-down ul.mega-menu-item li a.active {
background: unset;
color: var(--color-white);
}
.mainmenu .with-megamenu .tmp-megamenu .demos-area-drop-down ul.mega-menu-item li a.active.thumbnail-demos {
background: unset;
}
.mainmenu .with-megamenu .tmp-megamenu .demos-area-drop-down ul.mega-menu-item li a .tmp-badge-card {
position: absolute;
z-index: 2;
letter-spacing: 0.5px;
top: 4px;
right: 4px;
padding: 4px 11px;
}
@media only screen and (max-width: 991px) {
.mainmenu .with-megamenu .tmp-megamenu .demos-area-drop-down ul.mega-menu-item li a .tmp-badge-card {
    display: none;
}
}
.mainmenu .with-megamenu .tmp-megamenu .demos-area-drop-down ul.mega-menu-item li:hover {
transform: translateY(-10px);
}
.mainmenu .with-megamenu .tmp-megamenu .demos-area-drop-down ul.mega-menu-item li:hover .thumbnail-demos {
background: unset;
}
.mainmenu .with-megamenu .tmp-megamenu .demos-area-drop-down ul.mega-menu-item li:hover a:nth-child(2) {
background: unset;
color: var(--color-white);
}
@media only screen and (max-width: 991px) {
.mainmenu .with-megamenu .tmp-megamenu .demos-area-drop-down .load-demo-btn-wrap {
    display: none;
}
}

@media only screen and (max-width: 991px) {
.nav-quick-access {
    list-style: none;
    padding-left: 0;
}
}
/*----------------------------
    Header Top Bar  
----------------------------*/
.header-top-bar {
padding: 10px 0;
}
.header-top-bar .header-right {
display: flex;
align-items: center;
justify-content: flex-end;
flex-wrap: wrap;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.header-top-bar .header-right {
    justify-content: center;
    margin-top: 6px;
}
}
@media only screen and (max-width: 767px) {
.header-top-bar .header-right {
    justify-content: center;
    margin-top: 6px;
}
}
.header-top-bar .header-right .address-content {
display: flex;
align-items: center;
margin: 0 -10px;
}
.header-top-bar .header-right .address-content p {
margin-bottom: 0;
padding: 0 10px;
font-size: 14px;
position: relative;
display: flex;
align-items: center;
}
@media only screen and (max-width: 575px) {
.header-top-bar .header-right .address-content p {
    padding: 0 8px;
}
}
.header-top-bar .header-right .address-content p + p::before {
position: absolute;
content: "";
height: 20px;
width: 2px;
background: var(--color-border);
top: 50%;
transform: translateY(-50%);
left: -1px;
}
.header-top-bar .header-right .address-content p a {
transition: 0.3s;
}
.header-top-bar .header-right .address-content p i {
margin-right: 8px;
font-size: 16px;
}
.header-top-bar.with-border-bottom {
border-bottom: 1px solid var(--color-border);
}
/*------------------------------
    Popup Menu Styles  
--------------------------------*/
@media only screen and (min-width: 992px) {
.popup-mobile-menu {
    display: none;
}
}
.popup-mobile-menu {
z-index: 9999;
position: fixed;
content: "";
width: 100%;
height: 100%;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.8);
visibility: hidden;
opacity: 0;
transition: opacity 0.5s ease-out;
}
.popup-mobile-menu .inner {
width: 320px;
z-index: 999;
position: absolute;
background-color: var(--color-card);
height: 100%;
height: 100vh;
display: flex;
flex-direction: column;
opacity: 0;
left: -150px;
transition: all 0.5s ease-out;
}
.popup-mobile-menu .inner .header-top {
display: flex;
border-bottom: 1px solid var(--color-border);
align-items: center;
justify-content: space-between;
padding: 15px 20px;
}
.popup-mobile-menu .inner .header-top .logo a img {
max-height: 45px;
}
.popup-mobile-menu .inner .header-top .close-menu .close-button {
background: var(--color-primary);
border: 0 none;
color: var(--color-white);
width: 40px;
height: 40px;
font-size: 21px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%;
}
.popup-mobile-menu.active {
visibility: visible;
opacity: 1;
}
.popup-mobile-menu.active .inner {
opacity: 1;
left: 0;
overflow-y: auto;
}
.popup-mobile-menu .mainmenu {
list-style: none;
padding: 0;
margin: 0;
padding: 15px 20px;
}
.popup-mobile-menu .mainmenu li {
margin: 0;
}
.popup-mobile-menu .mainmenu li a {
padding: 8px 0;
display: block;
font-size: 16px;
font-weight: 500;
}
.popup-mobile-menu .mainmenu li a.active {
color: var(--color-primary);
}
.popup-mobile-menu .mainmenu li + li {
border-top: 1px solid var(--color-border);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.popup-mobile-menu .mainmenu li + li {
    border-top: none;
}
}
.popup-mobile-menu .mainmenu .has-droupdown .submenu {
padding: 0;
max-width: 100%;
list-style: none;
padding-left: 14px;
display: none;
}
.popup-mobile-menu .mainmenu .has-droupdown .submenu li a {
font-size: 15px;
}
.popup-mobile-menu .mainmenu .has-droupdown .submenu li a.active {
color: var(--color-primary);
}
.popup-mobile-menu .mainmenu .has-droupdown .has-third-lev > a {
position: relative;
}
.popup-mobile-menu .mainmenu .has-droupdown .has-third-lev > a::after {
position: absolute;
content: "\e9b1";
font-family: "feather";
right: 0;
top: 50%;
transform: translateY(-50%);
transition: 0.4s;
}
.popup-mobile-menu .mainmenu .has-droupdown .has-third-lev > a.open {
content: "\e996";
}
.popup-mobile-menu .mainmenu .has-menu-child-item > a {
position: relative;
}
.popup-mobile-menu .mainmenu .has-menu-child-item > a::after {
position: absolute;
content: "\e9b1";
font-family: "feather";
right: 0;
top: 50%;
transform: translateY(-50%);
transition: 0.4s;
}
.popup-mobile-menu .mainmenu .has-menu-child-item > a.open::after {
content: "\e996";
}
.popup-mobile-menu .mainmenu .tmp-megamenu {
padding: 0;
max-width: 100%;
list-style: none;
padding-left: 14px;
display: none;
}
@media only screen and (max-width: 991px) {
.popup-mobile-menu .mainmenu .tmp-megamenu {
    padding-left: 0;
}
}
@media only screen and (max-width: 991px) {
.popup-mobile-menu .mainmenu .tmp-megamenu .bg-content {
    display: none;
}
}
.popup-mobile-menu .mainmenu .mega-menu-item {
list-style: none;
padding: 0;
margin: 0;
padding-left: 0;
}
.popup-mobile-menu .mainmenu .mega-menu-item li a {
font-size: 15px;
}
.popup-mobile-menu .mainmenu .mega-menu-item li:last-child {
border-bottom: 1px solid var(--color-border);
}
.popup-mobile-menu .mainmenu .single-mega-item:last-child .mega-menu-item li:last-child {
border-bottom-color: transparent;
}

/*----------------------
    One Page Nav 
------------------------*/
@media (prefers-reduced-motion: no-preference) {
:root {
    scroll-behavior: auto;
}
}

/*------------------------
    Section Title Styles 
--------------------------*/
.section-title .subtitle {
font-size: 14px;
line-height: 15px;
font-weight: 500;
margin-bottom: 15px;
padding: 7px 12px;
border-radius: 4px;
display: inline-block;
background: var(--color-primary-opacity-1);
color: var(--color-primary-alt);
text-transform: uppercase;
position: relative;
}
.section-title .subtitle::before {
content: "";
pointer-events: none;
user-select: none;
position: absolute;
inset: 0px;
border-radius: inherit;
padding: 1px;
background: linear-gradient(55deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.05) 45%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.05) 55%, rgba(255, 255, 255, 0.05) 70%, rgba(255, 255, 255, 0.1) 75%, rgba(255, 255, 255, 0.05) 100%);
background-size: 400% 400%;
-webkit-mask: linear-gradient(black, black) content-box content-box, linear-gradient(black, black);
mask: linear-gradient(black, black) content-box content-box, linear-gradient(black, black);
-webkit-mask-composite: xor;
mask-composite: exclude;
animation: overlayAnimate 6s ease 10s infinite reverse;
}
.section-title .title {
margin-bottom: 0;
}
.section-title.text-center .description {
padding: 0 23%;
letter-spacing: -0.5px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.section-title.text-center .description {
    padding: 0 10%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.section-title.text-center .description {
    padding: 0;
}
}
@media only screen and (max-width: 767px) {
.section-title.text-center .description {
    padding: 0;
}
}
.section-title.text-center .description.has-medium-font-size {
padding: 0 23%;
letter-spacing: -0.5px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.section-title.text-center .description.has-medium-font-size {
    padding: 0 10%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.section-title.text-center .description.has-medium-font-size {
    padding: 0 10%;
}
}
@media only screen and (max-width: 767px) {
.section-title.text-center .description.has-medium-font-size {
    padding: 0;
}
}
.contact-form-1 .form-group {
display: block;
}

/*-------------------------------
    Modern Section Title  
-------------------------------*/
.line-separator {
position: relative;
background-image: linear-gradient(90deg, var(--color-primary), rgba(33, 38, 45, 0));
width: 50px;
height: 1px;
left: 0%;
top: 0%;
right: 0%;
bottom: auto;
}

.pres-line-separator-wrapper {
display: flex;
position: relative;
align-items: center;
margin: 0 -15px;
justify-content: center;
}
@media only screen and (max-width: 767px) {
.pres-line-separator-wrapper {
    flex-wrap: wrap;
    justify-content: center;
}
}
.pres-line-separator-wrapper.text-center .line-separator.line-left {
background-image: linear-gradient(-90deg, var(--color-primary), rgba(33, 38, 45, 0));
}
.pres-line-separator-wrapper.text-center .line-separator.line-right {
background-image: linear-gradient(90deg, var(--color-primary), rgba(33, 38, 45, 0));
}
@media only screen and (max-width: 767px) {
.pres-line-separator-wrapper .line-separator {
    display: none;
}
}

.tmp-section-title-border .subtitle {
display: flex;
color: var(--color-body);
font-size: 13px;
margin: 0;
text-transform: uppercase;
letter-spacing: 0.5px;
align-items: center;
padding: 0 15px;
}
@media only screen and (max-width: 767px) {
.tmp-section-title-border .subtitle {
    flex-wrap: wrap;
    justify-content: center;
}
}
.tmp-section-title-border .subtitle .subtitle-text {
color: var(--color-body);
font-weight: 700;
width: max-content;
}
.tmp-section-title-border .subtitle .number {
color: var(--color-body);
transition: 0.5s;
opacity: 0.6;
display: none;
}

.text-start .pres-line-separator-wrapper {
justify-content: start;
}

.tmp-short-title {
font-size: 12px;
padding-bottom: 14px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
opacity: 0.5;
margin-bottom: 6px;
border-bottom: 1px solid var(--color-border);
}

@keyframes overlayAnimate {
0% {
    background-position: 0% 0%;
}
100% {
    background-position: 100% 0%;
}
}

.tmp-btn,
.btn-default {
padding: 0 28px;
border-radius: 5px;
background: var(--color-primary);
transition-duration: 300ms;
color: var(--color-white);
font-size: 16px;
font-weight: 400;
text-align: center;
text-decoration: none;
text-shadow: var(--shadow-light);
display: flex;
height: 50px;
line-height: 49px;
letter-spacing: 0.5px;
width: max-content;
transition: 0.4s;
border: 0 none;
position: relative;
z-index: 1;
overflow: hidden;
transition: all 0.6s;
align-items: center;
justify-content: center;
}
@media only screen and (max-width: 767px) {
.tmp-btn,
.btn-default {
    padding: 0 16px;
    height: 42px;
    line-height: 42px;
}
}
.tmp-btn::after,
.btn-default::after {
position: absolute;
content: "";
width: 0%;
height: 100%;
left: 50%;
top: 50%;
background: var(--color-primary);
transform: translateX(-50%) translateY(-50%) rotate(0deg);
transition: all 0.6s;
opacity: 0.5;
z-index: -1;
content: "";
position: absolute;
-webkit-transition-duration: 800ms;
transition-duration: 800ms;
width: 200%;
height: 200%;
top: 110%;
left: 50%;
background: var(--color-primary);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
z-index: -1;
}
.tmp-btn i,
.btn-default i {
padding-left: 6px;
display: inline-block;
top: 2px;
position: relative;
font-size: 17px;
}
.tmp-btn.btn-small,
.btn-default.btn-small {
height: 44px;
line-height: 40px;
padding: 0 20px;
font-size: 14px;
font-weight: 500;
}
.tmp-btn.btn-border.btn-small,
.btn-default.btn-border.btn-small {
line-height: 36px;
}
.tmp-btn.btn-large,
.btn-default.btn-large {
height: 60px;
line-height: 59px;
padding: 0 37px;
font-size: 17px;
}
@media only screen and (max-width: 767px) {
.tmp-btn.btn-large,
.btn-default.btn-large {
    padding: 0 18px;
    font-size: 14px;
}
}
.tmp-btn.hover-icon-reverse .icon-reverse-wrapper,
.btn-default.hover-icon-reverse .icon-reverse-wrapper {
display: flex;
align-items: center;
justify-content: center;
}
.tmp-btn.hover-icon-reverse .btn-text,
.btn-default.hover-icon-reverse .btn-text {
display: inline-block;
transition: transform 0.6s 0.125s cubic-bezier(0.1, 0.75, 0.25, 1);
margin-inline-start: -23px;
}
.tmp-btn.hover-icon-reverse .btn-icon,
.btn-default.hover-icon-reverse .btn-icon {
display: inline-block;
transition: opacity 0.4s 0.25s, transform 0.6s 0.25s;
transition-timing-function: cubic-bezier(0.1, 0.75, 0.25, 1);
}
.tmp-btn.hover-icon-reverse .btn-icon + .btn-icon,
.btn-default.hover-icon-reverse .btn-icon + .btn-icon {
margin-inline-end: 0;
margin-inline-start: 8px;
display: inline-block;
margin-inline-start: 0;
margin-inline-end: 0;
opacity: 0;
transform: translateX(-10px);
transition-delay: 0s;
order: -2;
}
.tmp-btn.hover-icon-reverse .btn-icon + .btn-icon i,
.btn-default.hover-icon-reverse .btn-icon + .btn-icon i {
padding-left: 0;
padding-right: 6px;
}
.tmp-btn:hover,
.btn-default:hover {
background-color: var(--color-secondary);
color: var(--color-white);
transform: translate3d(0, -2px, 0);
box-shadow: var(--shadow-7);
background-color: transparent;
}
.tmp-btn:hover::after,
.btn-default:hover::after {
opacity: 1;
top: -30%;
}
.tmp-btn:hover.hover-icon-reverse .btn-text,
.btn-default:hover.hover-icon-reverse .btn-text {
transition-delay: 0.1s;
transform: translateX(23px);
}
.tmp-btn:hover.hover-icon-reverse .btn-icon,
.btn-default:hover.hover-icon-reverse .btn-icon {
opacity: 0;
transition-delay: 0s;
transform: translateX(10px);
}
.tmp-btn:hover.hover-icon-reverse .btn-icon + .btn-icon,
.btn-default:hover.hover-icon-reverse .btn-icon + .btn-icon {
opacity: 1;
transform: translateX(0);
transition-delay: 0.225s;
}
.tmp-btn:focus,
.btn-default:focus {
box-shadow: none;
border: none;
background-color: unset;
background: var(--color-primary);
}
.tmp-btn.btn-border,
.btn-default.btn-border {
background: transparent;
border-color: var(--color-border);
border-width: 2px;
border-style: solid;
}
.tmp-btn.btn-border:hover,
.btn-default.btn-border:hover {
background-color: var(--color-primary);
border-color: var(--color-primary);
}
.tmp-btn.round,
.btn-default.round {
border-radius: 4px;
}
.tmp-btn.rounded-player,
.btn-default.rounded-player {
border-radius: 100%;
width: 100px;
height: 100px;
padding: 0;
line-height: 100px;
display: inline-block;
position: relative;
}
@media only screen and (max-width: 767px) {
.tmp-btn.rounded-player,
.btn-default.rounded-player {
    width: 70px;
    height: 70px;
    line-height: 70px;
}
}
.tmp-btn.rounded-player span,
.btn-default.rounded-player span {
display: inline-block;
}
.tmp-btn.rounded-player span i,
.btn-default.rounded-player span i {
display: inline-block;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
font-size: 30px;
}
.tmp-btn.rounded-player:focus,
.btn-default.rounded-player:focus {
outline: none;
color: var(--color-white);
}
.tmp-btn.rounded-player:hover,
.btn-default.rounded-player:hover {
transform: scale(1.1);
background: var(--color-primary);
}

.btn-read-more span {
position: relative;
color: var(--color-heading);
display: inline-block;
line-height: 35px;
transition: 0.3s;
}
.btn-read-more span::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
height: 2px;
background-color: var(--color-border);
transition: 0.3s;
width: 100%;
bottom: 3px;
}
.btn-read-more span::before {
position: absolute;
content: "";
left: auto;
bottom: 3px;
background: var(--color-primary);
width: 0;
height: 2px;
transition: 0.3s;
right: 0;
}
.btn-read-more:hover span {
color: var(--color-primary);
}
.btn-read-more:hover span::before {
width: 100%;
left: 0;
right: auto;
}

.tmp-badge-card {
background-color: transparent;
background: transparent;
padding: 1px 8px;
border-radius: 100px;
color: #fff;
font-size: 12px;
font-weight: 500;
display: inline-block;
position: relative;
z-index: 2;
letter-spacing: 0.5px;
}
.tmp-badge-card::before {
background: var(--color-primary);
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
position: absolute;
z-index: -1;
border-radius: 100px;
}
.tmp-badge-card.success::before {
background: var(--color-success);
opacity: 1;
}

/*----------------------
    PRS Video Styles  
-----------------------*/
.mfp-bg {
z-index: 9999;
}

.mfp-wrap {
z-index: 9999;
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
opacity: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
opacity: 1;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
opacity: 0;
}

img.mfp-img {
padding-bottom: 0;
}

.mfp-bg {
background: rgba(0, 0, 0, 0.8);
opacity: 1;
backdrop-filter: blur(15px);
}

.mfp-iframe-scaler iframe {
border-radius: 10px;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
opacity: 1;
}

.mfp-iframe-holder .mfp-close,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
top: -60px;
right: -50px;
font-size: 30px;
font-weight: 400;
transition: 0.4s;
opacity: 1;
width: 50px;
height: 50px;
background: var(--heading-opacity);
text-align: center;
border-radius: 100%;
display: flex;
justify-content: center;
align-items: center;
padding: 0;
color: var(--color-white);
}

.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
top: -10px;
right: -50px;
}

.side-nav-opened body::before,
.close_side_menu,
.popup-mobile-menu,
.tmp-offcanvas-side-menu {
background: rgba(0, 0, 0, 0.8);
backdrop-filter: blur(15px);
}

@keyframes blinkHide {
0% {
    opacity: 0;
}
10% {
    opacity: 1;
}
}
@keyframes blinkShow {
0% {
    opacity: 1;
}
10% {
    opacity: 0;
}
}
@keyframes rotateIt {
to {
    transform: rotate(-360deg);
}
}
@keyframes flowtrightanim {
0% {
    left: -200%;
}
to {
    left: 200%;
}
}
@keyframes floating-points {
0% {
    transform: translateY(0);
}
85% {
    opacity: 0;
}
to {
    transform: translateY(-55px);
    opacity: 0;
}
}

/*--------------------
    Service Styles  
----------------------*/
.service.service__style--1 {
padding: 30px 26px;
transition: transform 0.65s cubic-bezier(0.05, 0.2, 0.1, 1), box-shadow 0.65s cubic-bezier(0.05, 0.2, 0.1, 1);
position: relative;
z-index: 2;
height: 100%;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
.service.service__style--1 {
    padding: 30px 28px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service.service__style--1 {
    padding: 30px 25px;
}
}
@media only screen and (max-width: 767px) {
.service.service__style--1 {
    padding: 30px 14px;
}
}
.service.service__style--1 .shape-service-1 {
position: absolute;
right: 15px;
top: 15px;
z-index: 1;
max-width: 150px;
margin: auto;
opacity: 0;
}
.service.service__style--1 .icon {
font-size: 45px;
font-weight: 400;
margin-bottom: 23px;
color: var(--color-primary);
text-align: center;
border-radius: 100%;
display: flex;
justify-content: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service.service__style--1 .icon {
    margin-bottom: 11px;
}
}
.service.service__style--1 .icon i {
stroke-width: 1;
font-size: 60px;
}
.service.service__style--1 .icon svg {
stroke-width: 2px;
width: 45px;
height: 45px;
}
.service.service__style--1 .icon img {
max-height: 60px;
}
.service.service__style--1 .content .title {
margin-bottom: 19px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service.service__style--1 .content .title {
    margin-bottom: 8px;
}
}
.service.service__style--1 .content .title a {
color: inherit;
}
.service.service__style--1 .content .title a:hover {
color: var(--color-primary);
}
.service.service__style--1 .content .discover-btn {
text-align: center;
display: flex;
justify-content: center;
}
.service.service__style--1:hover {
transform: translateY(-5px);
}
.service.service__style--1:hover .shape-service-1 {
opacity: 0.3;
}
.service.service__style--1:hover .shape-service-1 img {
animation: moveOut 0.4s linear;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
.service.service__style--1.text-left, .service.service__style--1.text-start {
    padding: 40px 30px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.service.service__style--1.text-left, .service.service__style--1.text-start {
    padding: 40px 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service.service__style--1.text-left, .service.service__style--1.text-start {
    padding: 40px 30px;
}
}
@media only screen and (max-width: 767px) {
.service.service__style--1.text-left, .service.service__style--1.text-start {
    padding: 30px 20px;
}
}
.service.service__style--1.text-left .icon, .service.service__style--1.text-start .icon {
justify-content: left;
}
.service.service__style--1.text-left .content .discover-btn, .service.service__style--1.text-start .content .discover-btn {
justify-content: flex-start;
}
.service.service__style--1.variation-2 {
padding-bottom: 0;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.service-wrapper > [class*=col]:nth-child(2) .service.service__style--1 .icon {
color: var(--color-secondary);
}
.service-wrapper > [class*=col]:nth-child(3) .service.service__style--1 .icon {
color: var(--color-tertiary);
}
.service-wrapper > [class*=col]:nth-child(4) .service.service__style--1 .icon {
color: var(--color-pink);
}
.service-wrapper > [class*=col]:nth-child(5) .service.service__style--1 .icon {
color: var(--color-primary);
}
.service-wrapper > [class*=col]:nth-child(6) .service.service__style--1 .icon {
color: var(--color-tertiary);
}
.sticky-top-service {
position: sticky;
top: 120px;
}
.service-feature-main-wrapper-splash {
position: relative;
perspective: 1200px;
border-radius: 6px;
height: 100%;
}
.service-feature-main-wrapper-splash .inner {
position: relative;
transition-property: box-shadow, transform;
transition-duration: 0.6s;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transform-style: preserve-3d;
height: 100%;
}
.service-feature-main-wrapper-splash .inner .front-service-feature {
transform-style: preserve-3d;
backface-visibility: hidden;
backface-visibility: hidden;
transition: 0.6s;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transform-style: preserve-3d;
height: 100%;
position: relative;
z-index: 1;
overflow: hidden;
}
.service-feature-main-wrapper-splash .inner .front-service-feature::after {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
right: -11px;
top: -114px;
transform: rotate(-45deg);
height: 291px;
width: 19px;
border: 10px solid var(--color-primary);
border-radius: 0;
z-index: 2;
background: var(--color-primary);
writing-mode: sideways-rl;
color: var(--color-white);
font-size: 22px;
line-height: 1;
font-weight: 600;
letter-spacing: 1px;
opacity: 1;
}
.service-feature-main-wrapper-splash .inner .back-service-feature {
height: 100%;
position: absolute;
top: 0;
left: 0;
transform: rotateY(180deg) translateZ(1px);
background: var(--color-primary);
width: 100%;
display: flex;
flex-direction: column;
align-items: baseline;
justify-content: space-between;
text-align: center;
border-radius: 6px;
text-align: left;
transform-style: preserve-3d;
backface-visibility: hidden;
backface-visibility: hidden;
transition: 0.6s;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transform-style: preserve-3d;
}
.service-feature-main-wrapper-splash .inner .back-service-feature .service-small-default {
display: flex;
align-items: center;
}
.service-feature-main-wrapper-splash:hover .inner {
transform: rotateY(180deg);
transform-origin: 50% 50%;
}
.service-feature-main-wrapper-splash:hover .inner .front-service-feature {
backface-visibility: inherit;
backface-visibility: inherit;
}
.service-layout-presentation-box {
padding: 80px;
background: var(--color-card);
border-radius: 8px;
}
@media only screen and (max-width: 1199px) {
.service-layout-presentation-box {
    padding: 50px;
}
}
@media only screen and (max-width: 991px) {
.service-layout-presentation-box {
    padding: 30px;
}
}
@media only screen and (max-width: 575px) {
.service-layout-presentation-box {
    padding: 20px;
}
}
.service-layout-presentation-box .advance-tab-button ul li {
display: block;
width: 100%;
}
.service-layout-presentation-box .advance-tab-button ul li .tab-button {
padding: 23px 27px;
background: rgba(0, 0, 0, 0.18);
}
@media only screen and (max-width: 575px) {
.service-layout-presentation-box .advance-tab-button ul li .tab-button {
    padding: 10px 27px;
}
}
.service-layout-presentation-box .advance-tab-button ul li .tab-button .tab {
display: flex;
align-items: flex-start;
gap: 15px;
}
@media only screen and (max-width: 479px) {
.service-layout-presentation-box .advance-tab-button ul li .tab-button .tab {
    flex-direction: column;
    gap: 10px;
}
}
.service-layout-presentation-box .advance-tab-button ul li .tab-button .tab span {
font-size: 20px;
height: 45px;
min-width: 45px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: transparent;
border: 1px solid var(--color-border);
color: var(--color-white);
font-weight: 700;
}
.service-layout-presentation-box .advance-tab-button ul li .tab-button .tab .inner p {
margin-bottom: 0;
margin-top: 10px;
}
.service-layout-presentation-box .advance-tab-button ul li .tab-button .title {
font-size: 26px;
margin-bottom: 0;
color: #fff;
}
@media only screen and (max-width: 575px) {
.service-layout-presentation-box .advance-tab-button ul li .tab-button .title {
    font-size: 18px;
}
}
.service-layout-presentation-box .advance-tab-button ul li .tab-button::after {
content: "";
position: absolute;
top: 50%;
left: 100%;
border-left: 12px solid var(--color-primary);
border-top: 12px solid transparent;
border-bottom: 12px solid transparent;
margin-top: -12px;
display: none;
}
.service-layout-presentation-box .advance-tab-button ul li .tab-button::before {
position: absolute;
content: "";
background: var(--color-primary);
width: 0%;
height: 100%;
left: 0;
top: 0;
transition: 0.3s;
opacity: 0;
transform: scale(0.9);
z-index: -1;
border-radius: 7px;
box-shadow: var(--shadow-1);
}
.service-layout-presentation-box .advance-tab-button ul li .tab-button.active::before {
opacity: 1;
width: 100%;
transition: width 4.5s ease-in-out;
}

/*----------------------
    Card Styles  
-------------------------*/
.card-box.card-style-1 {
box-shadow: var(--shadow-lighter);
background-color: var(--color-card);
padding: 20px;
border-radius: 5px;
margin-top: 30px;
transition: 0.3s;
margin-top: 0;
}
.card-box.card-style-1:hover {
transform: translateY(-5px);
}
.card-box .inner .image a img {
border-radius: 5px;
width: 100%;
}
.card-box .inner .content {
padding-top: 20px;
}
.card-box .inner .content .title {
font-size: 18px;
font-weight: 500;
margin-bottom: 14px;
}
.card-box .inner .content .title a {
color: inherit;
}
.card-box .inner .content .title a:hover {
color: var(--color-primary);
}
.card-box .inner .content .description {
margin-bottom: 0;
}
.card-box .inner .content .tmp-btn {
margin-top: 20px;
}
.counter-style-1 .title {
font-size: 20px;
line-height: 1.3em;
font-weight: 500;
margin-top: 0;
margin-bottom: 0;
}

.counter-style-2 {
margin-top: 30px;
}
.counter-style-2 .title {
font-size: 20px;
line-height: 1.3em;
font-weight: 500;
margin-top: 0;
margin-bottom: 10px;
}
.counter-style-2 .description {
line-height: 1.8;
padding-right: 16%;
margin: 0;
}
.counter-style-2.text-center .description {
padding: 0 10%;
}

/*------------------------------
    Counterup Style Four  
-------------------------------*/
.counter-style-4 {
margin-top: 30px;
border: 1px dashed var(--color-border-3);
height: 250px;
width: 350px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
margin: -25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.counter-style-4 {
    height: 200px;
    width: 200px;
    margin: 0px auto;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.counter-style-4 {
    height: 200px;
    width: 200px;
    margin: 0px auto;
}
}
@media only screen and (max-width: 767px) {
.counter-style-4 {
    height: 200px;
    width: 200px;
    margin: 0px auto;
}
}
.counter-style-4 .counter-title {
margin-top: 22px;
font-weight: 400;
font-size: 24px;
color: var(--color-body);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.counter-style-4 .counter-title {
    font-size: 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.counter-style-4 .counter-title {
    font-size: 15px;
}
}
@media only screen and (max-width: 767px) {
.counter-style-4 .counter-title {
    font-size: 15px;
}
}
/*-----------------------
    Social Icons 
-------------------------*/
.social-default {
display: flex;
flex-wrap: wrap;
padding: 0;
margin: 0;
list-style: none;
justify-content: center;
margin: -8px;
}
.social-default li {
margin: 5px;
}
.social-default li a {
width: 48px;
background-color: var(--color-lessdark);
height: 48px;
line-height: 43px;
text-align: center;
display: inline-block;
border-radius: 100%;
transition: 0.3s;
color: var(--color-white);
z-index: 2;
position: relative;
}
.social-default li a::after {
position: absolute;
content: "";
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
background: var(--color-primary);
transform: scale(0.5);
opacity: 0;
transition: 0.3s;
border-radius: 100%;
}
.social-default li a:hover {
color: var(--color-white);
}
.social-default li a:hover::after {
transform: scale(1);
opacity: 1;
}
.social-default li a i {
vertical-align: middle;
}

.team-wrapper5 {
background: var(--color-card);
border-radius: 6px;
box-shadow: 0px 4px 44px rgba(0, 0, 0, 0.07);
transition: var(--transition);
position: relative;
z-index: 1;
}
.team-wrapper5 .designation {
margin-bottom: 0;
}
.team-wrapper5:hover .content-area .share {
background: var(--color-primary);
color: var(--color-white);
}
.team-wrapper5:hover .social-wrapper {
opacity: 1;
transform: translateY(0);
}
.team-wrapper5 .image-area {
background: var(--color-border-3);
height: 344px;
clip-path: polygon(1.266% 2.801%, 1.266% 2.801%, 1.291% 2.529%, 1.363% 2.27%, 1.478% 2.029%, 1.632% 1.809%, 1.822% 1.613%, 2.043% 1.445%, 2.292% 1.308%, 2.564% 1.206%, 2.857% 1.142%, 3.165% 1.12%, 96.835% 1.12%, 96.835% 1.12%, 97.143% 1.142%, 97.436% 1.206%, 97.708% 1.308%, 97.957% 1.445%, 98.178% 1.613%, 98.368% 1.809%, 98.522% 2.029%, 98.637% 2.27%, 98.709% 2.529%, 98.734% 2.801%, 98.734% 96.957%, 98.734% 96.957%, 98.705% 97.255%, 98.62% 97.534%, 98.485% 97.791%, 98.305% 98.022%, 98.085% 98.223%, 97.832% 98.388%, 97.549% 98.515%, 97.243% 98.6%, 96.919% 98.637%, 96.582% 98.623%, 2.911% 87.451%, 2.911% 87.451%, 2.636% 87.4%, 2.378% 87.316%, 2.14% 87.201%, 1.925% 87.059%, 1.735% 86.892%, 1.574% 86.703%, 1.443% 86.495%, 1.346% 86.271%, 1.286% 86.034%, 1.266% 85.785%, 1.266% 2.801%);
}
@media only screen and (max-width: 767px) {
.team-wrapper5 .image-area {
    height: 425px;
}
}
.team-wrapper5 .image-area a {
display: block;
height: 334px;
clip-path: polygon(0% 1.796%, 0% 1.796%, 0.025% 1.505%, 0.099% 1.229%, 0.217% 0.971%, 0.376% 0.735%, 0.571% 0.526%, 0.798% 0.347%, 1.053% 0.201%, 1.332% 0.092%, 1.632% 0.024%, 1.948% 0%, 98.052% 0%, 98.052% 0%, 98.368% 0.024%, 98.668% 0.092%, 98.947% 0.201%, 99.202% 0.347%, 99.429% 0.526%, 99.624% 0.735%, 99.783% 0.971%, 99.901% 1.229%, 99.975% 1.505%, 100% 1.796%, 100% 97.935%, 100% 97.935%, 99.97% 98.254%, 99.882% 98.554%, 99.742% 98.829%, 99.557% 99.076%, 99.331% 99.291%, 99.069% 99.468%, 98.778% 99.603%, 98.463% 99.692%, 98.129% 99.731%, 97.782% 99.715%, 1.679% 87.342%, 1.679% 87.342%, 1.398% 87.286%, 1.135% 87.195%, 0.892% 87.072%, 0.672% 86.92%, 0.478% 86.742%, 0.314% 86.54%, 0.181% 86.319%, 0.082% 86.08%, 0.021% 85.827%, 0% 85.563%, 0% 1.796%);
}
@media only screen and (max-width: 767px) {
.team-wrapper5 .image-area a {
    height: 405px;
}
}
.team-wrapper5 .content-area {
display: flex;
justify-content: space-between;
padding: 25px 30px;
align-items: center;
}
.team-wrapper5 .content-area .left h6 {
margin-bottom: 5px;
font-size: 22px;
color: var(--color-heading);
}
.team-wrapper5 .content-area .share {
display: block;
background: transparent;
border: 1px solid var(--color-border);
border-radius: 50%;
width: 50px;
height: 50px;
line-height: 50px;
color: var(--color-primary);
text-align: center;
font-size: 20px;
}
.team-wrapper5 .social-wrapper {
position: absolute;
z-index: 4;
bottom: 31%;
right: 30px;
opacity: 0;
transition: var(--transition);
transform: translateY(100px);
}
.team-wrapper5 .social-wrapper ul {
display: flex;
flex-direction: column;
gap: 10px;
list-style: none;
padding: 0;
margin: 0;
}
.team-wrapper5 .social-wrapper ul li {
margin: 0;
}
.team-wrapper5 .social-wrapper ul li a {
display: block;
width: 50px;
height: 50px;
line-height: 50px;
background: var(--color-card);
border-radius: 50%;
text-align: center;
color: var(--color-heading);
font-size: 20px;
transition: 0.3s;
}
.team-wrapper5 .social-wrapper ul li a i {
color: var(--color-white);
transition: 0.3s;
}
.team-wrapper5 .social-wrapper ul li a:hover {
background: var(--color-primary);
color: var(--color-white);
}
.team-wrapper5 .social-wrapper ul li a:hover i {
color: var(--color-white);
}
.tmp-card {
overflow: hidden;
}
.tmp-card .inner .thumbnail {
position: relative;
}
.tmp-card .inner .thumbnail .video-icon {
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
position: absolute;
border-radius: 50%;
}
.tmp-card .inner .thumbnail .video-icon .tmp-btn {
border-radius: 50%;
}
.tmp-card .inner .thumbnail .video-icon .tmp-btn.btn-small {
width: 85px;
height: 85px;
}
.tmp-card .inner .thumbnail .video-icon .tmp-btn.btn-small span i {
font-size: 26px;
}
.tmp-card .inner .content {
padding-top: 20px;
}
.tmp-card .inner .content .subtitle {
text-transform: capitalize;
}
.tmp-card:hover {
transform: translateY(-4px);
}

/*--------------------------------
    Portfolio Read More Icon  
---------------------------------*/
.tmp-load-more a.tmp-btn.btn-icon .icon,
.tmp-load-more button.tmp-btn.btn-icon .icon {
top: 0px;
margin-left: -2px;
}
.tmp-load-more a.tmp-btn.btn-icon .icon svg,
.tmp-load-more button.tmp-btn.btn-icon .icon svg {
width: 14px;
height: 20px;
}
.no-gutter .tmp-card .inner .thumbnail a img,
.no-gutter .tmp-card .inner .thumbnail a {
border-radius: 0;
}

.no-gutter .tmp-card:hover {
transform: none;
}
@keyframes arrowUpDown {
0% {
    transform: translate(0);
}
40% {
    opacity: 0;
    transform: translate(17px, -20px);
}
60% {
    opacity: 0;
    transform: translate(-19px, 18px);
}
100% {
    opacity: 1;
    transform: translate(0);
}
}
.slick-initialized .slick-slide {
margin-bottom: 0;
}

.slick-grid-15 {
margin: 0 -15px;
}

/*----------------------
    Slick Dots  
------------------------*/
.tmp-slick-dot .slick-dots {
bottom: -60px;
}
@media only screen and (max-width: 575px) {
.tmp-slick-dot .slick-dots {
    bottom: -50px;
}
}
.tmp-slick-dot .slick-dots li {
width: 30px;
margin: 0;
opacity: 1;
position: relative;
}
.tmp-slick-dot .slick-dots li button::before {
display: none;
}
.tmp-slick-dot .slick-dots li button::after {
background: var(--color-border);
width: 100%;
display: block;
content: "";
position: absolute;
left: 0;
width: 10px;
height: 10px;
border-radius: 50%;
margin-left: 11px;
background-color: transparent;
box-shadow: inset 0 0 0 7px var(--color-border);
}
.tmp-slick-dot .slick-dots li.slick-active {
opacity: 1;
}
.tmp-slick-dot .slick-dots li.slick-active button::after {
-webkit-transform: scale(2);
transform: scale(2);
box-shadow: inset 0 0 0 1px var(--color-primary);
background-color: transparent;
background-color: transparent;
}

/*----------------------
    Slick Arrow  
------------------------*/
.tmp-slick-arrow {
position: relative;
}
.tmp-slick-arrow button.slick-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 2;
transition: 0.5s;
opacity: 0;
width: 68px;
height: 68px;
border: 2px solid var(--color-border);
border-radius: 100%;
color: var(--color-border);
background-color: transparent;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tmp-slick-arrow button.slick-arrow {
    display: none;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tmp-slick-arrow button.slick-arrow {
    display: none;
}
}
@media only screen and (max-width: 767px) {
.tmp-slick-arrow button.slick-arrow {
    display: none;
}
}
.tmp-slick-arrow button.slick-arrow:hover {
background: var(--color-primary);
border-color: var(--color-primary);
transform: translateY(-50%) scale(1.2);
}
.tmp-slick-arrow button.slick-arrow::before {
line-height: 1;
opacity: 0.4;
position: relative;
top: -2px;
transition: 0.5s;
z-index: 2;
}
.tmp-slick-arrow button.slick-arrow.prev-arrow {
left: 50px;
}
@media only screen and (max-width: 767px) {
.tmp-slick-arrow button.slick-arrow.prev-arrow {
    left: 10px;
}
}
.tmp-slick-arrow button.slick-arrow.prev-arrow::before {
content: url(../images/slick-arrow-left-small.png);
vertical-align: middle;
}
.tmp-slick-arrow button.slick-arrow.prev-arrow:hover {
left: 40px;
}
.tmp-slick-arrow button.slick-arrow.prev-arrow:hover::before {
opacity: 1;
}
.tmp-slick-arrow button.slick-arrow.next-arrow {
left: auto;
right: 50px;
}
@media only screen and (max-width: 767px) {
.tmp-slick-arrow button.slick-arrow.next-arrow {
    right: 10px;
}
}
.tmp-slick-arrow button.slick-arrow.next-arrow::before {
content: url(../images/slick-arrow-right-small.png);
vertical-align: middle;
}
.tmp-slick-arrow button.slick-arrow.next-arrow:hover {
right: 40px;
}
.tmp-slick-arrow button.slick-arrow.next-arrow:hover::before {
opacity: 1;
}
.tmp-slick-arrow button.slick-arrow i {
display: none;
}
.tmp-slick-arrow.slick-arrow-alignwide button.slick-arrow.prev-arrow {
left: -105px;
}
.tmp-slick-arrow.slick-arrow-alignwide button.slick-arrow.next-arrow {
right: -105px;
left: auto;
}
.tmp-slick-arrow:hover button.slick-arrow {
opacity: 1;
}

.tmp-slick-arrow-white.tmp-slick-arrow button.slick-arrow {
color: var(--heading-opacity-2);
border-color: var(--heading-opacity-2);
}
@-webkit-keyframes radialanimation {
0% {
    opacity: 1;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(0.1);
    transform: translate3d(-50%, -50%, 0) scale(0.1);
}
to {
    opacity: 0;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
    transform: translate3d(-50%, -50%, 0) scale(1);
}
}
@keyframes radialanimation {
0% {
    opacity: 1;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(0.1);
    transform: translate3d(-50%, -50%, 0) scale(0.1);
}
to {
    opacity: 0;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
    transform: translate3d(-50%, -50%, 0) scale(1);
}
}
.images-left-right-float {
right: -110px;
}
@media only screen and (max-width: 575px) {
.images-left-right-float {
    right: -223px;
}
}

/*----------------------------
    Video Popup Styles  
------------------------------*/
.video-popup,
.tmp-gallery {
position: relative;
display: block;
}
.video-popup .thumbnail img,
.tmp-gallery .thumbnail img {
width: 100%;
}
.video-popup .video-icon,
.tmp-gallery .video-icon {
position: absolute;
content: "";
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
margin-top: 10px;
transition: 0.4s;
}
/*==========================
    Contact Address 
============================*/
.contact-form-1 .form-group input {
height: 70px;
padding: 0 20px;
}
.contact-form-1 .form-group textarea {
padding-top: 20px;
padding-left: 20px;
}
.appoiment-left-area-thumbnail img {
border-radius: 10px;
}

.appoinment-form-wrapper {
padding: 30px;
background: var(--color-card);
border-radius: 10px;
height: 100%;
}
@media only screen and (max-width: 575px) {
.appoinment-form-wrapper {
    padding: 15px;
}
}
.appoinment-form-wrapper .form-group-wrapper {
display: flex;
align-items: center;
gap: 25px;
}
@media only screen and (max-width: 575px) {
.appoinment-form-wrapper .form-group-wrapper {
    flex-direction: column;
    gap: 0;
}
}
.appoinment-form-wrapper .form-group-wrapper .form-group {
width: 100%;
}
.brand-list .slick-track {
display: flex;
align-items: center;
}

.brand-style-1 {
padding: 0;
margin: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.brand-style-1 li {
flex-basis: 25%;
border-width: 1px 1px 1px 1px;
border-style: solid;
margin: 0px 0px -2px -2px;
border-color: var(--color-border);
padding: 40px 0 40px 0;
text-align: center;
}
@media only screen and (max-width: 575px) {
.brand-style-1 li {
    flex-basis: 33.33%;
}
}
@media only screen and (max-width: 479px) {
.brand-style-1 li {
    flex-basis: 50%;
}
}
.brand-style-1 li a {
display: block;
}
.brand-style-1 li a img {
opacity: 1;
transition: 0.4s;
max-width: 120px;
}
.brand-style-1 li:hover a img {
opacity: 1;
transform: scale(1.1);
}
.advance-tab-button-1 .tab-button-list {
list-style: none;
padding: 0;
margin: -10px 0;
}
.advance-tab-button-1 .tab-button-list li {
margin: 10px 0;
}
.advance-tab-button-1 .tab-button-list .tab-button {
cursor: pointer;
padding: 47px 27px;
border-radius: 10px;
position: relative;
z-index: 2;
background-color: transparent;
border: 0 none;
margin: 0;
}
.advance-tab-button-1 .tab-button-list .tab-button::before {
position: absolute;
content: "";
background: var(--color-blackest);
width: 100%;
height: 100%;
left: 0;
top: 0;
transition: 0.3s;
opacity: 0;
transform: scale(0.9);
z-index: -1;
border-radius: 7px;
}
.advance-tab-button-1 .tab-button-list .tab-button:hover::before {
opacity: 1;
transform: scale(1);
}
.advance-tab-button-1 .tab-button-list .tab-button::after {
content: "";
position: absolute;
top: 50%;
left: 100%;
border-left: 20px solid var(--color-blackest);
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
margin-top: -20px;
opacity: 0;
transition: 0.3s;
transform: scale(0.9);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.advance-tab-button-1 .tab-button-list .tab-button::after {
    display: none;
}
}
@media only screen and (max-width: 767px) {
.advance-tab-button-1 .tab-button-list .tab-button::after {
    display: none;
}
}
.advance-tab-button-1 .tab-button-list .tab-button .title {
color: var(--color-body);
font-size: 20px;
margin-bottom: 10px;
transition: 0.3s;
}
.advance-tab-button-1 .tab-button-list .tab-button .description {
margin-bottom: 0;
transition: 0.3s;
}
.advance-tab-button-1 .tab-button-list .tab-button.tab-with-icon {
padding: 25px;
border: 1px solid var(--color-card);
}
.advance-tab-button-1 .tab-button-list .tab-button.tab-with-icon .tab {
display: flex;
height: 100%;
}
@media only screen and (max-width: 575px) {
.advance-tab-button-1 .tab-button-list .tab-button.tab-with-icon .tab {
    height: auto;
    text-align: left;
    display: block;
}
}
.advance-tab-button-1 .tab-button-list .tab-button.tab-with-icon .tab .icon {
display: flex;
width: 60px;
border-radius: 5px;
background: var(--color-primary-darker);
color: var(--color-primary);
text-align: center;
font-size: 20px;
justify-content: center;
align-items: center;
min-height: 100%;
min-width: 60px;
}
@media only screen and (max-width: 575px) {
.advance-tab-button-1 .tab-button-list .tab-button.tab-with-icon .tab .icon {
    width: 60px;
    height: 60px;
    min-width: 60px;
    margin-bottom: 10px;
}
}
.advance-tab-button-1 .tab-button-list .tab-button.tab-with-icon .tab .content {
padding-right: 24px;
padding-left: 24px;
}
@media only screen and (max-width: 575px) {
.advance-tab-button-1 .tab-button-list .tab-button.tab-with-icon .tab .content {
    padding: 0;
}
}
.advance-tab-button-1 .tab-button-list .tab-button.tab-with-icon .tab .content .description {
font-size: var(--font-size-b3);
}
.advance-tab-button-1 .tab-button-list .tab-button.tab-with-icon.active {
border: 1px solid transparent;
}
.advance-tab-button-1 .tab-button-list .tab-button.active .title {
color: var(--color-white);
}
.advance-tab-button-1 .tab-button-list .tab-button.active::before {
opacity: 1;
transform: scale(1);
}
.advance-tab-button-1 .tab-button-list .tab-button.active::after {
opacity: 1;
transform: scale(1);
}

.nav-tabs {
border-bottom: 0;
}

.advance-tab-content-1 .thumbnail img {
border-radius: 10px;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active,
.nav-tabs .nav-link:focus {
color: #495057;
background: transparent;
border: 0 none;
box-shadow: none;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
border-color: transparent;
}

.advance-tab-button-1 .tab-button-list .tab-button:focus {
outline: none;
border: 0 none;
box-shadow: none;
}
iframe {
border-radius: 10px;
}
.show-on-scroll {
opacity: 0;
}

.show-on-scroll.show {
opacity: 1;
}

.show-on-scroll.hide {
opacity: 0;
}

.scrollbar-v {
background: var(--color-primary);
position: fixed;
top: calc(50% + 60px);
right: 60px;
width: 2px;
transition: all linear 0.1s;
min-height: 0%;
z-index: 996;
cursor: pointer;
}
@media only screen and (max-width: 767px) {
.scrollbar-v {
    right: 30px;
}
}

.scrollbar-v:before {
content: "";
position: absolute;
left: 0;
width: 2px;
min-height: 100px;
background: rgba(255, 255, 255, 0.15);
}

.scrollbar-v::after {
content: "";
position: absolute;
left: -13px;
width: 25px;
min-height: 100px;
background: transparent;
}

.float-text {
width: 20px;
position: fixed;
z-index: 995;
margin-left: 30px;
text-align: center;
font-size: 12px;
top: 50%;
right: 38px;
transform: translate(-50%, -50%);
font-weight: 500;
}
@media only screen and (max-width: 767px) {
.float-text {
    right: 8px;
}
}

.float-text a {
color: #fff;
}

.float-text span {
margin-left: -5px;
margin-top: 20px;
writing-mode: vertical-rl;
letter-spacing: 0.75px;
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
color: #222;
}

.show-on-scroll span a {
padding: 9px 5px;
border-radius: 20px;
background: var(--color-card);
color: var(--color-white);
box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 24px;
}
.about-relative-thumb .absolute-rating-area {
position: absolute;
left: -10%;
padding: 20px 32px;
background: var(--color-card);
border-radius: 6px;
bottom: 9%;
text-align: left;
display: flex;
flex-direction: column;
justify-content: flex-start;
right: auto;
border: 1px solid var(--color-border);
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
.about-relative-thumb .absolute-rating-area {
    left: 7%;
}
}
@media only screen and (max-width: 1199px) {
.about-relative-thumb .absolute-rating-area {
    left: 15%;
}
}
@media only screen and (max-width: 991px) {
.about-relative-thumb .absolute-rating-area {
    left: 50%;
}
}
@media only screen and (max-width: 767px) {
.about-relative-thumb .absolute-rating-area {
    left: 15%;
}
}
@media only screen and (max-width: 575px) {
.about-relative-thumb .absolute-rating-area {
    padding: 5px 16px;
    bottom: 10px;
}
}
.about-relative-thumb .absolute-rating-area img {
margin-bottom: 15px;
}
.about-relative-thumb .absolute-rating-area .profile-share a img {
max-width: 45px;
}
.about-relative-thumb .absolute-rating-area p {
font-size: 18px;
color: var(--color-white);
font-weight: 500;
margin-bottom: 0;
}

.sticky-about-top {
position: sticky;
top: 60px;
}
@media only screen and (max-width: 1199px) {
.sticky-about-top {
    position: relative;
    top: 0;
}
}

.why-choose-feature {
display: flex;
align-items: center;
gap: 24px;
padding-bottom: 40px;
max-width: 75%;
flex-wrap: wrap;
}
@media (max-width: 576px) {
.why-choose-feature {
    max-width: 100%;
    flex-direction: column;
    align-items: flex-start;
}
}
.why-choose-feature .single {
padding: 14px 18px;
background: var(--color-card);
border: 1px solid var(--color-border);
box-shadow: 0px 9px 18px rgba(24, 16, 16, 0.05);
border-radius: 6px;
display: flex;
align-items: center;
gap: 10px;
}
.why-choose-feature .single p {
font-weight: 500;
font-size: 18px;
margin: 0;
}
.gsap-marker-scroller-start,
.gsap-marker-scroller-end,
.gsap-marker-start {
display: none;
}

/*----------------------
tool tip 
------------------------*/
.profile-share {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.profile-share a {
position: relative;
z-index: 1;
transition: var(--transition);
}
.profile-share a + a {
margin-left: -12px;
}
.profile-share a img {
max-width: 60px;
border-radius: 50%;
border: 3px solid var(--color-border);
transition: var(--transition);
box-shadow: var(--shadow-1);
}
.profile-share a.more-author-text {
color: var(--color-body);
display: inline-block;
padding-left: 7px;
}
.profile-share a.more-author-text:hover {
transform: none;
color: var(--color-primary);
}
.profile-share a:hover {
z-index: 2;
transform: translateY(-3px) scale(1.1);
}
.profile-share .more-author-text {
margin: 10px;
margin-left: 20px;
position: relative;
z-index: 10;
}
.profile-share .more-author-text .subtitle {
font-size: 16px;
letter-spacing: -0.5px;
margin-bottom: 0;
}

.avatar {
position: relative;
}
.avatar::after, .avatar::before {
--scale: 0;
--arrow-size: 8px;
position: absolute;
top: -5px;
left: 50%;
transform: translateX(-50%) translateY(var(--translate-y, 0)) scale(var(--scale));
transition: 150ms transform;
transform-origin: bottom center;
}
.avatar::before {
--translate-y: calc(-100% - var(--arrow-size));
content: attr(data-tooltip);
color: var(--color-white);
padding: 5px 8px;
background: var(--color-primary);
width: max-content;
border-radius: 5px;
text-align: center;
font-size: 12px;
margin: 1px;
}
.avatar::after {
--translate-y: calc(-1 * var(--arrow-size));
content: "";
border: var(--arrow-size) solid transparent;
border-top-color: var(--color-primary);
}
.avatar:hover::before, .avatar:hover::after {
--scale: 1;
}

.tmp-search-input-area.show {
visibility: visible;
transform: inherit;
opacity: 1;
transform: scaleY(1);
clip: rect(0px, 100vw, 200vh, -30px);
transition: clip 0.6s linear, opacity 0.4s linear;
}

.tmp-search-input-area {
transition: all 300ms ease;
visibility: hidden;
transform: translateY(-100%);
opacity: 0;
position: fixed;
top: 0;
left: 0;
width: 100%;
padding: 50px 0 90px 0;
background: #121214;
box-shadow: 1px 1px 50px rgba(0, 0, 0, 0.46);
z-index: 9999;
display: flex;
justify-content: center;
align-items: center;
transform-origin: 0 0;
transform: scaleY(0);
z-index: 1000;
overflow: hidden;
display: block;
transform: scaleY(0);
clip: rect(0px, 200vw, 0, 0px);
transform: translateZ(0);
}
.tmp-search-input-area .bg-text {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: -20px;
line-height: 1;
font-size: 230px;
text-transform: uppercase;
font-weight: 800;
z-index: -1;
letter-spacing: 0px;
opacity: 0.6;
background: linear-gradient(rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.02));
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.tmp-search-input-area::after {
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background-image: url(../images/icons/noise.gif);
z-index: -1;
background-color: #121214;
opacity: 0.03;
}
@media only screen and (max-width: 479px) {
.tmp-search-input-area {
    padding: 20px 0;
}
}
.tmp-search-input-area .card-box .inner .content .title {
font-size: 16px;
}
.tmp-search-input-area .popular-keyword {
display: flex;
align-items: center;
gap: 14px;
margin-top: 25px;
}
@media only screen and (max-width: 767px) {
.tmp-search-input-area .popular-keyword {
    flex-wrap: wrap;
}
}
.tmp-search-input-area .popular-keyword .title {
margin: 0;
font-weight: 400;
font-size: 18px;
}
.tmp-search-input-area .popular-keyword .tag-wrapper {
display: flex;
align-items: center;
gap: 12px;
}
@media only screen and (max-width: 767px) {
.tmp-search-input-area .popular-keyword .tag-wrapper {
    flex-wrap: wrap;
}
}
.tmp-search-input-area .search-input-inner {
margin: auto;
}
@media only screen and (max-width: 1199px) {
.tmp-search-input-area .search-input-inner {
    overflow-y: scroll;
    max-height: 90vh;
    overflow-x: hidden;
}
.tmp-search-input-area .search-input-inner::-webkit-scrollbar {
    display: none;
}
}
@media only screen and (max-width: 991px) {
.tmp-search-input-area .search-input-inner {
    max-width: 80%;
}
}
@media only screen and (max-width: 767px) {
.tmp-search-input-area .search-input-inner {
    padding-top: 50px;
    max-width: 100%;
}
}
@media only screen and (max-width: 479px) {
.tmp-search-input-area .search-input-inner {
    max-width: 95%;
}
}
.tmp-search-input-area .search-input-inner .input-div {
width: 100%;
display: flex;
align-items: center;
margin: auto;
border-radius: 6px;
}
.tmp-search-input-area .search-input-inner .input-div input {
border-radius: 5px;
height: 55px;
color: var(--color-white);
}
.tmp-search-input-area .search-input-inner .input-div button {
max-width: max-content;
padding: 13px;
background: var(--color-primary);
display: flex;
color: #fff;
align-items: center;
justify-content: center;
display: block;
margin-left: -9px;
border-radius: 0 5px 5px 0;
height: 55px;
min-width: 55px;
border: none;
box-shadow: none;
}
.tmp-search-input-area .search-input-inner .input-div button img {
max-width: 26px;
}
.tmp-search-input-area .search-close-icon {
cursor: pointer;
position: absolute;
right: 30px;
top: 30px;
max-width: 50px;
padding: 15px;
background: var(--color-card);
height: 55px;
min-width: 55px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.tmp-search-input-area .search-close-icon::after {
border-radius: 50%;
}
@media only screen and (max-width: 1199px) {
.tmp-search-input-area .search-close-icon {
    height: 45px;
    min-width: 45px;
}
}
@media only screen and (max-width: 767px) {
.tmp-search-input-area .search-close-icon {
    right: 15px;
    top: 15px;
}
}
.tmp-search-input-area .search-close-icon img {
max-width: 16px;
}
.tmp-search-input-area .search-close-icon i {
position: relative;
z-index: 1;
color: var(--color-primary);
transition: 0.3s;
font-size: 18px;
}
.tmp-search-input-area .search-close-icon i::after {
position: absolute;
height: 45px;
width: 45px;
content: "";
border-radius: 5px;
background: var(--color-primary-alta);
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: -1;
transition: 0.3s;
}
.tmp-search-input-area .search-close-icon:hover i {
color: var(--color-primary);
}
.tmp-search-input-area .search-close-icon:hover i::after {
background: var(--color-primary-alta);
}

#anywhere-home {
cursor: url(../images/icons/close.png), auto;
background: #0e1013;
position: fixed;
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
transition: opacity 500ms ease-in-out;
pointer-events: none;
z-index: 50;
}
#anywhere-home.bgshow {
background: #0e1013;
opacity: 70%;
visibility: visible;
pointer-events: visible;
z-index: 1000;
top: 0;
}
@keyframes tmpTestimonialAnimation {
from {
    transform: translateY(0);
}
to {
    transform: translateY(-50%);
}
}
@keyframes scroll {
0% {
    transform: translateX(0);
}
to {
    transform: translateX(-1750px);
}
}
@keyframes animStar {
from {
    transform: translateY(0px);
}
to {
    transform: translateY(-2000px);
}
}
.loaded {
display: none;
}

#inverweb-load {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #111111;
z-index: 999999;
}
#inverweb-load .loader {
position: absolute;
transform: rotateZ(45deg) translate(-50%, -50%);
perspective: 1000px;
border-radius: 50%;
width: 48px;
height: 48px;
color: #fff;
left: 48%;
top: 50%;
}
#inverweb-load .loader:before,
#inverweb-load .loader:after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: inherit;
height: inherit;
border-radius: 50%;
transform: rotateX(70deg);
animation: 1s spin linear infinite;
}
#inverweb-load .loader:after {
color: var(--color-primary);
transform: rotateY(70deg);
animation-delay: 0.4s;
}
@keyframes rotate {
0% {
    transform: translate(-50%, -50%) rotateZ(0deg);
}
100% {
    transform: translate(-50%, -50%) rotateZ(360deg);
}
}
@keyframes rotateccw {
0% {
    transform: translate(-50%, -50%) rotate(0deg);
}
100% {
    transform: translate(-50%, -50%) rotate(-360deg);
}
}
@keyframes spin {
0%, 100% {
    box-shadow: 0.2em 0px 0 0px currentcolor;
}
12% {
    box-shadow: 0.2em 0.2em 0 0 currentcolor;
}
25% {
    box-shadow: 0 0.2em 0 0px currentcolor;
}
37% {
    box-shadow: -0.2em 0.2em 0 0 currentcolor;
}
50% {
    box-shadow: -0.2em 0 0 0 currentcolor;
}
62% {
    box-shadow: -0.2em -0.2em 0 0 currentcolor;
}
75% {
    box-shadow: 0px -0.2em 0 0 currentcolor;
}
87% {
    box-shadow: 0.2em -0.2em 0 0 currentcolor;
}
}
.tmp-apply-area .nav-tabs {
display: flex;
align-items: center;
gap: 10px;
margin: 40px 0;
border: none;
justify-content: center;
}
@media only screen and (max-width: 991px) {
.tmp-apply-area .nav-tabs {
    gap: 8px;
    margin: 0 0;
    margin-bottom: 40px;
}
}
@media only screen and (max-width: 991px) {
.tmp-apply-area .nav-tabs li {
    margin: 0 0;
}
}
.tmp-apply-area .nav-tabs li button {
font-size: 16px;
line-height: 1;
font-family: var(--font-primary);
color: var(--color-heading);
font-weight: 600;
padding: 20px 35px;
border-radius: 4px;
background: var(--color-card);
border: none;
}
@media only screen and (max-width: 991px) {
.tmp-apply-area .nav-tabs li button {
    padding: 15px 14px;
}
}
.tmp-apply-area .nav-tabs li button.active {
background: var(--color-primary);
color: var(--color-white);
}
.tab-area-shop-details {
border: 1px solid var(--color-border);
padding: 50px 100px;
border-radius: 10px;
}
@media only screen and (max-width: 991px) {
.tab-area-shop-details {
    padding: 25px;
}
}
.tab-area-shop-details .tab-content > .tab-pane {
display: none;
position: unset;
visibility: hidden;
}
.tab-area-shop-details .tab-content > .tab-pane.active {
display: block;
visibility: visible;
}
.tab-area-shop-details .tab-content .tab-pane:first-child {
font-size: 18px;
line-height: 28px;
}
.tab-area-shop-details .tab-content .tab-pane.description p {
margin-bottom: 20px;
max-width: 950px;
}
.tab-area-shop-details .tab-content .tab-pane.description ul {
display: flex;
align-items: center;
max-width: 590px;
flex-wrap: wrap;
justify-content: space-between;
margin: 0;
margin-bottom: 20px;
list-style: none;
padding: 0;
}
.tab-area-shop-details .tab-content .tab-pane.description ul li {
position: relative;
z-index: 1;
padding-left: 25px;
margin: 0;
}
.tab-area-shop-details .tab-content .tab-pane.description ul li::before {
content: "";
position: absolute;
width: 10px;
height: 10px;
border-radius: 50%;
background-color: var(--color-primary);
top: 50%;
left: 0;
transform: translateY(-50%);
z-index: -1;
}
.tab-area-shop-details .tab-content .tab-pane .tmp-btn {
border: none;
}
.tab-area-shop-details .nav-tabs {
justify-content: center;
gap: 17px;
margin-bottom: 50px;
border: none;
}
@media only screen and (max-width: 767px) {
.tab-area-shop-details .nav-tabs {
    gap: 0;
}
}
.tab-area-shop-details .nav-tabs .nav-link {
border-radius: 4px;
color: var(--color-heading);
font-family: var(--font-primary);
font-size: 16px;
line-height: 1;
font-weight: 600;
padding: 13px 20px;
border: 1px solid var(--color-border);
background: transparent;
}
.tab-area-shop-details .nav-tabs .nav-link.active {
color: var(--color-white);
border: 1px solid var(--color-primary);
background: var(--color-primary);
}
/**************************************
            Blog 
***************************************/
/*----------------------
    Blog Styles  
-----------------------*/
.tmp-card {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background: var(--color-card);
border: 1px solid rgba(0, 0, 0, 0.125);
border-radius: var(--radius);
overflow: hidden;
transition: all 0.5s;
border: 1px solid var(--color-border);
height: 100%;
}
.tmp-card .inner .thumbnail {
overflow: hidden;
}
.tmp-card .inner .thumbnail a {
display: block;
overflow: hidden;
}
.tmp-card .inner .thumbnail a img {
width: 100%;
transition: 0.5s;
overflow: hidden;
}
.tmp-card .inner .content {
padding: 30px;
padding-top: 22px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tmp-card .inner .content {
    padding: 18px;
}
}
@media only screen and (max-width: 767px) {
.tmp-card .inner .content {
    padding: 16px 14px;
}
}
.tmp-card .inner .content .descriptiion {
margin-bottom: 15px;
}
.tmp-card .inner .content .title {
font-size: 24px;
line-height: 1.5;
transition: all 0.5s;
margin-bottom: 10px;
}
@media only screen and (max-width: 1199px) {
.tmp-card .inner .content .title {
    font-size: 20px;
}
}
@media only screen and (max-width: 767px) {
.tmp-card .inner .content .title {
    font-size: 20px;
}
}
.tmp-card.bentostyle-left-blog .title {
font-size: 27px;
}
@media only screen and (max-width: 767px) {
.tmp-card.bentostyle-left-blog .title {
    font-size: 20px;
}
}
.tmp-card.card-list-view {
height: 100%;
}
.tmp-card.card-list-view.bentostyle {
height: auto;
margin-bottom: 30px;
}
.tmp-card.card-list-view.bentostyle:last-child {
margin-bottom: 0;
}
.tmp-card.card-list-view .inner {
display: flex;
height: 100%;
}
@media only screen and (max-width: 575px) {
.tmp-card.card-list-view .inner {
    display: block;
}
}
.tmp-card.card-list-view .inner .thumbnail {
flex-basis: 46%;
}
.tmp-card.card-list-view .inner .thumbnail a {
display: block;
height: 100%;
}
.tmp-card.card-list-view .inner .thumbnail a img {
width: auto;
object-fit: cover;
height: 100%;
}
.tmp-card.card-list-view .inner .content {
flex-basis: 54%;
}
.tmp-card.card-list-view .inner .content .title {
margin-bottom: 10px;
}
.tmp-card.card-list-view .inner .content .descriptiion {
margin-bottom: 13px;
margin-top: 12px;
}
.tmp-card:hover .inner .thumbnail a img {
transform: scale(1.1);
}
/**************************************
    Footer Styles
***************************************/
/*-----------------------
    Footer Style Here  
------------------------*/
.logo a img {
max-height: 52px;
width: auto;
}
@media only screen and (max-width: 479px) {
.logo a img {
    height: 34px;
}
}

.footer-style-default .footer-top {
padding: 100px 0;
padding-bottom: 70px;
}
@media only screen and (max-width: 575px) {
.footer-style-default .footer-top {
    padding-bottom: 40px;
}
}
.footer-style-default .footer-top .tmp-footer-widget .title {
font-size: 18px;
font-weight: 500;
letter-spacing: 1px;
margin-bottom: 10px;
}
.footer-style-default .footer-top .tmp-footer-widget .subtitle {
font-weight: 400;
color: var(--color-body);
font-size: 16px;
padding-right: 31%;
line-height: 28px;
margin-bottom: 32px;
}
@media only screen and (max-width: 767px) {
.footer-style-default .footer-top .tmp-footer-widget .subtitle {
    padding-right: 0;
}
}
.footer-style-default .footer-top .tmp-footer-widget .inner {
margin-top: 13px;
}
.footer-style-default .footer-top .tmp-footer-widget .footer-link {
list-style: none;
padding: 0;
}
.footer-style-default .footer-top .tmp-footer-widget .footer-link li {
margin-top: 5px;
margin-bottom: 5px;
}
.footer-style-default .footer-top .tmp-footer-widget .footer-link li a {
font-size: 14px;
display: inline-block;
color: var(--color-body);
line-height: 25px;
transition: 0.3s;
text-transform: capitalize;
}
.footer-style-default .footer-top .tmp-footer-widget .footer-link li a:hover {
color: var(--color-primary);
}
.footer-style-default .footer-top .tmp-footer-widget .footer-link li a:hover::after {
width: 100%;
left: 0;
right: auto;
}
.footer-style-default.variation-two {
border: 1px solid var(--color-border);
background: var(--color-card);
border-radius: 0;
position: relative;
z-index: 1;
}
.footer-style-default.variation-two .jumping-text .title {
position: absolute;
left: 0;
font-size: 200px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: -1;
color: #252525;
text-transform: uppercase;
font-weight: 900;
letter-spacing: 5px;
max-width: max-content;
min-width: max-content;
opacity: 0.1;
}
.footer-style-default.no-border {
border-top: 0;
}
.footer-style-default .shape-area {
position: absolute;
left: 210px;
top: -24px;
}
@media only screen and (max-width: 767px) {
.footer-style-default .shape-area {
    left: 20px;
}
}
@media only screen and (max-width: 575px) {
.footer-style-default .shape-area {
    display: none;
}
}
.service-small-default .shape-service-1 {
max-width: 110px;
}
.form-group.tmponhover {
border-radius: 6px;
}

.bg-line-animatoin-area-global {
background-image: url(../images/bg/global-line.png);
animation: ShapeAnim 80s linear infinite;
height: 30px;
width: 100%;
background-repeat: repeat;
overflow: hidden;
bottom: 0;
position: absolute;
}

.tmp-footer.footer-style-default.variation-two .footer-top {
position: relative;
}

@keyframes ShapeAnim {
0% {
    background-position: top left;
}
100% {
    background-position: top left 2000px;
}
}
/*--------------------------
    Copyright Area  
---------------------------*/
.copyright-style-one {
padding: 20px 0;
border-top: 1px solid var(--color-border);
}
.copyright-style-one .copyright-text {
margin-bottom: 0;
font-size: 14px;
}
.copyright-style-one .copyright-text a {
color: var(--color-body);
}
.copyright-style-one .ft-menu {
padding: 0;
margin: 0 -10px;
list-style: none;
display: flex;
flex-wrap: wrap;
align-items: center;
}
@media only screen and (max-width: 767px) {
.copyright-style-one .ft-menu {
    justify-content: center;
}
}
.copyright-style-one .ft-menu li {
margin: 0;
padding: 0 10px;
position: relative;
}
.copyright-style-one .ft-menu li + li::after {
position: absolute;
content: "";
height: 14px;
width: 1px;
background: var(--color-border);
left: -1px;
top: 50%;
transform: translateY(-50%);
}
.copyright-style-one .ft-menu li a {
font-size: 14px;
}
.copyright-style-one.variation-two {
background: var(--color-card);
}
.copyright-style-one.no-border {
border-top: 0;
}

/**************************************
            Template
***************************************/
/*------------------------
    Banner Styles  
-------------------------*/
.slider-dot.tmp-slick-dot .slick-dots {
bottom: 60px;
}

.slider-activation-2 .slick-track {
    display: flex;
}

.slider-activation-2 .slick-track > .slick-slide {
    height: auto;
}

.height-850 {
    height: auto;
    padding: 100px 0;
    display: flex;
    align-items: center;
}
@media only screen and (max-width: 1199px) {
.height-850 {
    height: auto;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.height-850 {
    height: auto;
    padding: 150px 0;
}
}
@media only screen and (max-width: 767px) {
.height-850 {
    height: auto;
    padding: 100px 0;
}
}
.display-one {
font-size: 75px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.display-one {
    font-size: 70px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.display-one {
    font-size: 65px;
}
}
@media only screen and (max-width: 767px) {
.display-one {
    font-size: 50px;
}
}
@media only screen and (max-width: 575px) {
.display-one {
    font-size: 30px;
}
}
@media only screen and (max-width: 575px) {
.display-one br {
    display: none;
}
}
.slider-style-2 {
padding-top: 130px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.slider-style-2 {
    padding-top: 150px;
}
}
@media only screen and (max-width: 767px) {
.slider-style-2 {
    padding-top: 150px;
}
}
.slider-style-2 .inner .subtitle {
font-weight: 700;
letter-spacing: 0.5px;
line-height: 18px;
font-size: 14px;
border-radius: 4px;
margin-bottom: 12px;
display: inline-block;
padding: 7px 14px;
background-color: var(--color-blackest);
box-shadow: var(--shadow-lighter);
}
.slider-style-2 .inner .title {
font-family: var(--font-primary);
margin-bottom: 25px;
display: block;
color: var(--color-white);
}
@media only screen and (max-width: 767px) {
.slider-style-2 .inner .title.display-one {
    font-size: 40px;
}
}
.slider-style-2.variation-2 {
padding-top: 79px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.slider-style-2.variation-2 {
    padding-top: 170px;
}
}
@media only screen and (max-width: 767px) {
.slider-style-2.variation-2 {
    padding-top: 170px;
}
}
.slider-style-2.variation-2 .inner .title {
font-weight: 700;
font-size: 100px;
margin-top: 0;
margin-bottom: 38px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
.slider-style-2.variation-2 .inner .title {
    font-size: 90px;
}
}
@media only screen and (max-width: 1199px) {
.slider-style-2.variation-2 .inner .title {
    font-size: 80px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.slider-style-2.variation-2 .inner .title {
    font-size: 54px;
}
}
@media only screen and (max-width: 767px) {
.slider-style-2.variation-2 .inner .title {
    font-size: 46px;
    margin-bottom: 20px;
}
}
@media only screen and (max-width: 575px) {
.slider-style-2.variation-2 .inner .title {
    font-size: 36px;
}
}
@media only screen and (max-width: 479px) {
.slider-style-2.variation-2 .inner .title {
    font-size: 32px;
}
}
.slider-style-2.variation-2 .inner .title span {
color: var(--color-primary);
}
.slider-style-2.variation-2 .inner .tag-title {
color: #fff;
margin: 0;
letter-spacing: 1.5px;
padding-left: 70px;
position: relative;
margin-bottom: 50px;
font-weight: 600;
}
@media only screen and (max-width: 767px) {
.slider-style-2.variation-2 .inner .tag-title {
    padding-left: 0;
    margin-bottom: 20px;
}
}
.slider-style-2.variation-2 .inner .tag-title::before {
position: absolute;
content: "";
left: 0;
width: 46px;
height: 2px;
background: var(--color-primary);
top: 50%;
transform: translateY(-50%);
}
@media only screen and (max-width: 767px) {
.slider-style-2.variation-2 .inner .tag-title::before {
    display: none;
}
}
.slider-style-2.variation-2 .inner p {
color: #fff;
padding-right: 46%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.slider-style-2.variation-2 .inner p {
    padding-right: 0;
}
}
@media only screen and (max-width: 767px) {
.slider-style-2.variation-2 .inner p {
    padding-right: 0;
}
}
@media only screen and (max-width: 479px) {
.slider-style-2.variation-2 .inner p {
    font-size: 14px;
}
}
/*-----------------------
    Slider Style One  
-------------------------*/
/*-------------------------
    Slider Animation  
---------------------------*/
.slider-animation-2 .slider-style-2 .inner > * {
animation-name: fadeOutUp;
animation-fill-mode: both;
animation-duration: 1s;
}
.slider-animation-2 .slider-style-2.slick-active .inner > * {
animation-name: fadeInUp;
}
.slider-animation-2 .slider-style-2.slick-active .inner p {
animation-delay: 1s;
}
.slider-animation-2 .slider-style-2.slick-active .inner .read-more-btn {
animation-delay: 1.2s;
}
.jarallax .jarallax-container {
border-radius: 5px;
}

.jarallax-video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: -1; /* Ensure it stays behind the content */
}
@media only screen and (max-width: 1199px) {
.section-title .title br {
    display: none;
}
}
.banner-slider-area-one {
position: relative;
}
.banner-slider-area-one .bg-line-animatoin-area-global {
filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(3deg) brightness(119%) contrast(107%);
}
@keyframes pulse {
0% {
    transform: translate(-50%, -50%) scale(0.9);
}
50% {
    transform: translate(-50%, -50%) scale(1.1);
}
100% {
    transform: translate(-50%, -50%) scale(0.9);
}
}

@media only screen and (max-width: 767px) {
.title br {
    display: none;
}
}
@-webkit-keyframes scroll {
0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
to {
    -webkit-transform: translateX(-webkit-calc(-250px * 7));
    transform: translateX(-1750px);
}
}
@-moz-keyframes scroll {
0% {
    -moz-transform: translateX(0);
    transform: translateX(0);
}
to {
    -moz-transform: translateX(-moz-calc(-250px * 7));
    transform: translateX(-1750px);
}
}
@keyframes scroll {
0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
}
to {
    -webkit-transform: translateX(-webkit-calc(-250px * 7));
    -moz-transform: translateX(-moz-calc(-250px * 7));
    transform: translateX(-1750px);
}
}
@-webkit-keyframes scrollLeft {
0% {
    -webkit-transform: translateX(-webkit-calc(-250px * 7));
    transform: translateX(-1750px);
}
to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
}
@-moz-keyframes scrollLeft {
0% {
    -moz-transform: translateX(-moz-calc(-250px * 7));
    transform: translateX(-1750px);
}
to {
    -moz-transform: translateX(0);
    transform: translateX(0);
}
}
@keyframes scrollLeft {
0% {
    -webkit-transform: translateX(-webkit-calc(-250px * 7));
    -moz-transform: translateX(-moz-calc(-250px * 7));
    transform: translateX(-1750px);
}
to {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
}
}
@keyframes marquee-2 {
0% {
    transform: translateX(-100%);
}
100% {
    transform: translateX(0%);
}
}
@keyframes marquee {
0% {
    transform: translateX(-20%);
}
100% {
    transform: translateX(-100%);
}
}
@keyframes shine {
0% {
    background-position: 0% center;
}
100% {
    background-position: 200% center;
}
}
.zoomactive {
transition: 1.5s;
transform: scale(1.15);
-webkit-transition-duration: 1.5s;
transition-duration: 1.5s;
filter: drop-shadow(0px 0px 2px rgba(81, 55, 249, 0.4274509804)) drop-shadow(0px 0px 4px rgba(81, 55, 249, 0.4274509804)) drop-shadow(0px 0px 10px rgba(81, 55, 249, 0.4274509804)) drop-shadow(0px 0px 20px rgba(81, 55, 249, 0.4274509804)) drop-shadow(0px 0px 35px rgba(81, 55, 249, 0.4274509804)) drop-shadow(0px 0px 60px rgba(81, 55, 249, 0.4274509804));
}
.load-demo-btn-wrap svg {
height: 30px;
width: 30px;
background: rgba(0, 0, 0, 0.1490196078);
margin-left: 10px;
border-radius: 50%;
padding: 7px;
}
.load-demo-btn-wrap svg path {
fill: #fcfcfc;
}

.active-light-bg-shape {
display: none;
}

.active-dark-bg-shape {
display: block;
}
@keyframes testimonialscroll {
from {
    transform: translateY(0);
}
to {
    transform: translateY(-50%);
}
}
.active-light-mode {
background: #fafafa;
--color-heading: #1b1b1c;
--color-white: #1b1b1b;
--color-card: #fff;
--color-body: #363636;
--color-darkest: #fff;
--color-border: #9d9dff29;
--shadow-1: 0px 6px 34px rgb(231 231 231 / 41%);
}
.active-light-mode .logo-light {
display: none;
}
.active-light-mode .logo-dark {
display: block;
}
.active-light-mode .mainmenu-nav .mainmenu li.with-megamenu .tmp-megamenu.width-small-mega .wrapper .tmp-short-title {
color: #1b1b1c;
}
.active-light-mode .mainmenu-nav .mainmenu li.with-megamenu .tmp-megamenu.width-small-mega .wrapper .nav-quick-access {
background: #f1f1f1;
}
.active-light-mode .mainmenu-nav .mainmenu li.with-megamenu .tmp-megamenu.width-small-mega .wrapper .nav-quick-access * {
color: #1b1b1b;
}
.active-light-mode .mainmenu-nav .mainmenu > li > a,
.active-light-mode .header-right.with-search .header-btn .search-area-btn i,
.active-light-mode .slider-style-new .tmp-badge-3 {
color: var(--color-body);
}
.active-light-mode .tmp-header.sticky {
background-color: rgba(255, 255, 255, 0.77);
background-image: none;
}
.active-light-mode #inverweb-load {
background-color: #ffffff;
}
.active-light-mode #inverweb-load .loader {
color: #1b1b1c;
}
.active-light-mode .load-demo-btn-wrap svg {
height: 30px;
width: 30px;
background: rgba(201, 201, 201, 0.1490196078);
margin-left: 10px;
border-radius: 50%;
padding: 7px;
}
.active-light-mode .load-demo-btn-wrap svg path {
fill: #1b1b1c;
}
.active-light-mode header.header-default.sticky .dot-btn .offcanvas-trigger .offcanvas-bars span::before {
background: #1b1b1b;
}
.active-light-mode header.header-default.sticky .dot-btn .offcanvas-trigger .offcanvas-bars span::after {
background: #1b1b1b;
}
.active-light-mode .mfp-iframe-holder .mfp-close {
background: #fff;
}
.active-light-mode .mfp-bg {
background: rgba(255, 255, 255, 0.49);
backdrop-filter: blur(36px);
}
.active-light-mode .show-on-scroll {
mix-blend-mode: unset;
}
.active-light-mode .show-on-scroll span a {
padding: 9px 5px;
border-radius: 20px;
background: #fff;
color: var(--color-body);
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.active-light-mode .tab-area-shop-details .nav-tabs .nav-link.active,
.active-light-mode .tmp-our-cart-area-start table tbody tr td .remove-btn,
.active-light-mode .checkout-area-main-wrapper-left .full-grid .login-area span,
.active-light-mode .checkout-area-main-wrapper-left .full-grid .login-area span a {
color: #fff;
}
.active-light-mode .mainmenu-nav .mainmenu li.with-megamenu .tmp-megamenu.with-mega-item-2.full-width-mega .wrapper .bg-content {
background: linear-gradient(var(--color-card), #efefef);
-webkit-background-clip: text;
background-clip: text;
}
.active-light-mode .mainmenu-nav .mainmenu li.has-droupdown .submenu li a:hover, .active-light-mode .mainmenu-nav .mainmenu li.has-droupdown .submenu li a.active {
color: var(--color-white);
background: #ededed;
}
.active-light-mode .mainmenu-nav .mainmenu li.with-megamenu .tmp-megamenu .wrapper .mega-menu-item li a:hover, .active-light-mode .mainmenu-nav .mainmenu li.with-megamenu .tmp-megamenu .wrapper .mega-menu-item li a.active {
color: var(--color-white);
background: #ededed;
}
.active-light-mode .scrollbar-v:before {
background: rgba(0, 0, 0, 0.1490196078);
}
.active-light-mode .social-default li a {
background: #f1f1f1;
}
.active-light-mode #buy-now a {
color: #000000;
background: #ffffff;
}
.active-light-mode #buy-now a img {
filter: brightness(0) saturate(100%) invert(52%) sepia(46%) saturate(650%) hue-rotate(45deg) brightness(98%) contrast(85%);
}
.active-light-mode .service.service__style--1 .shape-service-1 {
display: none;
}
.active-light-mode .tmp-slick-arrow button.slick-arrow::before {
filter: brightness(0) saturate(100%) invert(48%) sepia(91%) saturate(7491%) hue-rotate(245deg) brightness(97%) contrast(115%);
}
@media only screen and (max-width: 991px) {
.active-light-mode .mainmenu .with-megamenu .tmp-megamenu .demos-area-drop-down ul.mega-menu-item li:nth-child(2n) a:nth-child(2) {
    color: #1b1b1c;
}
}
.active-light-mode .tmp-slick-arrow button.slick-arrow {
border: 2px solid rgba(82, 55, 249, 0.2509803922);
}
.active-light-mode .popup-mobile-menu .inner .header-top .close-menu .close-button i {
color: #fff;
}
.active-light-mode .section-title .subtitle {
color: var(--color-primary);
}
.active-light-mode .tmp-slick-arrow button.slick-arrow:hover::before {
filter: brightness(0) saturate(100%) invert(99%) sepia(8%) saturate(181%) hue-rotate(235deg) brightness(117%) contrast(100%);
}
.active-light-mode .team-wrapper5:hover .content-area .share,
.active-light-mode .social-default li a:hover {
color: #fff;
}
.active-light-mode .slider-style-2 .inner .title,
.active-light-mode .filter-button-default button.is-checked,
.active-light-mode .about-style-4 .feature-list li .icon i,
.active-light-mode .slider-style-1 .inner .title span,
.active-light-mode .slider-style-4 .inner .title,
.active-light-mode .slider-style-4 .slick-active .inner .description {
color: #fff;
}
.active-light-mode .tmp-btn.rounded-player span i,
.active-light-mode .tmp-badge-2,
.active-light-mode .pricing-tab-nav-yearly.nav-tabs .nav-link.active,
.active-light-mode .pricing-table-items .pricing-table .popular-tag,
.active-light-mode .slider-style-1.variation-default .inner p,
.active-light-mode .slider-style-1.variation-default .inner .tmp-btn,
.active-light-mode .team-style-two .inner .content .title,
.active-light-mode .team-style-two .inner .content .subtitle,
.active-light-mode .avatar::before,
.active-light-mode .tmp-pricing.with-gradient-bg .popular-tag,
.active-light-mode .single-modern-case-studies .inner-content-area .tags,
.active-light-mode .working-steps-area-tabs .left-icon-number,
.active-light-mode .why-choose-content-wrapper .feature-one-wrapper .icon i,
.active-light-mode .tmp-default-tab .tab-button .tabs__tab .nav-link.active,
.active-light-mode .tmp-banner-area-realstate-one .realstate-banner-style-one .title,
.active-light-mode .tmp-banner-area-realstate-one .realstate-banner-style-one p,
.active-light-mode .portfolio-list-inner-content .feature-list li .icon i,
.active-light-mode .tmp-btn.rounded-player span i, .active-light-mode .btn-default.rounded-player span i,
.active-light-mode .feature-list-service li .icon i,
.active-light-mode .tmp-apply-area .nav-tabs li button.active,
.active-light-mode .tmp-pagination li.active a, .active-light-mode .tmp-pagination li:hover a,
.active-light-mode .blog-search .search-button i {
color: #fff;
}
.active-light-mode ol li {
color: var(--color-body);
}
.active-light-mode .tmp-search-input-area {
background: #f9f9f9;
}
.active-light-mode .mainmenu .with-megamenu .tmp-megamenu .demos-area-drop-down ul.mega-menu-item li {
background: #f3f3f3;
}
@media only screen and (max-width: 991px) {
.active-light-mode .mainmenu .with-megamenu .tmp-megamenu .demos-area-drop-down ul.mega-menu-item li:nth-child(odd) a {
    background: #ddd;
}
}
.active-light-mode .tmp-btn {
color: #fff;
}
.active-light-mode .profile-share a img {
box-shadow: 0px 6px 34px rgba(0, 0, 0, 0.2);
}
.active-light-mode .tmp-search-input-area .search-close-icon img {
filter: brightness(0) saturate(100%) invert(4%) sepia(6%) saturate(16%) hue-rotate(317deg) brightness(94%) contrast(86%);
}
.active-light-mode .tmp-btn.btn-border {
color: #1b1b1b;
border-color: #e3e3e3;
}
.active-light-mode .tmp-btn.btn-border:hover {
color: #fff;
}
.active-light-mode .service-layout-presentation-box .advance-tab-button ul li .tab-button::before {
background: var(--color-primary-opacity-1);
box-shadow: none;
}
.active-light-mode .service-layout-presentation-box .advance-tab-button ul li .tab-button {
background: rgba(211, 211, 211, 0.18);
}
.active-light-mode .tmp-slick-dot .slick-dots li button::after {
box-shadow: inset 0 0 0 7px rgba(157, 157, 255, 0.6);
}
.active-light-mode .tmp-slick-dot .slick-dots li.slick-active button::after {
box-shadow: inset 0 0 0 1px var(--color-primary);
}
.active-light-mode .color-white,
.active-light-mode .service-layout-presentation-box .advance-tab-button ul li .tab-button .title,
.active-light-mode .tmp-working-process-main .nav-link.active .working-steps-area-tabs .inner-content *,
.active-light-mode .banner-content-8 .subtitle,
.active-light-mode .banner-finance-wrapper p,
.active-light-mode .realstate-banner-style-two .title .large {
color: #1b1b1c;
}
.active-light-mode .brand-carousel-activation li a img,
.active-light-mode .brand-style-1 li a img,
.active-light-mode .brand-style-2 li a img {
filter: brightness(0) saturate(100%) invert(8%) sepia(1%) saturate(198%) hue-rotate(314deg) brightness(91%) contrast(91%);
}
.active-light-mode .team-wrapper5 .image-area {
background: var(--color-primary);
}
.active-light-mode .team-wrapper5 {
box-shadow: none;
}
.active-light-mode .cursor-inner {
background: rgba(14, 14, 14, 0.4509803922);
}
.active-light-mode .cursor-inner.cursor-hover {
background: rgba(255, 255, 255, 0.2549019608);
mix-blend-mode: normal;
}
.active-light-mode .cursor-outer {
border: 2px solid rgba(14, 14, 14, 0.4509803922);
mix-blend-mode: normal;
}
.active-light-mode [data-black-overlay]:before {
background-color: #fff;
}

/************  Updates  ************/

/* --- utilities --- */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}

.mb--40 {
    margin-bottom: 40px;
}

.mb--80 {
    margin-bottom: 80px; 
}

@media only screen and (max-width: 767px) {
    .mb_sm--0 {
    margin-bottom: 0;
    }
}

/* --- header top bar (η μπάρα πάνω από το μενού: τηλέφωνο / social) --- */
.header-top-bar .header-left p {
    margin-bottom: 0;
}
.header-top-bar .header-left p a {
    transition: 0.3s;
}
.header-top-bar .header-left p a i {
    position: relative;
    top: 2px;
}
.header-top-bar .social-default.icon-naked {
    margin: -8px;
}
.header-top-bar .social-default.icon-naked li {
    margin: 8px;
}
.header-top-bar .social-default.icon-naked li a {
    color: var(--color-body);
    font-size: 15px;
    line-height: 26px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-top-bar .header-left {
    text-align: center;
    }
}
@media only screen and (max-width: 767px) {
    .header-top-bar .header-left {
    text-align: center;
    }
}

/* --- social icons χωρίς κύκλο --- */
.social-default.icon-naked li a {
    background: transparent;
    width: auto;
    height: auto;
    line-height: inherit;
}
.social-default.icon-naked li a::after {
    display: none;
}
.social-default.icon-naked li a:hover {
    color: var(--color-primary);
}

/* --- badge (μικρή κόκκινη ετικέτα) --- */
.tmp-badge-2 {
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    font-weight: 500;
    padding: 0px 14px;
    border-radius: 4px;
    display: inline-block;
    background: var(--color-primary);
    color: var(--color-white);
    text-transform: uppercase;
    position: relative;
    transition: var(--transition);                                                                                                                                           
}
.tmp-badge-2:hover {
    background: var(--color-primary);
    color: var(--color-white);
}

/* --- κουμπί με εικονίδιο που γλιστράει στο hover (class="icon-hover") --- */
.tmp-btn.icon-hover .btn-text,
.btn-default.icon-hover .btn-text {
    transition-timing-function: cubic-bezier(0, 0.71, 0.4, 1);
    display: inline-block;
    transition: transform 0.5s;
    transform: translateX(7px);
}
.tmp-btn.icon-hover .btn-icon,
.btn-default.icon-hover .btn-icon {
    margin-inline-start: -7px;
    display: inline-block;
}
.tmp-btn.icon-hover .btn-icon i,
.btn-default.icon-hover .btn-icon i {
    transition-timing-function: cubic-bezier(0, 0.71, 0.4, 1);
    display: inline-block;
    opacity: 0;
    transform: translateX(-7px);
    transition: opacity 0.25s, transform 0.5s;
    padding-left: 0;
}
.tmp-btn:hover.icon-hover .btn-text,
.btn-default:hover.icon-hover .btn-text {
    transform: translateX(-7px);
}
.tmp-btn:hover.icon-hover .btn-icon i,
.btn-default:hover.icon-hover .btn-icon i {
    opacity: 1;
    transform: translateX(7px);
}

/* --- μικρό στρογγυλό κουμπί play --- */
.tmp-btn.rounded-player.sm-size,
.btn-default.rounded-player.sm-size {
    width: 70px;
    height: 70px;
    line-height: 70px;
}

/* --- gallery με εικονίδιο βίντεο στο hover --- */
.tmp-gallery .video-icon {
    opacity: 0;
    transition: 0.4s;
    transform: translate(-50%, -50%) scale(0.5);
}
.tmp-gallery:hover .video-icon {
    opacity: 1;
    margin-top: 0;
    transform: translate(-50%, -50%) scale(1);
}
.tmp-gallery .btn-default i {
    padding-left: 0;
}

/* --- διορθώσεις ανοιχτού θέματος --- */
.active-light-mode.gym-demo .service.service__style--1 .icon img {
    max-height: 60px;
    filter: brightness(0) saturate(100%) invert(20%) sepia(75%) saturate(5173%)
            hue-rotate(353deg) brightness(89%) contrast(128%);
}
.active-light-mode.gym-demo .tmp-slick-dot .slick-dots li button::after {
    box-shadow: inset 0 0 0 7px rgba(255, 255, 255, 0.6);
}
/**************************************
            Updates
***************************************/
/* =========================================================
    BRAND - το μοναδικό σημείο που αλλάζεις χρώμα στο site
   ========================================================= */
.gym-demo {
--color-primary: #e4002b;
--color-primary-alt: #e4002b;
--color-secondary: #e4002b;
--color-tertiary: #e4002b;
--color-primary-opacity-1: rgba(228, 0, 43, .10);
--color-primary-opacity-2: rgba(228, 0, 43, .20);
--primary-opacity: rgba(228, 0, 43, .13);
--shadow-7: 0 0 20px 5px rgba(228, 0, 43, .33);
}

.gym-demo .footer-style-default .shape-area img {
    display: none;
}

.gym-demo .footer-style-default .shape-area {
    width: 48px;
    height: 48px;
    background-image:
        linear-gradient(var(--color-primary), var(--color-primary)),
        linear-gradient(var(--color-primary), var(--color-primary));
    background-size: 24px 24px, 24px 24px;
    background-position: right top, left bottom;
    background-repeat: no-repeat;
}

.gym-demo .form-group input,
.gym-demo .form-group textarea {
border: var(--border-width) solid rgba(255, 157, 157, 0.1607843137);
}

.slider-gird {
position: relative;
z-index: 1;
}
.slider-gird .grid-mask {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: grid;
grid-template-columns: repeat(8, 1fr);
grid-template-rows: repeat(4, 1fr);
z-index: 1;
pointer-events: none;
}
.slider-gird .grid-mask div {
background-color: var(--color-white);
width: 100%;
height: 100%;
transition: opacity 0.6s ease-in-out;
}
.slider-gird .slick-active .grid-mask div {
opacity: 0;
}

.bg_gym-1 {
background-image: url(../images/bg/008.webp);
}

.bg_gym-2 {
background-image: url(../images/bg/00006.webp);
}

.bg_gym-3 {
background-image: url(../images/bg/007.webp);
}
.active-light-mode .slider-gird .grid-mask div {
background-color: #fff;
}
.active-light-mode.gym-demo .service-layout-presentation-box .advance-tab-button ul li .tab-button {
    background: rgba(0, 0, 0, .04);
}
.active-light-mode.gym-demo .service-layout-presentation-box .advance-tab-button ul li .tab-button::before {
    background: var(--color-primary);
    opacity: 1;
}
.active-light-mode.gym-demo .service-layout-presentation-box .advance-tab-button ul li .tab-button .tab span {
    color: var(--color-primary);
    border-color: var(--color-primary);
}
.active-light-mode.gym-demo .service-layout-presentation-box .advance-tab-button ul li .tab-button.active .title,
.active-light-mode.gym-demo .service-layout-presentation-box .advance-tab-button ul li .tab-button.active p,
.active-light-mode.gym-demo .service-layout-presentation-box .advance-tab-button ul li .tab-button.active .tab span {
    color: #fff;
    border-color: #fff;
}
.sticky-faq-area {
position: sticky;
top: 120px;
}

.active-light-mode .tmp-slick-arrow button.slick-arrow {
border: 2px solid rgb(177, 151, 119);
}
.active-light-mode .tmp-slick-arrow button.slick-arrow::before {
filter: brightness(0) saturate(100%) invert(67%) sepia(2%) saturate(6145%) hue-rotate(338deg) brightness(89%) contrast(79%);
}
/* ==========================================================
    Fabric swatches tabs (#fabricTabs)
   ========================================================== */
#fabricTabs {
padding: 0;
margin-bottom: 13px;
border-bottom: 0;
}
#fabricTabs .nav-item {
margin-right: 12px;
margin-bottom: 1px;
}
#fabricTabs .nav-link {
position: relative;
display: block;
width: 148px;
margin: 0;
padding: 24px 15px;
font-size: 14px;
font-weight: 700;
text-align: center;
text-transform: uppercase;
color: #ffffff;
cursor: pointer;
background-color: var(--color-primary);
border: 0;
border-left: 3px solid var(--color-primary);
border-radius: 4px;
transition: all 500ms ease;
}
#fabricTabs .nav-link::before {
position: absolute;
content: "";
left: -2px;
top: 28px;
opacity: 1;
border-top: 6px solid transparent;
border-left: 8px solid var(--color-primary);
border-bottom: 6px solid transparent;
transition: all 500ms ease;
}
#fabricTabs .nav-link:hover,
#fabricTabs .nav-link.active {
background-color: #222222;
}
#fabricTabs .nav-link:focus-visible {
outline: 2px solid var(--color-primary);
outline-offset: 2px;
box-shadow: none;
}
@media only screen and (max-width: 575px) {
#fabricTabs .nav-link {
    width: auto;
    padding: 16px 12px;
    font-size: 12px;
}
#fabricTabs .nav-link::before {
    top: 20px;
}
}

.gym-demo {
    --font-primary:   "Inter", sans-serif;                      /* κείμενο */
    --font-secondary: "Roboto Condensed", "Inter", sans-serif;  /* τίτλοι h1-h6 */
}

/* Οι τεράστιοι τίτλοι του slider παίρνουν --font-primary, τους γυρνάμε σε condensed */
.gym-demo [class*="slider-style"] .inner .title {
    font-family: var(--font-secondary);
}

/* ============================================================
    ΛΟΓΟΤΥΠΟ
   ============================================================ */

/* Χρώματα λογότυπου */
.gym-demo {
    --logo-brand: var(--color-primary);   /* γράμματα JB + κλωστή */
    --logo-ink:   #ffffff;                /* CAR TEXTILE σε σκούρο θέμα */
}
.gym-demo.active-light-mode {
    --logo-ink:   #111214;                /* CAR TEXTILE σε ανοιχτό θέμα */
}

/* Μεγέθη - ίδια με αυτά που είχε το <img> */
.logo a {
    display: block;
}

.logo a .jb-logo {
    display: block;
    width: 100%;
    max-width: 290px;
    height: auto;
}

.popup-mobile-menu .inner .header-top .logo a .jb-logo {
    max-width: 210px;
}

/* ============================================================
    CTA modern + κάρτα newsletter  (από 01-index-consulting)
   ============================================================ */

/* --- utilities --- */
/* Το .footer-top έχει padding:100px από κανόνα με 2 κλάσεις (γρ. 7928), */
.footer-style-default .footer-top.pt--0 { padding-top: 0; }
.pb--80 { padding-bottom: 80px; }

/* --- Σκούρα νησίδα: CTA + footer μέσα σε ανοιχτή σελίδα --- */
.active-light-mode .cta-main-wrapper,
.active-light-mode .tmp-footer {
    --color-card:    #1b1b1c;
    --color-heading: #ffffff;
    --color-white:   #ffffff;
    --color-body:    #a8adc4;
    --color-border:  rgba(157, 157, 255, .12);
    --logo-ink:      #ffffff;      /* το «CAR TEXTILE» είναι #111214 */
    color: var(--color-body);
}

/* Στο light mode το overlay γίνεται λευκό (γρ. 8734) */
.active-light-mode .cta-main-wrapper[data-black-overlay]::before {
    background-color: #000000;
}

/* Στο light mode τα social παίρνουν σταθερό #f1f1f1 (γρ. 8592) */
.active-light-mode .tmp-footer .social-default li a {
    background: var(--color-lessdark);
}

/* --- CTA --- */
.bg-cta-modern {
    background-image: url(../images/call-to-action/02.webp);
    height: 290px;
    display: flex;
    align-items: center;
}
.bg-cta-modern::before { z-index: 1; }
.bg-cta-modern.large-height { height: 390px; }
.bg-cta-modern.large-height .right-wrapper p { font-size: 32px; }

.call-to-action-modern-wrapper {
    display: flex;
    align-items: center;
    gap: 320px;
}
.call-to-action-modern-wrapper .title {
    font-size: 54px;
    margin: 0;
}
.call-to-action-modern-wrapper .right-wrapper {
    display: flex;
    align-items: center;
    gap: 35px;
}
.call-to-action-modern-wrapper .right-wrapper p {
    font-size: 26px;
    margin: 0;
    color: #fff;
}
.call-to-action-modern-wrapper .right-wrapper p a {
    font-weight: 600;
    color: #fff;
    transition: 0.3s;
    text-decoration: underline;
}
.call-to-action-modern-wrapper .right-wrapper p a:hover {
    color: var(--color-primary);
}

@media only screen and (max-width: 1199px) {
    .call-to-action-modern-wrapper .title { font-size: 42px; }
}
@media only screen and (max-width: 991px) {
    .call-to-action-modern-wrapper { gap: 50px; }
    .call-to-action-modern-wrapper .title { font-size: 36px; }
    .call-to-action-modern-wrapper .title br { display: none; }
}
@media only screen and (max-width: 767px) {
    .call-to-action-modern-wrapper { flex-wrap: wrap; gap: 30px; }
    .call-to-action-modern-wrapper .title { font-size: 32px; }
    .call-to-action-modern-wrapper .right-wrapper .icons { display: none; }
    .bg-cta-modern.large-height .right-wrapper p { font-size: 20px; }
}
@media only screen and (max-width: 575px) {
    .call-to-action-modern-wrapper {
        flex-direction: column;
        gap: 10px;
        margin-bottom: 46px;
    }
}

/*--------------------------
    Animated headline (cd-headline zoom)
---------------------------*/
.cd-words-wrapper {
    display: inline-block;
    position: relative;
    text-align: left;
}
.cd-words-wrapper b {
    display: inline-block;
    position: absolute;
    white-space: nowrap;
    left: 0;
    top: 0;
}
.cd-words-wrapper b.is-visible {
    position: relative;
}
.no-js .cd-words-wrapper b {
    opacity: 0;
}
.no-js .cd-words-wrapper b.is-visible {
    opacity: 1;
}

.cd-headline.zoom .cd-words-wrapper {
    -webkit-perspective: 300px;
    perspective: 300px;
}
.cd-headline.zoom b {
    opacity: 0;
}
.cd-headline.zoom b.is-visible {
    opacity: 1;
    -webkit-animation: zoom-in 0.8s;
    animation: zoom-in 0.8s;
}
.cd-headline.zoom b.is-hidden {
    -webkit-animation: zoom-out 0.8s;
    animation: zoom-out 0.8s;
}

@keyframes zoom-in {
    0%   { opacity: 0; transform: translateZ(100px); }
    100% { opacity: 1; transform: translateZ(0); }
}
@keyframes zoom-out {
    0%   { opacity: 1; transform: translateZ(0); }
    100% { opacity: 0; transform: translateZ(-100px); }
}
@-webkit-keyframes zoom-in {
    0%   { opacity: 0; -webkit-transform: translateZ(100px); }
    100% { opacity: 1; -webkit-transform: translateZ(0); }
}
@-webkit-keyframes zoom-out {
    0%   { opacity: 1; -webkit-transform: translateZ(0); }
    100% { opacity: 0; -webkit-transform: translateZ(-100px); }
}

/* --- κάρτα newsletter --- */
.footer-message-and-form {
    display: grid;
    grid-template-columns: 1fr 1.4fr;
    gap: 30px;
    align-items: end;
}
.footer-message-and-form .colophon {
    font-size: 1.8rem;
    line-height: 1.3;
    margin: 2rem 0 0;
}
.footer-message-and-form .colophon a { transition: 0.3s; }
.footer-message-and-form form .input-group,
.footer-message-and-form form .input-group::after { border-radius: 4px; }

.footer-form-wrap {
    background: var(--color-card);
    padding: 30px;
    margin: -80px 0 0;
    position: relative;
    border-radius: 0 8px 8px 8px;
    border-bottom: 4px solid var(--color-primary);
    z-index: 1;
}
.footer-form-wrap h4 { font-size: 26px; }
.footer-form-wrap h5 { margin-top: 0; }
.footer-form-wrap form {
    display: flex;
    align-items: center;
    gap: 20px;
}
.footer-form-wrap form input {
    height: 50px;
    background: transparent;
    color: var(--color-body);
}
.footer-form-wrap::after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    right: 100%;
    width: 37px;
    height: 79px;
    background: var(--color-primary);
    clip-path: polygon(100% 0, 100% 100%, 0 100%);
}

@media only screen and (max-width: 767px) {
    .footer-message-and-form {
        display: flex;
        flex-flow: column-reverse;
        align-items: end;
    }
}
@media only screen and (max-width: 575px) {
    .footer-message-and-form { align-items: start; }
    .footer-form-wrap        { padding: 15px; }
    .footer-form-wrap form   { gap: 2px; }
    .footer-form-wrap::after { display: none; }
}


/* Σε κινητό η κάρτα δεν πρέπει να ανεβαίνει - καβαλάει το από πάνω */
@media only screen and (max-width: 767px) {
    .footer-form-wrap { margin-top: 0; }
}

/* Το πεδίο-παγίδα */
.hp-field {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}


/* ============================================================
    ΣΕΛΙΔΑ ΕΙΔΟΥΣ 
   ============================================================ */

/* Λίστα με τικ */
.listing-style-solid { padding: 0; margin: 0; list-style: none; }
.listing-style-solid li {
    position: relative;
    padding-left: 30px;
    line-height: 34px;
    font-weight: 500;
    font-size: 16px;
}
.listing-style-solid li::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "\e92c";
    color: var(--color-primary);
    font-size: 20px;
    font-family: "feather";
}

/* Τα τέσσερα χαρακτηριστικά */
.feature-list-service { padding: 0; list-style: none; }
.feature-list-service li { display: flex; }
.feature-list-service li .icon {
    background: transparent;
    border: 0;
    width: 53px;
    height: 53px;
    text-align: center;
    min-width: 53px;
}
.feature-list-service li .icon i {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    font-size: 36px;
    color: var(--color-primary);
}
.active-light-mode .feature-list-service li .icon i { color: var(--color-primary); }
.feature-list-service li .title-wrapper { margin-left: 22px; }
.feature-list-service li .title-wrapper .title { font-size: 18px; margin: 0; }
.feature-list-service li .title-wrapper .text {
    font-size: 16px;
    margin-bottom: 20px;
    max-width: 90%;
    margin-top: 13px;
}

/* Οι δύο μικρές φωτό */
.thumbnail-service-details-small-2 {
    display: block;
    overflow: hidden;
    border-radius: 6px;
}
.thumbnail-service-details-small-2 img { transition: 0.4s; }
.thumbnail-service-details-small-2:hover img { transform: scale(1.12); }

/* Sidebar που ακολουθεί το scroll */
.sticky-top-service { position: sticky; top: 120px; }

.tmp-single-wized {
    background: var(--color-card);
    border-radius: 6px;
    padding: 31px;
    margin-bottom: 40px;
}
.tmp-single-wized .wized-header { margin-bottom: 10px; }
.tmp-single-wized .wized-body { margin-top: 30px; }
.tmp-single-wized .wized-body .single-categories { margin-bottom: 15px; padding: 0; }
.tmp-single-wized .wized-body .single-categories > li {
    list-style: none;
    border-radius: 5px;
    overflow: hidden;
    margin: 10px 0;
}
.tmp-single-wized .wized-body .single-categories > li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 25px;
    background: var(--color-border);
    font-weight: 500;
    transition: 0.3s;
    border-radius: 5px;
}
.tmp-single-wized .wized-body .single-categories > li a i { transition: 0.3s; }
.tmp-single-wized .wized-body .single-categories > li a:hover i { color: var(--color-primary); }
.active-light-mode .tmp-single-wized .wized-body .single-categories > li a {
    background: rgba(197, 197, 197, 0.16);
    color: #363636;
}

.tmp-present-banner-area { padding: 150px 0; }
.active-light-mode .service-video-area.details * { color: #ffffff; }

/* Widget επικοινωνίας - η φωτό του corpox γίνεται η επιφάνεια της κάρτας */
.contact-with-us-service { text-align: center; }
.contact-with-us-service::after {
    background-image: url(../images/story/009.webp);
    background-size: cover;
}
.contact-with-us-service .contact-icon {
    width: 70px;
    height: 70px;
    line-height: 70px;
    border-radius: 100%;
    background: #ffffff;
    color: var(--color-primary);
    font-size: 25px;
    margin: 0 auto 34px;
}
.contact-with-us-service .title {
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 18px;
    color: #ffffff;
}
.contact-with-us-service .contact a {
    font-size: 26px;
    line-height: 34px;
    font-weight: 700;
    color: #ffffff;
}
.active-light-mode .contact-with-us-service .title,
.active-light-mode .contact-with-us-service .contact a { color: #ffffff; }

/* Banner */
.bg_image_fixed { background-attachment: fixed; }
.bg_image--2-webp {
    background-image: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)),
                    url(../images/equipment/textile-jb-car.webp);
}

/* Let's Talk */
.about-style-4 .title { font-weight: 400; margin-bottom: 35px; }
.about-style-4 .title strong { color: var(--color-primary); }


/* ΛΙΣΤΑ ΕΞΟΠΛΙΣΜΟΥ - φωτό/κείμενο εναλλάξ */
.single-service-list-area {
    margin-bottom: 30px;
}
.single-service-list-area:last-child {
    margin-bottom: 0;
}
.single-service-list-area .thumbnail-service-list {
    border-radius: 6px;
    display: block;
    overflow: hidden;
}
.single-service-list-area .thumbnail-service-list img {
    transition: 0.4s;
}
.single-service-list-area:hover .thumbnail-service-list img {
    transform: scale(1.12);
}
.single-service-list-area .inner-content {
    max-width: 85%;
}
@media only screen and (max-width: 1199px) {
    .single-service-list-area .inner-content {
        max-width: 100%;
    }
}
.single-service-list-area .inner-content .head {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
}
.single-service-list-area .inner-content .head .icon {
    background: var(--color-primary);
    height: 60px;
    width: 60px;
    min-width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
}
.single-service-list-area .inner-content .head .icon img {
    max-width: 30px;
}
.single-service-list-area .inner-content .head .title {
    margin-bottom: 0;
    font-size: 24px;
}

/* Σκούρα σελίδα εγκαταστάσεων */
.active-light-mode .tmp-dark-island {
    --color-heading: #ffffff;
    --color-body:    #a8adc4;
    background: #1b1b1c;
    color: var(--color-body);
}

.single-service-list-area .inner-content .head .icon i {
    font-size: 40px;
    line-height: 1;
    color: #ffffff;
}

/* Συνεχής περιστροφή στο icon του κουμπιού επικοινωνίας */
@keyframes tmp-icon-spin {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}
.tmp-btn.icon-spin .btn-icon i {
    display: inline-block;
    animation: tmp-icon-spin 2.5s linear infinite;
}