/*
Web Site Name: Shadow Nautics
Web Site URL: https://www.shadow-nautics.eu/
Author: EGO MEDIA
Author URL: http://www.egomedia.hr/
Description: Shadow Nautics | Boat manufacturer focused on fully customized solutions of vessels for mission-critical performance.
Version: 1.0
License: Copyright © 2025 Ego Media, Tezacka 47, 22000 Sibenik - Croatia
License URI: http://www.egomedia.hr/restricted/
Tags: css, egomedia, ego, media, shadow, nautics
Text Domain: shadow-nautics-eu
Start Date: 07.04.2025. 
Release Date: 16.04.2025. 
Note: v.2
---------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Oswald:wght@200..700&family=Unbounded:wght@200..900&display=swap');

.text-theme { color: var(--tg-theme-primary) !important; }
.text-body { color: var(--tg-body-color) !important; }

@font-face { font-family: michroma; font-style: normal; font-weight: 400; src: local('Michroma'),url(../../fonts/Michroma.woff) format('woff') }

:root {
	--tg-body-font-family: 'Unbounded', sans-serif;
	--tg-heading-font-family: 'Montserrat', serif;
	--tg-other-font-family: 'Oswald', serif;
	--michroma-family: 'Michroma', sans-serif;
	--tg-icon-font-family: "Font Awesome 5 Free";
	--tg-body-font-size: 18px;
	--font-size-16: 16px;
	--font-size-15: 15px;
	--font-size-14: 14px;
	--font-size-13: 13px;
	--font-size-12: 12px;
	--font-size-11: 11px;
	--font-size-10: 10px;
	--font-size-9: 9px;
	--font-size-8: 8px;
	--font-size-7: 7px;
	
	--line-height-2: 2;
	--tg-body-line-height: 1.75;
	--tg-heading-line-height: 1.2;
	--line-height-1: 1.1;
	--line-height-1: 1;
	--line-height-09: 0.9em;
	--line-height-08: 0.8em;
	--line-height-07: 0.7em;
	--line-height-06: 0.6em;
	--line-height-05: 0.5em;
	
	--tg-body-color: #918f8c;
	--tg-body-color-darker: #2d2825;
	--tg-theme-secondary: #434241;
	--tg-theme-primary: #8E8868;

	--raisin-black-1: hsl(234, 14%, 14%);
	--raisin-black-2: hsl(231, 12%, 12%);
	--raisin-black-3: hsl(228, 12%, 17%);
	--eerie-black: hsl(240, 11%, 9%);
	--light-gray: hsl(0, 0%, 80%);
	--platinum: hsl(0, 4%, 91%);
	--xiketic: hsl(275, 24%, 10%);
	--white: hsl(0, 0%, 100%);
	--onyx: hsl(240, 5%, 26%);
   --red: #ff0000;
	
	--c-text-primary: #2d2825;
	--c-bg-primary: #fff;
	--c-bg-secondary: #eee;
	--c-link-primary: #ffe227;

	--text-platinum: color: hsl(0, 4%, 91%);

	--tg-color-dark-theme: #51AEA9;
	--tg-color-white-default: #ffffff;
	--tg-color-red-default: #ED1730;
	--tg-color-yellow-default: #FCE300;
	--tg-color-gray-1: #1C2F35;
	--tg-color-gray-2: #2C383D;
	--tg-color-gray-3: #0D161A;
	--tg-color-gray-4: #F7F4F7;
	--tg-color-gray-5: #263B42;
	--tg-color-gray-6: #1F363E;
	--tg-color-gray-7: #18282D;
	--tg-color-gray-8: #172727;
	--tg-color-dark: #000000;
	--tg-color-black-1: #161F23;
	--tg-color-black-2: #0B0F13;
	--tg-color-black-3: #151D22;
	--tg-color-smoke: #F5F6F7;
	--tg-color-smoke-2: #E4F2F6;
	--tg-color-smoke-3: #F6F6F7;
	--tg-color-smoke-4: #F2F6FF;
	--tg-color-smoke-5: #F6F6F6;
	--tg-color-smoke-6: #708288;
	--tg-color-smoke-7: #F0F3F9;
	--tg-border-1: #EAEAEA;
	--tg-border-2: #E8E8E8;
	--tg-border-3: #EBF2F6;
	--tg-border-4: #DBE3EB;
	--tg-border-5: #F8F8F8;
	--tg-border-6: #E6E6E6;
	--tg-border-7: #37464D;
	--tg-border-8: #55656C;
	--tg-border-9: #24383F;

	--fs-1: 54px;
	--fs-2: 44px;
	--fs-3: 38px;
	--fs-4: 30px;
	--fs-5: 25px;
	--fs-6: 18px;
	--fs-7: 16px;
	--fs-8: 15px;
	--fs-9: 14px;
	--fs-10: 13px;
	--fs-11: 12px;
	
	--transition-1: 0.15s ease-in-out;
	--transition-2: 0.15s ease-in;
	--transition-3: 0.25s ease-out;
	
	--duration-5s: .5s;
   --delay-duration: calc(var(--duration-5s) * 1.5);
   --easing-cubic-bezier: cubic-bezier(.7, 0, .2, 1);
	
	--section-padding: 60px;
	--polygon-1: polygon(90% 0, 100% 34%, 100% 100%, 10% 100%, 0 66%, 0 0);
	--polygon-2: polygon(0 0, 100% 0%, 82% 100%, 0% 100%);
	--polygon-3: polygon(0 0, 100% 0%, 100% 100%, 18% 100%);
	--polygon-4: polygon(96% 0, 100% 36%, 100% 100%, 4% 100%, 0 66%, 0 0);

	--tg-fw-extra-bold: 800;
	--tg-fw-bold: 700;
	--tg-fw-semi-bold: 600;
	--tg-fw-medium: 500;
	--tg-fw-regular: 400;
	--tg-fw-light: 300;
	
	--footer-gradient: linear-gradient( to left bottom, rgba(33, 37, 41, 0) 20%, #212529 60% );

	--gradient: conic-gradient(
    from 90deg at 50% 50%,
    rgb(251, 55, 60),
    rgba(252, 114, 28, 1),
    rgba(255, 220, 0, 1),
    rgba(27, 206, 255, 1),
    rgba(42, 107, 255, 1),
    rgba(217, 41, 255, 1),
    rgba(255, 10, 92, 1) );

}

:root.dark-theme {
	--tg-theme-primary: #fff;
	--tg-theme-secondary: #999;
	--c-link-primary: #6200ff;
	--c-bg-primary: #000;
	--c-bg-secondary: #6200ff;
}
:root.blueprint-theme {
	--tg-body-font-family: 'Montserrat', serif;
	--tg-heading-font-family: 'Montserrat', serif;
	--tg-theme-primary: #fff;
	--tg-theme-secondary: #fff;
	--c-link-primary: #0f4c75;
	--c-bg-primary: #1b6ca8;
	--c-bg-secondary: #0f4c75;
}
:root.magic-theme {
	--tg-body-font-family: 'Oswald', serif;
	--tg-heading-font-family: 'Oswald', serif;
	--tg-theme-primary: cyan;
	--tg-theme-secondary: cyan;
	--c-link-primary: #822659;
	--c-bg-secondary: #b34180;
}

/******************************************************
/// Osnovni stilovi
******************************************************/
* { margin: 0; padding: 0; box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizelegibility; }
html::before { content: ""; position: fixed; top: -10px; left: -10px; width: 110%; height: 10px; box-shadow: 0 0 35px rgba(0, 0, 0, 0.8); z-index: 9999; }
html, body { height: 100%; scroll-behavior: smooth; }

body { width: auto; min-height: 100vh;  margin: 0; padding: 0; background-color: var(--c-bg-primary);  animation: fadeInAnimation ease 2s forwards; font-family: var(--tg-heading-font-family); font-weight: var(--tg-fw-regular);  font-size: var(--tg-body-font-size);  line-height: var(--tg-body-line-height);  color: var(--tg-body-color); -webkit-backface-visibility: hidden;  position: relative; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
.blueprint-theme body { background-image: linear-gradient(rgba(255, 255, 255, 0.4), transparent 2px), linear-gradient(90deg, rgba(255, 255, 255, 0.4), transparent 2px), linear-gradient(rgba(255, 255, 255, 0.25) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.25) 1px, transparent 1px); background-size: 100px 100px, 100px 100px, 20px 20px, 20px 20px; background-position: -2px -2px, -2px -2px, -1px -1px, -1px -1px; }
.magic-theme body { background-image: linear-gradient(to bottom, purple 40%, cyan); letter-spacing: 0.25em; font-style: italic; text-shadow: 0.075em 0.075em pink; }

body::-webkit-scrollbar { width: 16px; height: 16px; width: 16px; }
body::-webkit-scrollbar-track { background: #fff; border-radius: 8px; }
body::-webkit-scrollbar-thumb { background-color: #babac0; border-radius: 16px; border: 4px solid #fff; }
body::-webkit-scrollbar-button { display: none; }												
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: var(--raisin-black-2); }
::-webkit-scrollbar-thumb { background: var(--light-gray); border-radius: 10px; }

.main-content {
  overflow-x: hidden;
}
.master-bg-light-1 { background: #fff; }

.magic-theme a { border-radius: 0; border-top: 2px solid #fff; border-left: 2px solid #fff; border-right: 2px solid gray; border-bottom: 2px solid gray; background-color: #aaa; }
.blueprint-theme a { border: 2px solid #fff; background-color: transparent; border-radius: 0; padding: 0.5em 1em; }
.theme-toggle { position: absolute;top: 0.3rem;right: 50px;}
.theme-toggle, .theme-picker { border: 0; padding: 0; border-radius: 0; font-size: 20px; background-color: transparent; color: #ffffff; width: 50px; height: 50px; display: inline-block; align-items: center; justify-content: center; z-index: 9999; }
.theme-toggle:before, .theme-picker:before { content: attr(aria-label); display: block; position: absolute; left: 50%; top: 30%; transform: scale(0) translateX(calc(-100% - 0.5rem)) translateY(-50%); z-index: 10; white-space: wrap; background-color: transparent; padding: 0.25em 1em 0.25em 1em; font-size: 0.5rem; line-height: 12px; text-transform: uppercase; font-weight: 800; height: 48px; border-radius: 0; opacity: 0; transition: opacity 0.25s ease; }
.theme-toggle:hover,
.theme-picker:hover { background-color: transparent; transform: scale(0.85); }
.theme-toggle:hover:before,
.theme-picker:hover:before {transform: scale(1) translateX(calc(-35% - 0.5rem)) translateY(50%);opacity: 1;}
.theme-toggle.is-open + .theme-options { width: auto; height: auto; transform: translateY(3.5rem); overflow: visible; }
.theme-options {overflow: hidden;height: 0;width: 0;position: absolute;right: 6rem;top: -3.1rem;transition: 0.25s ease;z-index: 9;}
.theme-picker {position: relative;margin-right: 0.2rem;}
.theme-options-inner { display: inline-flex; }
.theme-options-inner:hover .theme-picker { filter: blur(2px); opacity: 0.4; transition: filter 0.3s ease, opacity 0.3s ease; }

.theme-options-inner .theme-picker:hover { filter: none; opacity: 1; }
.theme-options-inner .theme-picker.active,
.theme-options-inner .theme-picker.is-active { filter: none; opacity: 1; }
.lenis.lenis-smooth { scroll-behavior: auto !important; }
.lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; }
.lenis.lenis-stopped { overflow: hidden; }
.lenis.lenis-scrolling iframe { pointer-events: none; }

img, .img { max-width: 100%; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }

.hide { display: none; opacity: 0; visibility: hidden; }
.show { display: block; opacity: 1; visibility: visible; }

a, button { color: var(--tg-theme-primary); font: inherit; outline: none; text-decoration: none; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
:focus { outline: 0; }
a:focus, .btn:focus, .button:focus { text-decoration: none; outline: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; }
a:hover, button:hover { color: var(--tg-theme-primary); text-decoration: none; } 
button:focus, input:focus, input:focus, textarea, textarea:focus { outline: 0; }
.disabled, disabled { pointer-events: none; opacity: 0.7; color: #ccc; }
.disabled i { font-size: 80%; }
h1, h2, h3, h4, h5, h6 { font-family: var(--tg-body-font-family); color: var(--tg-theme-secondary); margin-top: 0px; font-weight: var(--tg-fw-bold); line-height: var(--tg-heading-line-height); text-transform: unset; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; }
h1 { font-size: 72px; }

@media (max-width: 1399px) { h1 { font-size: 6.25rem; } }
@media (max-width: 1199.98px) { h1 { font-size: 5rem; } }
@media (max-width: 767.98px) { h1 { font-size: 2.5rem; } }
@media only screen and (min-width: 576px) and (max-width: 767px) { h1 { font-size: 4.063rem; } }
h2 { font-size: 3.75rem; }
h3 { font-size: 1.875rem; }
h4 { font-size: 1.5rem; }
h5 { font-size: 1.25rem; }
h6 { font-size: 1.125rem; }

.h1, .h2, .h3 { color: var(--white); font-family: var(--tg-other-font-family); line-height: var(--tg-heading-line-height); text-transform: uppercase; }
.h1 { font-size: var(--fs-1); font-weight: var(--fw-500); }
.h2 { font-size: var(--fs-2); }
.h3 { font-size: var(--fs-4); }

li { list-style: none; }
.list-wrap { margin: 0px; padding: 0px; }
.list-wrap li { list-style: none; }

p { font-size: var(--tg-body-font-size); line-height: var(--tg-body-line-height); font-weight: var(--tg-fw-regular); color: var(--tg-body-color); margin-bottom: 15px; }
b, strong { font-weight: var(--tg-fw-extra-bold); }
hr { border-bottom: 1px solid var(--tg-color-gray-1); border-top: 0 none; margin: 30px 0; padding: 0; }
label { color: var(--tg-theme-secondary); cursor: pointer; font-size: var(--tg-body-font-size); font-weight: var(--tg-fw-regular); }

input[type=color] { appearance: none; -moz-appearance: none; -webkit-appearance: none; background: none; border: 0; cursor: pointer; height: 100%; width: 100%; padding: 0; border-radius: 50%; }
*::-moz-selection { background: var(--tg-theme-primary); color: var(--tg-color-white-default); text-shadow: none; }
::-moz-selection { background: var(--tg-theme-primary); color: var(--tg-color-white-default); text-shadow: none; }
::selection { background: var(--tg-theme-primary); color: var(--tg-color-white-default); text-shadow: none; }


input, textarea { color: var(--tg-body-color); }
*::-moz-placeholder { color: var(--tg-body-color); font-size: var(--tg-body-font-size); opacity: 1; }
*::placeholder { color: var(--tg-body-color); font-size: var(--tg-body-font-size); opacity: 1; }

.fix { overflow: hidden; }
.clear { clear: both; }

.container { padding-left: 15px; padding-right: 15px; }
.row { --bs-gutter-x: 30px; }
.row.g-0 { --bs-gutter-x: 0px; }
.gy-20 { --bs-gutter-y: 20px; }
.gy-30 { --bs-gutter-y: 30px; }
.gy-35 { --bs-gutter-y: 35px; }
.gy-40 { --bs-gutter-y: 40px; }
.gy-60 { --bs-gutter-y: 60px; }
.gy-80 { --bs-gutter-y: 80px; }

@media (max-width: 1199.98px) { .gy-80 { --bs-gutter-y: 50px; } }
@media (max-width: 767.98px) { .gy-80 { --bs-gutter-y: 40px; } }
.gy-90 { --bs-gutter-y: 90px; }
@media (max-width: 1199.98px) { .gy-90 { --bs-gutter-y: 50px; } }
@media (max-width: 767.98px) { .gy-90 { --bs-gutter-y: 40px; } }
.gx-0 { --bs-gutter-x: 0; }
.gx-20 { --bs-gutter-x: 20px; }
.gx-30 { --bs-gutter-x: 30px; }
.gx-60 { --bs-gutter-x: 60px; }
@media (min-width: 1500px) { .gx-80 { --bs-gutter-x: 80px; } }
@media (min-width: 1500px) { .gx-50 { --bs-gutter-x: 50px; } }
@media (min-width: 1500px) { .gx-100 { --bs-gutter-x: 100px; } }
.container { max-width: 1320px; }
@media (max-width: 1500px) { .container { max-width: 1250px; } }
@media (max-width: 1199.98px) { .container { max-width: 960px; } }
@media (max-width: 991.98px) { .container { max-width: 720px; } }
@media (max-width: 767.98px) { .container { max-width: 100%; } }
@media only screen and (min-width: 576px) and (max-width: 767px) { .container { max-width: 540px; } }
.custom-container { max-width: 1870px; }
@media (max-width: 1800px) { .custom-container { max-width: 1600px; } }
@media (max-width: 1500px) { .custom-container { max-width: 100%; } }
@media (max-width: 1199.98px) { .custom-container { max-width: 960px; } }
@media (max-width: 991.98px) { .custom-container { max-width: 720px; } }
@media (max-width: 767.98px) { .custom-container { max-width: 100%; } }
@media only screen and (min-width: 576px) and (max-width: 767px) { .custom-container { max-width: 540px; } }
.custom-container2 { max-width: 1750px; }
@media (max-width: 1800px) { .custom-container2 { max-width: 1600px;  } }
@media (max-width: 1500px) { .custom-container2 { max-width: 100%; } }
@media (max-width: 1199.98px) { .custom-container2 { max-width: 960px; } }
@media (max-width: 991.98px) { .custom-container2 { max-width: 720px; } }
@media (max-width: 767.98px) { .custom-container2 { max-width: 100%; } }
@media only screen and (min-width: 576px) and (max-width: 767px) { .custom-container2 { max-width: 540px; } }

.include-bg { background-position: center; background-size: cover; background-repeat: no-repeat; }
.section-radius { border-radius: 150px 0; }

@media (max-width: 1199.98px) {
  .section-radius { border-radius: 50px 0; } }

.tg-swiper__slider.has-shadow { padding-left: 15px; padding-right: 15px; margin: -30px -15px; }
.tg-swiper__slider.has-shadow .swiper-wrapper { padding: 30px 0; }
.tg-swiper__slider.swiper-fade .swiper-slide { opacity: 0 !important; }
.tg-swiper__slider.swiper-fade .swiper-slide.swiper-slide-active { opacity: 1 !important; }


@media (max-width: 1800px) { .swipper-slide video { max-width: 1920px; width:1920px } }
@media (max-width: 1500px) { .swipper-slide video { max-width: 1500px; width:1500px } }
@media (max-width: 1199px) { .swipper-slide video { max-width: 960px; width:960px } }
@media (max-width: 991.98px) { .swipper-slide video { max-width: 720px; } }
@media (max-width: 767.98px) { .swipper-slide video { max-width: 100%; } }

.checklist-wrap .list-wrap li { line-height: 1.5em; font-size: 16px; font-weight: 600; color: var(--tg-theme-secondary); display: flex; gap: 18px; }
.checklist-wrap .list-wrap li .icon { color: var(--tg-theme-primary); flex: none; position: relative; top: 1px; }
.checklist-wrap .list-wrap li:not(:last-child) { margin-bottom: 20px; }
.checklist-wrap.style2 .list-wrap li { font-weight: 400; color: var(--tg-body-color); display: block; line-height: var(--tg-body-line-height); }
.checklist-wrap.style2 .list-wrap li span { color: var(--tg-theme-secondary); }
.checklist-wrap.style2 .list-wrap li:not(:last-child) { margin-bottom: 14px; }

.tg-button-wrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; gap: 22px; flex-wrap: wrap; }
.btn { user-select: none; -moz-user-select: none; background: var(--tg-theme-primary) none repeat scroll 0 0; border: medium none; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; color: var(--tg-color-white-default); cursor: pointer; display: inline-flex; align-items: center; font-size: 16px; font-weight: 600; letter-spacing: 0; line-height: 1; margin-bottom: 0; padding: 21px 32px 19px 32px; text-align: center; text-transform: uppercase; touch-action: manipulation; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; transition: 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.5); transition-delay: 0s; vertical-align: middle; white-space: nowrap; position: relative; overflow: hidden; z-index: 1; 
font-family: var(--tg-body-font-family); gap: 10px; min-width: 180px; justify-content: center; --arrow-hover-move-x: -110%; }
.btn .btn-text { display: inline-block; position: relative; z-index: 1; margin-bottom: 0px; text-align: center; }
.btn .btn-text:before { top: 0; left: 0; opacity: 1; display: block; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; position: relative; color: inherit; content: attr(data-text); transform: translateY(0); }
.btn .btn-text:after { top: 0; left: 0; opacity: 0; width: 100%; display: block; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; position: absolute; background: transparent; color: inherit; content: attr(data-text); transform: translateY(240%); }
.btn::before { content: ""; position: absolute; -webkit-transition-duration: 800ms; transition-duration: 800ms; width: 200%; height: 200%; top: 110%; left: 50%; background: var(--tg-theme-secondary); -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; }
.btn svg { -webkit-transform: translateY(-2.5px); -moz-transform: translateY(-2.5px); -ms-transform: translateY(-2.5px); -o-transform: translateY(-2.5px); transform: translateY(-2.5px); }
.btn svg path { transition: transform 0.38s cubic-bezier(0.37, 0.08, 0.02, 0.93), opacity 0.18s ease-out; }
.btn svg path:nth-of-type(1) { transform: translateX(0); opacity: 1; transition-delay: 0.15s, 0.15s; }
.btn svg path:nth-of-type(2) { transform: translateX(calc(1 * var(--arrow-hover-move-x))); opacity: 0.5; transition-delay: 0s, 0s; }
.btn:hover, .btn:focus, .btn:active, .btn:focus-visible { color: var(--tg-color-white-default) !important; background: var(--tg-theme-primary); }
.btn:hover:before, .btn:focus:before, .btn:active:before, .btn:focus-visible:before { top: -40%; }
.btn:hover .btn-text:before, .btn:focus .btn-text:before, .btn:active .btn-text:before, .btn:focus-visible .btn-text:before { opacity: 0; transform: translateY(-240%); }
.btn:hover .btn-text:after, .btn:focus .btn-text:after, .btn:active .btn-text:after, .btn:focus-visible .btn-text:after { opacity: 1; transform: translateY(0%); }
.btn-two { background: var(--tg-color-white-default); color: var(--tg-theme-primary); }
.btn-two:focus, .btn-two:active, .btn-two:hover { background: var(--tg-color-white-default) !important; }
.btn-three:before { background: var(--tg-color-white-default); }
.btn-three:focus, .btn-three:active, .btn-three:hover { color: var(--tg-theme-primary) !important; }
.btn-four { background: #4D555A; border: 1px solid rgba(255, 255, 255, 0.2); }
.btn-four:before { background: var(--tg-theme-primary); }
.btn-four:focus, .btn-four:active, .btn-four:hover { border-color: var(--tg-theme-primary); background: #4D555A; color: var(--tg-color-white-default); }
.btn-five { background: var(--tg-color-smoke-4); color: var(--tg-theme-primary); min-width: auto; padding: 21px 27px 19px 27px; }
.btn-five:before { background: var(--tg-theme-primary); }
.btn-five:focus, .btn-five:active, .btn-five:hover { background: var(--tg-color-smoke-4); color: var(--tg-color-white-default); }
.btn-six { background: transparent; color: var(--tg-theme-secondary); border: 1px solid var(--tg-theme-primary); min-width: auto; padding: 21px 27px 19px 27px; }
.btn-six:after { content: ""; position: absolute; inset: 0; background: var(--tg-theme-primary); opacity: 0.08; }
.btn-six:before { background: var(--tg-theme-primary); }
.btn-six .btn-text:after { color: var(--tg-color-white-default); }
.btn-six:focus, .btn-six:active, .btn-six:hover { background: var(--tg-color-smoke-4); color: var(--tg-color-white-default); }
.btn-seven { background: var(--tg-color-white-default); color: var(--tg-theme-primary); min-width: auto; padding: 21px 27px 19px 27px; }
.btn-seven:before { background: var(--tg-theme-primary); }
.btn-seven:focus, .btn-seven:active, .btn-seven:hover { background: var(--tg-color-smoke-4); color: var(--tg-color-white-default); }
.btn-eight { background: transparent; color: var(--tg-color-white-default); border: 1px solid var(--tg-color-white-default); min-width: auto; padding: 21px 27px 19px 27px; }
.btn-eight:before { background: var(--tg-theme-primary); }
.btn-eight .btn-text:after { color: var(--tg-color-white-default); }
.btn-eight:focus, .btn-eight:active, .btn-eight:hover { background: transparent; border-color: var(--tg-theme-primary); color: var(--tg-color-white-default); }
.btn.w-100 { justify-content: center; }

.link-btn { font-weight: 600; position: relative; }
.link-btn:after { content: ""; position: absolute; left: 0; bottom: 0; height: 1px; width: 0; background: var(--tg-theme-primary); transition: 0.4s; }
.link-btn:hover:after { width: 100%; }

.social-links .list-wrap { display: flex; flex-wrap: wrap; gap: 8px; }
.social-links .list-wrap a { border-radius: 5px; display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; background: var(--tg-border-2); font-size: 16px; transition: 0.4s; }
.social-links .list-wrap a:hover { background: var(--tg-theme-primary); color: var(--tg-color-white-default); }
.social-links.style2 .list-wrap { gap: 10px; }
.social-links.style2 .list-wrap a { border-radius: 50%; background: var(--tg-color-smoke); color: var(--tg-theme-secondary); font-size: 15px; }
.social-links.style2 .list-wrap a:hover { background: var(--tg-theme-primary); color: var(--tg-color-white-default); }
.social-links.style3 .list-wrap { gap: 10px; }
.social-links.style3 .list-wrap a { background: var(--tg-color-gray-6); color: var(--tg-color-white-default); font-size: 16px; width: 45px; height: 45px; line-height: 45px; }
.social-links.style3 .list-wrap a:hover { background: var(--tg-theme-primary); color: var(--tg-color-white-default); }

#preloader { height: 100%; width: 100%; position: fixed; margin-top: 0px; top: 0px; z-index: 9999; }
#preloader .loader .loader-container { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100px; height: 100px; border: 3px solid #fdf2f9; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; }
#preloader .loader .loader-container::before { position: absolute; content: ""; display: block; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100px; height: 100px; border-top: 3px solid var(--tg-theme-primary); -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; animation: loaderspin 1.8s infinite ease-in-out; -webkit-animation: loaderspin 1.8s infinite ease-in-out; }
#preloader .loader .loader-icon { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 80px; text-align: center; }
#preloader .loader .loader-icon img { animation: loaderpulse alternate 900ms infinite; width: 40px; }
#preloader.black-bg .loader-container, #preloader.black2-bg .loader-container { border: 3px solid #1a1a1a; }

@keyframes loaderspin {
	0% { transform: translate(-50%, -50%) rotate(0deg); }
	100% { transform: translate(-50%, -50%) rotate(360deg); }
}
@-webkit-keyframes loaderspin {
	0% { transform: translate(-50%, -50%) rotate(0deg); }
	100% { transform: translate(-50%, -50%) rotate(360deg); }
}
@keyframes loaderpulse {
	0% { transform: scale(1); }
	100% { transform: scale(1.2); }
}

.gray-bg { background: var(--tg-color-gray-1); }
.smoke5-bg { background: var(--tg-color-smoke-5); }
.smoke7-bg { background: var(--tg-color-smoke-7); }
.smoke3-bg { background: var(--tg-color-smoke-3); }
.white-bg { background: var(--tg-color-white-default); }
.title-bg { background: var(--tg-theme-secondary); }
.black1-bg { background: var(--tg-color-black-1); }
.black2-bg { background: var(--tg-color-black-2); }
.dark-bg { background: var(--tg-color-dark); }
.theme-bg { background: var(--tg-theme-primary); }

.bg-parralax { background-attachment: fixed; }
.bg-cover { background-size: cover; }
.bg-mask { mask-size: cover; }

.offCanvas__info {
  background: transparent none repeat scroll 0 0;
  height: 100%;
  padding: 30px;
  position: fixed;
  right: 0;
  top: 0;
  transition: all 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition: all 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -webkit-transition: all 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -ms-transition: all 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -o-transition: all 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  width: 100%;
  z-index: 999;
  overflow-y: scroll;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.offCanvas__info.active {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.offCanvas__info::-webkit-scrollbar {
  width: 0px;
}
.offCanvas__close-icon {
  margin-top: -25px;
  margin-right: -20px;
  text-align: right;
  
}
.offCanvas__close-icon button {
    background: transparent;
    border: 0 none;
    color: #ffffff;
    cursor: pointer;
    font-size: 28px;
    background-color: var(--tg-theme-primary);
    border-radius: 50%;
    padding: 0px;
    width: 46px;
    height: 46px;
}
.offCanvas__logo img {
  max-height: 45px;
}
.offCanvas__side-info {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  padding-top: 25px;
}
.offCanvas__side-info .contact-list h4 {
  color: var(--tg-color-white-default);
  font-weight: 400;
  font-size: 18px;
}
.offCanvas__side-info .contact-list p {
  color: var(--tg-color-white-default);
  margin: 0;
  margin-bottom: 2px;
  line-height: 26px;
}
.offCanvas__social-icon {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: relative;
  text-align: center;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.offCanvas__social-icon li {
  position: relative;
  display: inline-block;
  margin: 0px 6px 10px;
}
.offCanvas__social-icon li a {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  position: relative;
  line-height: 32px;
  font-size: 16px;
  color: var(--tg-color-white-default);
  -webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  border: 1px solid #efefef;
  border-radius: 50%;
}
.offCanvas__social-icon li a:hover {
  background: var(--tg-color-white-default);
  color: var(--tg-theme-secondary);
}
.offCanvas__overly {
  position: fixed;
  background: #000;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 99;
  opacity: 0.5;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.offCanvas__overly.active {
  opacity: 0.7;
  visibility: visible;
}

/*=============================
	1. Search Popup
===============================*/
.popup-search-box {
  position: fixed;
  top: 0;
  left: 50%;
  background-color: var(--tg-theme-secondary);
  width: 100.1%;
  height: 0px;
  overflow: hidden;
  z-index: 99999;
  opacity: 0;
  visibility: hidden;
  transform: translateX(-50%);
  transition: all ease 0.4s;
}
.popup-search-box button.searchClose {
  width: 60px;
  height: 60px;
  line-height: normal;
  position: absolute;
  top: 40px;
  right: 40px;
  background-color: transparent;
  font-size: 18px;
  border-radius: 50%;
  border: 2px solid var(--tg-color-white-default);
  transform: rotate(0);
  transition: all ease 0.4s;
  color: var(--tg-color-white-default);
}
.popup-search-box button.searchClose:hover {
  color: var(--tg-body-color);
  background-color: #2e2e2d;
  border-color: transparent;
  border-color: transparent;
  transform: rotate(90deg);
}
.popup-search-box form {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  padding-bottom: 0px;
  cursor: auto;
  width: 100%;
  max-width: 900px;
  transform: translate(-50%, -50%);
  transition: transform ease 0.4s;
}
@media (max-width: 1199.98px) {
  .popup-search-box form {
    max-width: 600px;
  }
}
.popup-search-box form input {
  font-size: 24px;
  font-weight: 400;
  height: 70px;
  width: 100%;
  border: none;
  background-color: transparent;
  border-bottom: 2px solid var(--tg-color-white-default);
  padding: 0 80px 0 0px;
  color: var(--tg-color-white-default);
  border-radius: 0px;
}
.popup-search-box form input::placeholder {
  color: rgba(246, 245, 243, 0.5);
}
.popup-search-box form button {
  position: absolute;
  top: 0px;
  background-color: transparent;
  border: none;
  color: var(--tg-theme-primary);
  font-size: 24px;
  right: 0px;
  cursor: pointer;
  width: auto;
  height: 70px;
  transition: all ease 0.4s;
  transform: scale(1.001);
  filter: brightness(99999);
}
.popup-search-box form button:hover {
  transform: scale(1.1);
}
.popup-search-box.show {
  opacity: 1;
  visibility: visible;
  width: 100.1%;
  height: 350px;
  transition: all ease 0.4s;
  border-radius: 0;
}
.popup-search-box.show form {
  transition-delay: 0.5s;
}

@media (max-width: 767.98px) {
  .popup-search-box form {
    width: 80%;
  }
  .popup-search-box form input {
    height: 60px;
  }
  .popup-search-box form button {
    width: 60px;
    line-height: 62px;
    height: 60px;
  }
}
/*=========================
   07. Breadcrumb
===========================*/
.breadcrumb {
  margin-bottom: 0;
  align-items: center;
  line-height: 1.3;
  gap: 5px;
  display: inline-flex;
  flex-wrap: wrap;
  margin-top:30px;
  padding: 25px 35px 15px 0;
border-top: 1px solid var(--tg-color-gray-2);
}
.breadcrumb > * {
  font-size: 16px;
  font-family: var(--tg-body-font-family);
  color: var(--tg-theme-primary);
  text-transform: uppercase;
  font-weight: 700;
}
.breadcrumb > * a {
  color: var(--tg-body-color);
}
.breadcrumb > * a:hover {
  color: var(--tg-theme-primary);
}
.breadcrumb-wrap {
  text-align: start;
}
@media (max-width: 1199.98px) {
  .breadcrumb-wrap {
    text-align: center;
    margin-top: 40px;
  }
}
.breadcrumb .breadcrumb-separator {
  line-height: 0;
  font-size: 16px;
  margin-top: 1px;
  font-weight: 400;
  margin-top: 2px;
  color: var(--tg-theme-primary);
}
@media (max-width: 1199.98px) {
  .breadcrumb {
    justify-content: center;
  }
}
.breadcrumb__area {
overflow:hidden;
  background: none;
  position: relative;
  z-index: 1;
  border-radius: 0 0 150px 0;
  padding: 130px 0 100px 0;
}

.breadcrumb__area.about {
  background-size: cover;
  position: relative;
  z-index: 1;
  border-radius: 0 0 150px 0;
  padding: 160px 0;
  
 } 
  
  .breadcrumb__area.about {

height: 460px;
    width: 110%;
    background-attachment: unset;
    background-position: bottom right;
    border-bottom-left-radius: 0%;
    border-bottom-right-radius: 65%;
    /* border-right: 100px solid rgba(26, 47, 82, 0.75);*/
}
.banner-section .banner-section {
    position: relative;
    top: 20px;
    box-shadow: -33px 0px 0px -21px rgba(26, 47, 82, 0.2);
    /* background: #fff; */
    clip-path: ellipse(125% 98% at 49.5% 32%);
    -webkit-clip-path: ellipse(125% 98% at 49.5% 32%);
    height: calc(100vh - 230px);
    z-index: 9;
}

.breadcrumb {
    position: relative;
    top: 20px;
    box-shadow: -33px 0px 0px -21px rgba(26, 47, 82, 0.1);
    /* background: #fff; */
    clip-path: ellipse(125% 98% at 49.5% 32%);
    -webkit-clip-path: ellipse(125% 98% at 49.5% 32%);

    z-index: 9;
}

#page-7 .cta-section .bg-layer {
    height: 460px;
    width: 110%;
    background-attachment: unset;
    background-position: bottom right;
    border-bottom-left-radius: 0%;
    border-bottom-right-radius: 65%;
    border-right: 100px solid rgba(26, 47, 82, 0.75);
}

.cta-section .bg-layer {
    position: absolute;
    left: 0;
    top: 0;
    width: 110%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    border-bottom-left-radius: 0%;
    border-bottom-right-radius: 65%;
    border-right: 100px solid rgba(129, 124, 47, 0.75);
}
.banner-section:after {
    content: "";
    position: absolute;
    z-index: -1;
    box-shadow: 0 0 50px rgba(50, 50, 50, 0.40);
    top: 0;
    width: 100%;
    height: 100vh;
    left: 70px;
    right: 70px;
}
@media (max-width: 1199.98px) {
  .breadcrumb__area {
    padding: 130px 0;
    text-align: center;
  }
}
@media (max-width: 767.98px) {
  .breadcrumb__area {
    border-radius: 0 0 100px 0;
  }
}
.breadcrumb__area:after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--tg-color-gray-3);
  opacity: 0.86;
  z-index: -3;
}
.breadcrumb__bg-shape {
  position: absolute;
  width: 279.91px;
  height: 436.94px;
  background: linear-gradient(174.89deg, rgba(0, 0, 0, 0) 20.65%, var(--tg-theme-primary) 95.9%);
  transform: rotate(15deg);
  bottom: -150px;
  left: 135px;
  z-index: -1;
}
.breadcrumb__bg-shape:before {
  content: "";
  position: absolute;
  width: 133.18px;
  height: 436.94px;
  background: linear-gradient(174.89deg, rgba(6, 122, 122, 0) 6.98%, var(--tg-theme-primary) 95.9%);
  z-index: -2;
  bottom: -66px;
  left: -100px;
}
@media (max-width: 767.98px) {
  .breadcrumb__bg-shape {
    width: 150px;
    left: 80px;
    bottom: -200px;
  }
  .breadcrumb__bg-shape:before {
    width: 50px;
    left: -50px;
  }
}
.breadcrumb__content .span-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 22px;
  color: var(--tg-theme-primary);
  position: relative;
  display: block;
  margin-bottom: 10px;
  text-transform: uppercase; 
}
.breadcrumb__content .title {
  font-size: 60px;
  font-weight: 700;
  line-height: 0.85em;
  color: var(--tg-color-white-default);
  position: relative;
  display: block;
  margin-bottom: -0.1em;
}
@media (max-width: 1199.98px) {
  .breadcrumb__content .title {
    font-size: 50px;
  }
}
@media (max-width: 767.98px) {
  .breadcrumb__content .title {
    font-size: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .breadcrumb__content .title {
    font-size: 48px;
  }
}
.breadcrumb__img {
  text-align: right;
}
.breadcrumb__img .thumb {
  position: relative;
  display: inline-block;
  z-index: 1;
}
.breadcrumb__img .thumb:after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  transform: translate(-50%, 0);
  top: 28px;
  border-radius: 50%;
  width: 437px;
  height: 437px;
  background: linear-gradient(205.39deg, var(--tg-theme-primary) 12.33%, #030201 87.34%);
  opacity: 0.4;
}
@media (max-width: 1199.98px) {
  .breadcrumb__img {
    display: none;
  }
}


/*=============================
	09. Section Title
===============================*/
.section__title .sub-title {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 30px;
  margin-top: -0.1em;
  line-height: 1;
  color: var(--tg-theme-primary);
  font-family: var(--tg-heading-font-family);
  display: block;
}
@media (max-width: 991.98px) {
  .section__title .sub-title {
    margin-top: -0.07em;
  }
}
.section__title .title {
  margin-bottom: 0;
  font-weight: 700;
  font-size: 3rem;
  line-height: 1.20833em;
  margin-top: -0.2em;
}
.section__title .title.appointment-form-title { font-size: 2rem; }

@media (max-width: 1399px) {
  .section__title .title {
    font-size: 3rem;
	 color: var(--tg-theme-primary);
    font-family: var(--tg-body-font-family);
    text-transform: uppercase;
  }
}
@media (max-width: 767.98px) {
  .section__title .title {
    font-size: 2rem;
	  color: var(--tg-theme-primary);
  }
}
@media (max-width: 991.98px) {
  .section__title .title br {
    display: none;
  }
}
.section__title .title.title2 {
  font-family: var(--tg-heading2-font-family);
  font-weight: 700;
}
.section__title .shadow-title {
  font-weight: 700;
  font-size: 180px;
  font-family: var(--tg-heading-font-family);
  margin-bottom: 0;
  position: absolute;
  right: 0;
  top: 50%;
  line-height: 0.85;
  z-index: -1;
  opacity: 0.08;
  transform: translate(0, -50%);
}
@media (max-width: 1199.98px) {
  .section__title .shadow-title {
    font-size: 100px;
  }
}
@media (max-width: 380px) {
  .section__title .shadow-title {
    font-size: 80px;
  }
}
.section__title p {
  margin-bottom: 0;
  margin-top: 10px;
}
@media (max-width: 767.98px) {
  .section__title p br {
    display: none;
  }
}
.section__title .sec-text {
  font-size: 18px;
  margin-top: 28px;
  opacity: 0.8;
}
@media (max-width: 767.98px) {
  .section__title .sec-text {
    font-size: 16px;
  }
}
.section__title .sec-text2 {
  font-size: 20px;
  font-family: var(--tg-heading2-font-family);
  margin-top: 28px;
  line-height: 1.5em;
  letter-spacing: -0.015em;
}
@media (max-width: 767.98px) {
  .section__title .sec-text2 {
    font-size: 16px;
  }
}
.section__title .sec-text3 {
  font-size: 20px;
  margin-top: 28px;
  line-height: 1.5em;
  letter-spacing: -0.015em;
}
@media (max-width: 767.98px) {
  .section__title .sec-text3 {
    font-size: 16px;
  }
}
.section__title-two {
  border-top: 1px solid var(--tg-theme-secondary);
  border-bottom: 1px solid var(--tg-theme-secondary);
  padding: 40px 0 31px;
}
@media (min-width: 1920px) {
  .section__title-two .title {
    margin-left: -20px;
  }
}
.section__title-three {
  position: relative;
}
.section__title-three:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 44px;
  height: 1px;
  background: var(--tg-color-white-default);
}
.section__title.white-title .sub-title {
  color: var(--tg-color-gray-5);
}
.section__title.white-title .sub-title svg {
  color: var(--tg-color-light-blue);
}
.section__title.white-title .title {
  color: var(--tg-color-white-default);
}
.section__title.white-title p {
  color: var(--tg-color-gray-5);
}
@media (max-width: 991.98px) {
  .section__title.mb-40 {
    margin-bottom: 30px;
  }
}

.page-title {
  font-size: 40px;
  font-weight: 400;
  letter-spacing: -0.03em;
}
@media (max-width: 767.98px) {
  .page-title {
    font-size: 24px;
  }
}

/*=============================
    10. Select2 CSS
===============================*/
.tgmenu__search-form .select2-container {
  margin-left: -17px;
}
.tgmenu__search-form .select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 15px;
  padding-right: 18px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.1rem center;
  background-size: 16px 12px;
  font-size: 14px;
  color: var(--tg-body-color);
  font-weight: 500;
}
.tgmenu__search-form .select2-container .select2-selection--single {
  height: auto;
}

.course-category-dropdown {
  background: var(--tg-color-white-default);
  border: 1px solid var(--tg-border-2);
  margin: 0 0;
}
.course-category-dropdown .select2-results__options {
  margin-top: 7px;
}
.course-category-dropdown .select2-results__option {
  padding: 1px 10px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.course-category-dropdown .select2-results__option--selectable:hover {
  background: var(--tg-theme-primary);
  color: var(--tg-color-white-default);
}

/*=============================
    Input
===============================*/
select,
.single-select,
.form-control,
.form-select,
textarea,
input {
  height: 55px;
  padding: 0 25px;
  border: 3px solid transparent;
  color: var(--tg-theme-secondary);
  background-color: var(--tg-color-smoke-3);
  font-size: 14px;
  font-weight: 600;
  width: 100%;
  font-family: var(--tg-body-font-family);
  transition: 0.4s ease-in-out;
  padding-right: 45px;
  border-radius: 5px;
}
select:focus,
.single-select:focus,
.form-control:focus,
.form-select:focus,
textarea:focus,
input:focus {
  outline: 0;
  background-color: var(--tg-color-smoke-3);
  border-color: #111827;
  box-shadow: 0 0 0 .15rem rgba(17,24,39,.15);
}
select::placeholder,
.single-select::placeholder,
.form-control::placeholder,
.form-select::placeholder,
textarea::placeholder,
input::placeholder {
  color: var(--tg-body-color);
}
select.style-white,
.single-select.style-white,
.form-control.style-white,
.form-select.style-white,
textarea.style-white,
input.style-white {
  background: var(--tg-color-white-default);
}
select.style-dark,
.single-select.style-dark,
.form-control.style-dark,
.form-select.style-dark,
textarea.style-dark,
input.style-dark {
  background: var(--tg-color-black-3);
  font-size: 14px;
  color: var(--tg-color-white-default);
  padding: 0 20px;
}
select.style-dark::placeholder,
.single-select.style-dark::placeholder,
.form-control.style-dark::placeholder,
.form-select.style-dark::placeholder,
textarea.style-dark::placeholder,
input.style-dark::placeholder {
  color: rgba(255, 255, 255, 0.4);
}
select.style-border,
.single-select.style-border,
.form-control.style-border,
.form-select.style-border,
textarea.style-border,
input.style-border {
  background: var(--tg-color-smoke-3);
  border: 1px solid var(--tg-border-1);
  border-radius: 10px;
  color: var(--tg-body-color);
  font-weight: 400;
  padding-right: 25px;
}
select.style-border::placeholder,
.single-select.style-border::placeholder,
.form-control.style-border::placeholder,
.form-select.style-border::placeholder,
textarea.style-border::placeholder,
input.style-border::placeholder {
  color: var(--tg-body-color);
}
select.style-border2,
.single-select.style-border2,
.form-control.style-border2,
.form-select.style-border2,
textarea.style-border2,
input.style-border2 {
  background: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 0;
  color: var(--tg-color-white-default);
  font-weight: 400;
  padding: 0;
  padding-bottom: 20px;
  height: auto;
}
select.style-border2::placeholder,
.single-select.style-border2::placeholder,
.form-control.style-border2::placeholder,
.form-select.style-border2::placeholder,
textarea.style-border2::placeholder,
input.style-border2::placeholder {
  color: rgba(255, 255, 255, 0.4);
}
select.style-border2:hover, select.style-border2:active, select.style-border2:focus,
.single-select.style-border2:hover,
.single-select.style-border2:active,
.single-select.style-border2:focus,
.form-control.style-border2:hover,
.form-control.style-border2:active,
.form-control.style-border2:focus,
.form-select.style-border2:hover,
.form-select.style-border2:active,
.form-select.style-border2:focus,
textarea.style-border2:hover,
textarea.style-border2:active,
textarea.style-border2:focus,
input.style-border2:hover,
input.style-border2:active,
input.style-border2:focus {
  border-bottom: 1px solid var(--tg-theme-primary);
}
select.style-border3,
.single-select.style-border3,
.form-control.style-border3,
.form-select.style-border3,
textarea.style-border3,
input.style-border3 {
	width: 100%;	
  background: var(--tg-color-white-default);
  border: 3px solid var(--tg-border-4);
  border-radius: 10px;
  color: var(--tg-body-color);
      font-size: 18px;
    outline: none;
  font-weight: 400;
  padding-right: 25px;
  height: 60px;
  transition: border-color .2s ease, box-shadow .2s ease;
}
select.style-border3::placeholder,
.single-select.style-border3::placeholder,
.form-control.style-border3::placeholder,
.form-select.style-border3::placeholder,
textarea.style-border3::placeholder,
input.style-border3::placeholder {
  color: var(--tg-body-color);
}

.single-select,
.form-select,
select {
  display: block;
  width: 100%;
  line-height: 55px;
  cursor: pointer;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
  background-position: right 26px center;
  background-repeat: no-repeat;
  background-size: 16px 12px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.single-select:after,
.form-select:after,
select:after {
  right: 30px;
  height: 8px;
  width: 8px;
}
.single-select .list,
.form-select .list,
select .list {
  width: 100%;
}

textarea.form-control,
textarea {
  min-height: 155px;
  padding-top: 18px;
  padding-bottom: 17px;
}
textarea.form-control.style2,
textarea.style2 {
  min-height: 200px;
}
textarea.form-control.style-dark,
textarea.style-dark {
  padding: 20px;
}

.form-group {
  position: relative;
}
.form-group > i {
  display: inline-block;
  position: absolute;
  right: 25px;
  top: 21px;
  font-size: 16px;
  color: var(--tg-theme-secondary);
}
.form-group > i.fa-envelope {
  padding-top: 1px;
}
.form-group > i.fa-comment {
  margin-top: -2px;
}
.form-group > i.fa-chevron-down {
  width: 17px;
  background-color: var(--tg-theme-secondary);
}
.form-group .form-icon-left {
  display: inline-block;
  position: absolute;
  right: auto;
  margin-bottom: 0;
  left: 25px;
  top: 12px;
  margin-top: 0;
}
.form-group:has(.form-icon-left) input {
  padding-left: 50px;
}
.form-group:has(.form-icon-left) textarea {
  padding-left: 55px;
}
.form-group.has-label > i {
  top: 50px;
}
.form-group.has-icon .form-control {
  padding-left: 70px;
}
.form-group.has-icon .input-icon {
  display: inline-block;
  position: absolute;
  left: 40px;
  top: 18px;
  font-size: 16px;
  color: var(--tg-theme-secondary);
}
.form-group.has-icon .input-icon:hover {
  color: var(--tg-theme-primary);
}
.form-group:has(.style-border2) .form-icon-left {
  filter: brightness(99);
}
.form-group .form-icon-right {
  display: inline-block;
  position: absolute;
  right: 25px;
  left: auto;
  top: 17px;
  margin-bottom: 0;
}
.form-group .form-icon-right2 {
  display: inline-block;
  position: absolute;
  right: 25px;
  margin-bottom: 0;
  top: 20px;
  color: #6b7280;
  
}
.form-group:has(.form-icon-right) textarea,
.form-group:has(.form-icon-right) input {
  padding-right: 33px;
}
.form-group:has(textarea) .form-icon-left {
  top: 17px;
}
.form-group.radius-group input {
  border-radius: 100px;
}
.form-group.style-2 .form-control {
  padding: 0 30px 0 55px;
}
.form-group.style-2 textarea.form-control {
  padding: 16px 30px 30px 55px;
}
.form-group.style-3 .form-control {
  padding: 0 60px 0 30px;
}
.form-group .form-label {
  font-size: 14px;
  font-weight: 600;
  color: var(--tg-theme-secondary);
  margin-top: -0.5em;
}
input[type=date] {
  padding: 0 25px 0 25px;
  position: relative;
}

input[type=date]::-webkit-calendar-picker-indicator {
  background: transparent;
  position: absolute;
  left: 0px;
  height: 100%;
  width: 100%;
  z-index: 1;
  cursor: pointer;
}

option:checked, option:focus, option:hover {
  background-color: var(--tg-theme-primary);
  color: var(--tg-theme-secondary);
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

input[type=checkbox] {
  visibility: hidden;
  opacity: 0;
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 0;
  display: none;
  border-radius: 10px;
}
input[type=checkbox]:checked ~ label:before {
  content: "\f00c";
  color: var(--tg-color-white-default);
  background-color: var(--tg-theme-primary);
  border-color: var(--tg-theme-primary);
}
input[type=checkbox] ~ label {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  display: block;
}
input[type=checkbox] ~ label:before {
  content: "";
  font-family: var(--tg-icon-font-family);
  font-weight: 700;
  position: absolute;
  left: 0px;
  top: 3.5px;
  background-color: var(--tg-color-white-default);
  border: 1px solid var(--tg-theme-primary);
  height: 18px;
  width: 18px;
  line-height: 18px;
  text-align: center;
  font-size: 12px;
}
input[type=checkbox].style2 ~ label {
  color: #8B929C;
  padding-left: 23px;
  margin-bottom: -0.5em;
}
input[type=checkbox].style2 ~ label:before {
  background-color: white;
  border: 1px solid rgb(247, 204, 215);
  height: 14px;
  width: 14px;
  line-height: 14px;
  border-radius: 3px;
  top: 6px;
}
input[type=checkbox].style2:checked ~ label:before {
  color: var(--tg-theme-primary);
}

input[type=radio] {
  visibility: hidden;
  opacity: 0;
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 0;
  display: none;
}
input[type=radio] ~ label {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  line-height: 1;
  display: inline-block;
  font-weight: 600;
  margin-bottom: 0;
}
input[type=radio] ~ label::before {
  content: "\f111";
  position: absolute;
  font-family: var(--tg-icon-font-family);
  left: 0;
  top: -2px;
  width: 20px;
  height: 20px;
  padding-left: 0;
  font-size: 0.6em;
  line-height: 19px;
  text-align: center;
  border: 1px solid var(--tg-theme-primary);
  border-radius: 100%;
  font-weight: 700;
  background: var(--tg-color-white-default);
  color: transparent;
  transition: all 0.2s ease;
}
input[type=radio]:checked ~ label::before {
  border-color: var(--tg-theme-primary);
  background-color: var(--tg-theme-primary);
  color: var(--tg-color-white-default);
}

label {
  margin-bottom: 0.5em;
  margin-top: -0.3em;
  display: block;
  color: var(--tg-theme-secondary);
  font-family: var(--tg-body-font-family);
  font-size: 16px;
}
.form-check label.form-check-label {
  font-size: 14px;
}
textarea.is-invalid,
select.is-invalid,
input.is-invalid,
.was-validated input:invalid {
  background-position: right calc(0.375em + 0.8875rem) center;
  background-image: none;
}
textarea.is-invalid:focus,
select.is-invalid:focus,
input.is-invalid:focus,
.was-validated input:invalid:focus {
  outline: 0;
  box-shadow: none;
}

textarea.is-invalid {
  background-position: top calc(0.375em + 0.5875rem) right calc(0.375em + 0.8875rem);
}

.row.no-gutters > .form-group {
  margin-bottom: 0;
}

.form-messages {
  display: none;
}
.form-messages.mb-0 * {
  margin-bottom: 0;
}
.form-messages pre {
  padding: 0;
  background-color: transparent;
  color: inherit;
}

.xdsoft_datetimepicker {
  z-index: 9999;
}

/*=============================
	1. Pagination
===============================*/
.pagination__wrap ul {
  gap: 10px;
}
.pagination__wrap .page-numbers {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  background-color: var(--tg-color-white-default);
  border: 1px solid var(--tg-border-1);
  color: var(--tg-theme-secondary);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  font-weight: 700;
  font-size: 16px;
}
.pagination__wrap .page-numbers:hover, .pagination__wrap .page-numbers.current {
  background-image: none;
  border-color: var(--tg-theme-primary);
  background-color: var(--tg-theme-primary);
  color: var(--tg-color-white-default);
}

/*=============================
	11. Header
===============================*/
.transparent-header {
  position: absolute;
  left: 0;
  top: 0px;
  width: 100%;
  z-index: 9;
  height: auto;
}

.header__top { padding-top: 25px; }

.header__top-info {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 50px;
}
@media (max-width: 767.98px) {
  .header__top-info {
    justify-content: center;
    margin-bottom: 10px;
  }
}
.header__top-info li {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--tg-color-white-default);
  font-size: 16px;
  font-weight: 500;
  position: relative;
}
.header__top-info li::before {
  content: "";
  position: absolute;
  right: -26px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(16deg);
  -moz-transform: translateY(-50%) rotate(16deg);
  -ms-transform: translateY(-50%) rotate(16deg);
  -o-transform: translateY(-50%) rotate(16deg);
  transform: translateY(-50%) rotate(16deg);
  width: 1px;
  height: 50px;
  background: var(--tg-color-dark-theme);
}
.header__top-info li:last-child::before {
  display: none;
}
.header__top-info li i {
  color: var(--tg-color-white-default);
  font-size: 16px;
  line-height: 0;
}
.header__top-info li a {
  color: var(--tg-color-white-default);
}
.header__top-info li a:hover {
  text-shadow: -0.3px -0.3px 0 var(--tg-color-white-default), 0.3px 0.3px var(--tg-color-white-default);
}
.header__top-right {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 60px;
}
@media (max-width: 1199.98px) {
  .header__top-right {
    gap: 15px;
  }
}
@media (max-width: 767.98px) {
  .header__top-right {
    justify-content: center;
  }
}
.header__top-right > li {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--tg-color-white-default);
  font-size: 16px;
  font-weight: 500;
  position: relative;
}
@media (max-width: 1199.98px) {
  .header__top-right > li:first-child {
    display: none;
  }
}
.header__top-right > li::before {
  content: "";
  position: absolute;
  right: -30px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(16deg);
  -moz-transform: translateY(-50%) rotate(16deg);
  -ms-transform: translateY(-50%) rotate(16deg);
  -o-transform: translateY(-50%) rotate(16deg);
  transform: translateY(-50%) rotate(16deg);
  width: 1px;
  height: 50px;
  background: var(--tg-color-dark-theme);
}
.header__top-right > li:last-child::before {
  display: none;
}
.header__top-right > li i {
  color: var(--tg-color-white-default);
  font-size: 20px;
  line-height: 0;
}
.header__top-right > li a {
  color: var(--tg-color-white-default);
}
.header__top-right > li a:hover {
  text-shadow: -0.3px -0.3px 0 var(--tg-color-white-default), 0.3px 0.3px var(--tg-color-white-default);
}
.header__top-social .list-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 24px;
}
.header__top-social .list-wrap li a {
  font-size: 16px;
  color: var(--tg-color-white-default);
}
.header__top-social .list-wrap li a i {
  font-size: 16px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.header__top-social .list-wrap li a:hover i {
  text-shadow: -0.3px -0.3px 0 var(--tg-color-white-default), 0.3px 0.3px var(--tg-color-white-default);
}
.header__top-links {
  display: flex;
  gap: 25px;
}






























.header__top-four {
  background: var(--tg-color-smoke-5);
  padding: 8.5px 0;
  
}
.header__top-four .header__top-info li {
  color: var(--tg-theme-secondary);
  font-weight: 400;
}
.header__top-four .header__top-info li a {
  color: var(--tg-theme-primary);
  font-weight: 600;
}
.header__top-four .header__top-info li a i {
  color: inherit;
}
.header__top-four .header__top-info li a:hover {
  color: var(--tg-theme-secondary);
}
.header__top-four .header__top-right > li {
  color: var(--tg-theme-secondary);
}
.header__top-four .header__top-right > li i {
  color: var(--tg-theme-secondary);
}
.header__top-four .header__top-right > li i:hover {
  color: var(--tg-theme-primary);
}

















.header__bottom {
  background: var(--raisin-black-3);
  padding-top: 25px;
  
}
@media (max-width: 767.98px) {
  .header__bottom {
    display: none;
  }
}
.header__bottom-info {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 50px;
}
@media (max-width: 767.98px) {
  .header__bottom-info {
    justify-content: center;
    margin-bottom: 10px;
  }
}
.header__bottom-info li {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--tg-color-white-default);
  font-size: 16px;
  font-weight: 500;
  position: relative;
}
.header__bottom-info li::before {
  content: "";
  position: absolute;
  right: -26px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(16deg);
  -moz-transform: translateY(-50%) rotate(16deg);
  -ms-transform: translateY(-50%) rotate(16deg);
  -o-transform: translateY(-50%) rotate(16deg);
  transform: translateY(-50%) rotate(16deg);
  width: 1px;
  height: 50px;
  background: var(--tg-color-dark-theme);
}
.header__bottom-info li:last-child::before {
  display: none;
}
.header__bottom-info li i {
  color: var(--tg-color-white-default);
  font-size: 16px;
  line-height: 0;
}
.header__bottom-info li a {
  color: var(--tg-color-white-default);
}
.header__bottom-info li a:hover {
  text-shadow: -0.3px -0.3px 0 var(--tg-color-white-default), 0.3px 0.3px var(--tg-color-white-default);
}
.header__bottom-right {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 60px;
}
@media (max-width: 1199.98px) {
  .header__bottom-right {
    gap: 15px;
  }
}
@media (max-width: 767.98px) {
  .header__bottom-right {
    justify-content: center;
  }
}
.header__bottom-right > li {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--tg-color-white-default);
  font-size: 16px;
  font-weight: 500;
  position: relative;
}
@media (max-width: 1199.98px) {
  .header__bottom-right > li:first-child {
    display: none;
  }
}
.header__bottom-right > li::before {
  content: "";
  position: absolute;
  right: -30px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(16deg);
  -moz-transform: translateY(-50%) rotate(16deg);
  -ms-transform: translateY(-50%) rotate(16deg);
  -o-transform: translateY(-50%) rotate(16deg);
  transform: translateY(-50%) rotate(16deg);
  width: 1px;
  height: 50px;
  background: var(--tg-color-dark-theme);
}
.header__bottom-right > li:last-child::before {
  display: none;
}
.header__bottom-right > li i {
  color: var(--tg-color-white-default);
  font-size: 20px;
  line-height: 0;
}
.header__bottom-right > li a {
  color: var(--tg-color-white-default);
}
.header__bottom-right > li a:hover {
  text-shadow: -0.3px -0.3px 0 var(--tg-color-white-default), 0.3px 0.3px var(--tg-color-white-default);
}
.header__bottom-social .list-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 24px;
}
.header__bottom-social .list-wrap li a {
  font-size: 16px;
  color: var(--tg-color-white-default);
}
.header__bottom-social .list-wrap li a i {
  font-size: 16px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.header__bottom-social .list-wrap li a:hover i {
  text-shadow: -0.3px -0.3px 0 var(--tg-color-white-default), 0.3px 0.3px var(--tg-color-white-default);
}
.header__bottom-links {
  display: flex;
  gap: 25px;
}





.header__bottom-four {
  background: var(--tg-color-smoke-5);
  padding: 8.5px 0;
  
}
.header__bottom-four .header__bottom-info li {
  color: var(--tg-theme-secondary);
  font-weight: 400;
}
.header__bottom-four .header__bottom-info li a {
  color: var(--tg-theme-primary);
  font-weight: 600;
}
.header__bottom-four .header__bottom-info li a i {
  color: inherit;
}
.header__bottom-four .header__bottom-info li a:hover {
  color: var(--tg-theme-secondary);
}
.header__bottom-four .header__bottom-right > li {
  color: var(--tg-theme-secondary);
}
.header__bottom-four .header__bottom-right > li i {
  color: var(--tg-theme-secondary);
}
.header__bottom-four .header__bottom-right > li i:hover {
  color: var(--tg-theme-primary);
}


















.tg-header__middle {
  padding: 30px 0;
  background: var(--tg-color-smoke);
}
.tg-header__middle .info-card-wrap {
  margin-left: auto;
}
.tg-header__middle-two {
  padding: 0;
}
@media (max-width: 1199.98px) {
  .tg-header__middle-two {
    padding: 25px 0;
  }
}
.tg-header__middle-three {
  padding: 27px 0;
}
@media (max-width: 991.98px) {
  .tg-header__area {
    padding: 5px 0;
  }
}



   .tg-header__area::before, .tg-header__area::after {content: '';position: absolute;width: 580px;height: 50px;background-color: var(--raisin-black-1);bottom: -50px;box-shadow: 0 3px 7px hsla(0, 0%, 0%, 0.5);}
	.tg-header__area::before { left: 0; clip-path: var(--polygon-2); }
	.tg-header__area::after { right: 0; clip-path: var(--polygon-3); }



.tg-header__area .tgmenu__navbar-wrap > ul > li a {
  padding: 49.5px 0px;
}
.tg-header__area .searchBoxToggler {
  padding: 0;
  border: 0;
  color: var(--tg-color-white-default);
  background: transparent;
}
.tg-header__area .searchBoxToggler:hover {
  color: var(--tg-theme-primary);
}





.tg-header__area-four {
 border-bottom: 1px solid var(--tg-border-9);
}
.tg-header__area-four .btn {
  padding: 18px 23px 16px 23px;
  border-radius: 5px;
}
.tg-header__area-four .tgmenu__navbar-wrap > ul > li a {
  padding: 30px 0px 35px 0px;
  color: var(--tg-color-white-default);
}
.tg-header__area-four .tgmenu__main-menu li.menu-item-has-children > a::after {
  color: var(--tg-color-white-default);
}
.tg-header__area-four.sticky-menu {
  background-color: transparent;

  background-image:
    url("left-bg.png"),
    url("right-bg.png"),
    url("main-bg.jpg");

  background-repeat:
    no-repeat,
    no-repeat,
    no-repeat;

  background-position:
    left center,
    right center,
    center;

  background-size:
    contain,
    contain,
    cover;

}

.logo { position: relative; top: -35px; right: -50px; display: block; }
.logo svg { position: relative; filter: grayscale(0); -webkit-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.5)); }	
.logo picture, .logo img { transform: scale(1.0); display: block; height: 100px; max-height: 100px; width: auto; transition: transform 0.3s ease; }
.logo picture:hover svg, .logo picture:hover img { transform: scale(1.05); }
.logo .brand-name { text-align: left; color: #fff; font-size: 14px; line-height:17px; font-weight: 800; text-transform: uppercase; margin-top: 7px; margin-left: 5px; }
.brand-img { max-width: 660px; }
.brand-img img { max-width: 660px !important; }

@media (max-width: 991.98px) {
	
	.header__top { display: none; }
  .trigger-btn, .header-tools, .tg-header__area::before, .tg-header__area::after { display: none; }
  .tg-header__area-four { border-bottom: 0; }
	.logo { position: relative; top: 0; right: -10px; }
	
	.logo picture, .logo img { transform: scale(1.30); height: 30px; max-height: 30px; }
	.brand-img { max-width: 100%; }
	.brand-img img { max-width: 100% !important; height: 20px; }
  
	.text-center { text-align: left !important; }
	.justify-content-center { justify-content: left !important; }
	.about-area-2 .row { width: auto; max-width: auto; }
	.about-area-2 .text-left, .about-area-2 .text-center { text-align: center!important; }

	.sticky-menu .logo picture, .sticky-menu .logo img { transform: scale(0.90); margin-top: -20px; margin-left: -5px; }

}   
.sticky-menu .logo { top: 20px; }
.sticky-menu .logo picture, .sticky-menu .logo img { transform: scale(0.90); }

.info-card {
  display: flex;
  gap: 15px;
  align-items: center;
}
.info-card .info-card_icon {
  flex: none;
  height: 50px;
  width: 50px;
  border-radius: 5px;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--tg-color-white-default);
  color: var(--tg-theme-primary);
}
.info-card .info-card_text {
  font-size: 14px;
  color: var(--tg-body-color);
  margin-bottom: -0.2em;
  margin-top: -0.3em;
  display: block;
}
.info-card .info-card_link {
  font-size: 18px;
  font-weight: 700;
  color: var(--tg-theme-secondary);
  margin-bottom: -0.4em;
  display: block;
}
.info-card a:hover {
  color: var(--tg-theme-primary);
}

.info-card-wrap {
  display: inline-flex;
  gap: 40px;
}
.info-card-wrap.style2 .divider {
  height: 110px;
  width: 1px;
  background: var(--tg-border-7);
}
@media (max-width: 1199.98px) {
  .info-card-wrap.style2 .divider {
    display: none;
  }
}
.info-card-wrap.style2 .info-card .info-card_icon {
  color: var(--tg-color-white-default);
  background: transparent;
  border: 1px solid var(--tg-border-7);
  border-radius: 50%;
}
.info-card-wrap.style2 .info-card .info-card_text {
  color: var(--tg-color-white-default);
  font-weight: 500;
}
.info-card-wrap.style2 .info-card a:hover {
  color: var(--tg-theme-primary);
}
.info-card-wrap.style2 .info-card .info-card_link {
  color: var(--tg-color-white-default);
  font-weight: 600;
}
.info-card-wrap.style3 {
  display: flex;
  justify-content: space-between;
}
.info-card-wrap.style3 .divider {
  height: 65px;
  width: 1px;
  background: var(--tg-border-7);
}
@media (max-width: 1199.98px) {
  .info-card-wrap.style3 .divider {
    display: none;
  }
}
.info-card-wrap.style3 .info-card {
  gap: 10px;
}
.info-card-wrap.style3 .info-card .info-card_icon {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  height: 35px;
  width: 35px;
  color: var(--tg-color-white-default);
  font-size: 14px;
}
.info-card-wrap.style3 .info-card .info-card_content .info-card_text {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--tg-color-smoke-6);
}
.info-card-wrap.style3 .info-card .info-card_content .info-card_link {
  font-size: 16px;
  font-weight: 700;
  color: var(--tg-color-white-default);
}
.info-card-wrap.style3 .info-card .info-card_content a:hover {
  color: var(--tg-theme-primary);
}
.info-card-wrap.style4 .info-card {
  gap: 20px;
}
.info-card-wrap.style4 .info-card .info-card_icon {
  background: #E7EAF2;
  width: 50px;
  height: 50px;
  font-size: 24px;
  border-radius: 50%;
}
.info-card-wrap.style4 .info-card .info-card_text {
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

.tg-header-contact-info {
  background: var(--tg-color-gray-1);
}
@media (max-width: 1199.98px) {
  .tg-header-contact-info {
    padding: 15px 0;
  }
}

.sidebar-btn {
  position: relative;
  width: 60px;
  height: 60px;
  line-height: 58px;
  border-radius: 10px;
  background: var(--tg-theme-primary);
  text-align: center;
  padding: 22px 10px;
  display: inline-block;
}
.sidebar-btn .line {
  display: block;
  height: 3px;
  width: 30px;
  background: var(--tg-color-white-default);
  margin: auto;
  transition: 0.4s;
  margin-right: 20px;
}
.sidebar-btn .line:not(:last-child) {
  margin-bottom: 7px;
  margin-right: 20px;
}
.sidebar-btn:hover .line:nth-child(2) {
  width: 10px;
}
@media (max-width: 767.98px) {
  .sidebar-btn {
    width: 80px;
    right: -2px;
    height: 60px;
    padding: 13px 0;
    border-radius: 5px;
    position: absolute;
    top: 0;
    border-bottom-left-radius: 60px;
  }
}







.tgmenu__nav {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;
  
  
}
@media (max-width: 991.98px) {
  .tgmenu__nav {
    justify-content: space-between;
  }
}



.tgmenu__navbar-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-grow: 1;
}
.tgmenu__navbar-wrap > ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0 0;
      margin: 25px auto 0 auto;
    border-top: 1px solid hsla(0, 0%, 100%, 0.1);
}
@media (max-width: 1199.98px) {
  .tgmenu__navbar-wrap > ul {
    margin: 0 auto;
  }
}
.tgmenu__navbar-wrap > ul > li {
  list-style: none;
  display: block;
  position: relative;
  margin-right: 30px;
}
@media (max-width: 1199.98px) {
  .tgmenu__navbar-wrap > ul > li {
    margin-right: 35px;
  }
}
.tgmenu__navbar-wrap > ul > li:last-child {
  margin-right: 0;
}
.tgmenu__navbar-wrap > ul > li a {
  font-size: 17px;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--platinum);
  padding: 35px 0px;
  
  display: flex;
  line-height: 1;
  position: relative;
  z-index: 1;
  font-family: var(--tg-other-font-family);
  
}
.tgmenu__navbar-wrap > ul > li .sub-menu {
  position: absolute;
  left: -25px;
  top: 100%;
  min-width: 290px;
  background: var(--raisin-black-2);
  margin: 0;
  -webkit-transform: scale(1, 0);
  -moz-transform: scale(1, 0);
  -ms-transform: scale(1, 0);
  -o-transform: scale(1, 0);
  transform: scale(1, 0);
  transform-origin: 0 0;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
  border-radius: 0 0 6px 6px;
  padding: 18px 0;
  display: block;
  visibility: hidden;
  opacity: 0;
  z-index: 9;
}
.tgmenu__navbar-wrap > ul > li .sub-menu .sub-menu {
  right: auto;
  left: 100%;
  top: 0;
}
.tgmenu__navbar-wrap > ul > li .sub-menu > li {
  margin-left: 0;
  text-align: left;
  display: block;
}



.tgmenu__navbar-wrap > ul > li .sub-menu > li a {
  padding: 8px 15px 8px 25px;
  line-height: 1.3;
  display: block;
  letter-spacing: 1px;
  color: var(--platinum);
  text-transform: uppercase;
  font-size: 16px;
}


.tgmenu__navbar-wrap > ul > li .sub-menu > li a.text-muted {
    --bs-text-opacity: 0.5;
   color: var(--tg-theme-secondary) !important;
	text-decoration: line-through;
	cursor: not-allowed;
}

.tgmenu__navbar-wrap > ul > li .sub-menu > li a::last-word {
  text-decoration:underline rgba(40,84,161,1);
}
.tgmenu__navbar-wrap > ul > li .sub-menu > li:hover > a, .tgmenu__navbar-wrap > ul > li .sub-menu > li.active > a {
  color: var(--tg-theme-primary);
}
.tgmenu__navbar-wrap > ul > li .sub-menu > li:hover > a {
  color: var(--tg-theme-secondary);
}
.tgmenu__navbar-wrap > ul > li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.tgmenu__navbar-wrap > ul > li.active a, .tgmenu__navbar-wrap > ul > li:hover a {
  color: var(--tg-theme-primary);
}
.tgmenu__navbar-wrap-two > ul > li {
  margin-right: 20px;
}
.tgmenu__main-menu li.menu-item-has-children .dropdown-btn {
  display: none;
}
.tgmenu__main-menu li.menu-item-has-children > a::after {
  content: "\f107";
  font-weight: 700;
  font-family: var(--tg-icon-font-family);
  color: var(--tg-theme-secondary);
  margin-left: 13px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  line-height: 1;
  transform: translateY(0px);
}
.tgmenu__main-menu li.menu-item-has-children > a:hover {
  color: var(--tg-theme-primary);
}
.tgmenu__main-menu li.menu-item-has-children:hover > a::after {
  color: var(--tg-theme-primary);
}
.tgmenu__main-menu li.menu-item-has-children.active > a::after {
  color: var(--tg-theme-primary);
}
@media (max-width: 991.98px) {
   .tgmenu__action { top: 20px; right: 50%; transform: translate(50%); position: absolute; z-index: 999999999999; }
	.header-actions { display: flex; justify-content: space-between; align-items: center; }
	.header-actions a.btn-sign-in span { display:none; } 
	.header-actions a { margin-top: 0; padding: 0 15px; white-space: nowrap; flex-shrink: 0; }
   .header-actions a i { margin-top: 8px; font-size:25px; }
   .header-actions a img { border-radius: 50%; width: 25px; height: 25px; }
	.sticky-menu .tgmenu__action { top: 0; }
   .sticky-menu .header-actions a, .sticky-menu .header-actions a img { transform: scale(0.85); }
}
.tgmenu__action ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.tgmenu__action ul li {
  position: relative;
  margin-left: 40px;
}
@media (max-width: 1199.98px) {
  .tgmenu__action ul li {
    margin-left: 20px;
  }
}
.tgmenu__action ul li:first-child {
  margin-left: 0;
}
.tgmenu__action ul .search a {
  color: var(--tg-color-white-default);
}
.tgmenu__action ul .header-search {
  line-height: 0;
}
.tgmenu__action ul .header-search a {
  font-size: 24px;
  line-height: 0;
  color: var(--tg-color-gray-2);
}
.tgmenu__action ul .header-search a:hover {
  color: var(--tg-theme-primary);
}
.tgmenu__action ul .header-cart {
  line-height: 0;
  position: relative;
}
.tgmenu__action ul .header-cart::before {
  content: "";
  position: absolute;
  left: -16px;
  top: 50%;
  transform: translateY(-50%) rotate(16deg);
  width: 2px;
  height: 24px;
  background: #C3C3C3;
  border-radius: 2px;
}
@media (max-width: 1199.98px) {
  .tgmenu__action ul .header-cart::before {
    display: none;
  }
}
.tgmenu__action ul .header-cart a {
  position: relative;
  font-size: 28px;
  line-height: 0;
  color: var(--tg-color-gray-2);
}
.tgmenu__action ul .header-cart a span {
  position: absolute;
  width: 18px;
  height: 18px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  right: -6px;
  top: -5px;
  background: var(--tg-theme-primary);
  color: var(--tg-color-white-default);
  font-size: 12px;
  font-weight: 600;
  justify-content: center;
}
.tgmenu__action ul .header-cart a:hover {
  color: var(--tg-theme-primary);
}
.tgmenu__action ul .header-cart-two {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 5px;
}
.tgmenu__action ul .header-cart-two::before {
  display: none;
}
.tgmenu__action ul .header-cart-two .price {
  font-size: 18px;
  line-height: 0.8;
  font-weight: 500;
  font-family: var(--tg-heading-font-family);
  color: var(--tg-body-color);
}
.tgmenu__action ul .offCanvas-menu {
  line-height: 1;
}
@media (max-width: 1199.98px) {
  .tgmenu__action ul .offCanvas-menu {
    display: none;
  }
}
.tgmenu__action ul .offCanvas-menu .menu-tigger {
  color: var(--tg-theme-secondary);
  padding: 0 10px;
}
.tgmenu__action ul .offCanvas-menu .menu-tigger svg {
  width: 26px;
}
.tgmenu__action ul .offCanvas-menu .menu-tigger:hover {
  background: var(--tg-color-white-default);
  color: var(--tg-theme-secondary);
}
.tgmenu__action ul .header-btn {
  margin-left: 25px;
}
@media (max-width: 1199.98px) {
  .tgmenu__action ul .header-btn {
    display: none;
  }
}
.tgmenu__action ul .header-btn .btn {
  color: var(--tg-color-white-default);
  font-size: 16px;
  gap: 5px;
  padding: 17px 24px 15px 24px;
  background: linear-gradient(90deg, #80397E 5.39%, #9F59A4 100%);
}
.tgmenu__action ul .header-btn .btn i {
  line-height: 0;
  font-size: 18px;
  transform: translateY(-2px);
}
.tgmenu__action ul .header-btn .btn::after {
  display: none;
}
.tgmenu__action ul .header-btn.login-btn .btn {
  padding: 11px 19px 9px 19px;
  background: var(--tg-theme-secondary);
  font-family: var(--tg-heading-font-family);
  font-size: 15px;
  font-weight: 600;
  gap: 10px;
}
.tgmenu__action ul .header-btn.login-btn .btn i {
  font-size: 24px;
  line-height: 0;
  transform: translateY(-1px);
}
.tgmenu__action ul .header-btn.login-btn .btn::before {
  background: var(--tg-theme-primary);
}
.tgmenu__action ul .header-btn.login-btn .btn:hover {
  background: var(--tg-theme-secondary);
}
@media (max-width: 1199.98px) {
  .tgmenu__search {
    margin-left: auto;
  }
}
@media (max-width: 991.98px) {
  .tgmenu__search {
    display: none;
  }
}
.tgmenu__search-form {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -o-border-radius: 100px;
  -ms-border-radius: 100px;
  border-radius: 100px;
  border: 1px solid var(--tg-border-3);
  background: #F9F9F9;
  width: 400px;
  position: relative;
}
@media (max-width: 1500px) {
  .tgmenu__search-form {
    width: 360px;
  }
}
@media (max-width: 1199.98px) {
  .tgmenu__search-form {
    width: 390px;
  }
}
.tgmenu__search-form input {
  width: 100%;
  display: block;
  background: transparent;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  border: none;
  padding: 15px 10px 15px 25px;
  font-size: 14px;
  color: var(--tg-theme-secondary);
  height: 50px;
}
.tgmenu__search-form input::placeholder {
  font-size: 14px;
  color: #7B859B;
}
.tgmenu__search-form .select-grp {
  display: flex;
  align-items: center;
  background: transparent;
  border: none;
  padding: 12px 0 12px 17px;
  border-radius: 0;
  width: 130px;
  flex: 0 0 auto;
  position: relative;
}
.tgmenu__search-form .select-grp::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
  height: 16px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  background: #C1C1C1;
}
.tgmenu__search-form .select-grp svg {
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
}
.tgmenu__search-form .select-grp path {
  fill: var(--tg-theme-primary);
}
.tgmenu__search-form .form-select {
  outline: none;
  box-shadow: none;
  border: none;
  padding-left: 8px;
  color: var(--tg-theme-secondary);
  font-size: 14px;
  font-weight: 500;
}
.tgmenu__search-form [type=submit] {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  top: 3px;
  bottom: 3px;
  right: 3px;
  width: 43px;
  height: 43px;
  flex: 0 0 auto;
  border: none;
  padding: 0 0;
  background: var(--tg-theme-primary);
  font-size: 18px;
  line-height: 0;
  color: var(--tg-color-white-default);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  margin-left: 10px;
}
.tgmenu__search-form [type=submit]:hover {
  background: var(--tg-theme-secondary);
  color: var(--tg-color-white-default);
}

.sticky-menu {
  position: fixed;
  left: 0;
  margin: auto;
  top: 0;
  width: 100%;
  z-index: 99;
  background: var(--tg-color-smoke);
  animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.07);
  border-radius: 0;
}
.sticky-menu ul li .sub-menu {
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  -o-border-radius: 0 0 6px 6px;
  -ms-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
}

#header-fixed-height.active-height {
  display: block;
  height: 115px;
}
@media (max-width: 991.98px) {
  #header-fixed-height.active-height {
    height: 90px;
  }
}
@media (max-width: 767.98px) {
  #header-fixed-height.active-height {
    height: 80px;
  }
}
#header-fixed-height.active-height.header-fixed-height-two {
  height: 0px;
}
@media (max-width: 991.98px) {
  #header-fixed-height.active-height.header-fixed-height-two {
    height: 90px;
  }
}
@media (max-width: 767.98px) {
  #header-fixed-height.active-height.header-fixed-height-two {
    height: 80px;
  }
}
#header-fixed-height.active-height.header-fixed-height-three {
  height: 61px;
}
@media (max-width: 1199.98px) {
  #header-fixed-height.active-height.header-fixed-height-three {
    height: 90px;
  }
}
@media (max-width: 767.98px) {
  #header-fixed-height.active-height.header-fixed-height-three {
    height: 80px;
  }
}

/*=============================
	12. Mobile Menu
===============================*/
.tgmobile__search {
  padding: 0 20px 25px 25px;
}
.tgmobile__search form {
  position: relative;
}
.tgmobile__search input {
  display: block;
  width: 100%;
  border: none;
  padding: 10px 45px 10px 20px;
  font-size: 15px;
  height: 45px;
  background: var(--tg-color-gray-4);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
.tgmobile__search input::placeholder {
  font-size: 15px;
  color: var(--tg-body-color);
}
.tgmobile__search button {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  border: none;
  padding: 0;
  right: 20px;
  line-height: 1;
  background: transparent;
  color: var(--tg-theme-secondary);
}
.tgmobile__menu {
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  padding-right: 30px;
  max-width: 100%;
  height: 100%;
  z-index: 9999999999999;
  border-radius: 0px;
  transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -ms-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -o-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -webkit-transform: translateX(101%);
  -moz-transform: translateX(101%);
  -ms-transform: translateX(101%);
  -o-transform: translateX(101%);
  transform: translateX(101%);
}
.tgmobile__menu .navbar-collapse {
  display: block !important;
}
.tgmobile__menu .nav-logo {
  position: relative;
  padding: 30px 25px;
  text-align: left;
}
.tgmobile__menu .nav-logo img {
  max-height: 25px;
}
.tgmobile__menu .navigation {
  position: relative;
  display: block;
  width: 100%;
  float: none;
  margin: 0;
  padding: 0;
}
.tgmobile__menu .tgmobile__menu-bottom img {
  max-height: 150px;
  display: block;
  margin: 0 auto 30px auto;
  -webkit-filter: drop-shadow(-6px 5px 15px rgba(0, 0, 0, 0.3))
}
.tgmobile__menu .navigation li {
  position: relative;
  display: block;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.tgmobile__menu .navigation li.active > a {
  color: var(--tg-theme-primary);
}
.tgmobile__menu .navigation li.menu-item-has-children .dropdown-btn {
  position: absolute;
  right: 20px;
  top: 6px;
  width: 32px;
  height: 32px;
  text-align: center;
  font-size: var(--fs-8);
  line-height: 32px;
  color: var(--tg-theme-secondary);
  background: var(--tg-color-gray-4);
  cursor: pointer;
  border-radius: 2px;
  -webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  z-index: 5;
}
.tgmobile__menu .navigation li.menu-item-has-children .dropdown-btn .plus-line {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(0);
  -ms-transform: translate(-50%, -50%) rotate(0);
  transform: translate(-50%, -50%) rotate(0);
  border-radius: 10px;
  width: 12px;
  height: 2px;
  background-color: var(--tg-color-black-1);
  -webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.tgmobile__menu .navigation li.menu-item-has-children .dropdown-btn .plus-line::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(0);
  -ms-transform: translate(-50%, -50%) rotate(0);
  transform: translate(-50%, -50%) rotate(0);
  border-radius: 10px;
  width: 2px;
  height: 12px;
  background-color: var(--tg-color-black-1);
  -webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.tgmobile__menu .navigation li.menu-item-has-children .dropdown-btn.open {
  background-color: var(--tg-theme-primary);
}
.tgmobile__menu .navigation li.menu-item-has-children .dropdown-btn.open .plus-line {
  background-color: var(--tg-color-white-default);
}
.tgmobile__menu .navigation li.menu-item-has-children .dropdown-btn.open .plus-line::after {
  display: none;
}
.tgmobile__menu .navigation li > a {
  position: relative;
  display: block;
  line-height: 1.5;
  padding: 10px 60px 10px 25px;
  font-size: var(--fs-7);
  font-weight: var(--tg-fw-extra-bold);
  color: var(--tg-theme-secondary);
  text-transform: uppercase;
  -webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  border: none;
  text-transform: uppercase;
}
.tgmobile__menu .navigation li > a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 0;
  -webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  width: 5px;
  background: var(--tg-theme-primary);
  pointer-events: none;
}
.tgmobile__menu .navigation li ul li > a {
  margin-left: 20px;
}
.tgmobile__menu .navigation li ul li ul li a {
  margin-left: 40px;
}
.tgmobile__menu .navigation li ul li ul li ul li a {
  margin-left: 60px;
}
.tgmobile__menu .navigation li > ul {
  display: none;
}
.tgmobile__menu .navigation li > ul > li > ul {
  display: none;
}
.tgmobile__menu .navigation ul {
  padding: 0;
  margin: 0;
}
.tgmobile__menu .navigation ul li a {
  display: block;
}
.tgmobile__menu .navigation ul li ul li > a {
  font-size: var(--fs-7);
  margin-left: 20px;
  text-transform: uppercase;
}
.tgmobile__menu ul.sub-menu hr { display: none; opacity:0; }
.tgmobile__menu ul.sub-menu .text-muted { color: #bfc4c9 !important; cursor: not-allowed; }

.tgmobile__menu .navigation ul a  { font-size: var(--fs-10); font-weight: var(--tg-fw-medium); }
.tgmobile__menu .navigation:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.tgmobile__menu .navigation > li > ul > li:first-child {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.tgmobile__menu .navigation > li.active > a::before {
  height: 100%;
}
.tgmobile__menu .close-btn {
  position: absolute;
  right: 15px;
  top: 28px;
  line-height: 30px;
  width: 35px;
  text-align: center;
  font-size: 40px;
  color: var(--tg-theme-primary);
  cursor: pointer;
  z-index: 10;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.tgmobile__menu .close-btn i[class^=flaticon-]:before {
  font-weight: var(--tg-fw-bold) !important;
}
.tgmobile__menu-backdrop {
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: all 700ms ease;
  -moz-transition: all 700ms ease;
  -webkit-transition: all 700ms ease;
  -ms-transition: all 700ms ease;
  -o-transition: all 700ms ease;
  opacity: 0;
  visibility: hidden;
  background: rgba(0, 0, 0, 0.5);
}
.tgmobile__menu .social-links ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: relative;
  text-align: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.tgmobile__menu .social-links ul li {
  position: relative;
  display: inline-block;
  margin: 0px;
}
.tgmobile__menu .social-links ul li a {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  position: relative;
  line-height: 32px;
  font-size: 16px;
  color: var(--tg-body-color);
  -webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  border: 1px solid #efefef;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}
.tgmobile__menu .social-links ul li a:hover {
  border-color: var(--tg-theme-primary);
  background: var(--tg-theme-primary);
  color: var(--tg-color-white-default);
}
.tgmobile__menu .tgmenu__action {
  padding: 0 0;
  margin: 0 0;
}
.tgmobile__menu .tgmenu__action > ul {
  margin: 0 0;
  padding: 30px 20px 0;
  justify-content: center;
  gap: 0 15px;
}
.tgmobile__menu .tgmenu__action > ul li {
  margin: 0 0;
}
.tgmobile__menu .tgmenu__action > ul .header-btn {
  display: block;
}
.tgmobile__menu-box {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  max-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  background: var(--tg-color-white-default);
  padding: 0px 0px;
  z-index: 5;
  box-shadow: -9px 0 14px 0px rgba(0, 0, 0, 0.06);
  display: flex;
  flex-direction: column;
}
.tgmobile__menu-outer .mobile-nav-toggler {
  position: relative;
  float: right;
  font-size: 40px;
  line-height: 50px;
  cursor: pointer;
  display: none;
  color: var(--tg-color-white-default);
  margin-right: 30px;
  top: 15px;
}
@media (max-width: 991.98px) {
  .tgmobile__menu-outer .mobile-nav-toggler {
    display: block !important;
  }
}
.tgmobile__menu-bottom {
  margin-top: auto;
    padding: 30px 25px 45px;
    text-align: center;
}
.tgmobile__menu-bottom .contactInfo {
  margin-bottom: 20px;
}
.tgmobile__menu-bottom .contactInfo li:not(:last-child) {
  margin-bottom: 6px;
}
.tgmobile__menu-bottom .contactInfo li a {
  color: var(--tg-theme-secondary);
}
.tgmobile__menu-bottom .contactInfo li a:hover {
  color: var(--tg-theme-primary);
}

.mobile-menu-visible {
  overflow: hidden;
}
.mobile-menu-visible .tgmobile__menu {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
}
.mobile-menu-visible .tgmobile__menu-backdrop {
  opacity: 1;
  visibility: visible;
}
.mobile-menu-visible .tgmobile__menu .close-btn {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
}


















/*=============================
    Service 01
===============================*/
.service-bg1-1 {
  position: absolute;
  inset: 0 0 320px 0;
  background: var(--tg-theme-secondary);
  z-index: -1;
  border-radius: 150px 0;
}
@media (max-width: 1199.98px) {
  .service-bg1-1 {
    border-radius: 50px 0;
    inset: 0;
  }
}

.service-card {
  border-radius: 5px;
  overflow: hidden;
}
.service-card .box-content {
  background: var(--tg-color-white-default);
  padding: 40px;
}
.service-card .box-icon {
  color: var(--tg-theme-primary);
  display: inline-block;
  position: relative;
  padding-top: 6px;
  margin-bottom: 30px;
}
.service-card .box-icon svg,
.service-card .box-icon img {
  transition: 0.4s;
}
.service-card .box-icon:after {
  content: "";
  position: absolute;
  width: 51px;
  height: 51px;
  border-radius: 50%;
  background: var(--tg-theme-primary);
  opacity: 0.1;
  top: 0;
  right: -15px;
}
.service-card .box-title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 15px;
  line-height: 1.333em;
  margin-top: -0.25em;
}
.service-card .box-title a {
  color: var(--tg-theme-secondary);
}
.service-card .box-title a:hover {
  color: var(--tg-theme-primary);
}
.service-card .box-text {
  margin-bottom: -0.4em;
}
.service-card .box-img {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.service-card .box-img:after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--tg-theme-secondary);
  opacity: 0;
  transition: 0.4s;
  mix-blend-mode: multiply;
}
.service-card .box-img img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  transition: 0.4s;
}
.service-card .box-img .tg-button-wrap {
  position: absolute;
  left: 40px;
  right: 40px;
  bottom: 40px;
  transition: 0.4s;
  transform: scaleX(0);
  opacity: 0;
  z-index: 1;
}
.service-card .box-img .tg-button-wrap .btn {
  width: 100%;
  border-radius: 5px;
}
.service-card:hover .box-icon svg,
.service-card:hover .box-icon img {
  transform: scale(-1) rotate(180deg);
}
.service-card:hover .box-img:before {
  height: 250%;
  transition: all 600ms linear;
  background-color: transparent;
}
.service-card:hover .box-img:after {
  opacity: 0.8;
}
.service-card:hover .box-img .tg-button-wrap {
  transform: scaleX(1);
  opacity: 1;
}
.service-card:hover .box-img img {
  filter: grayscale(1);
  scale: 1.1;
}
@media (max-width: 1199.98px) {
  .service-card .box-content {
    padding: 30px;
  }
  .service-card .box-title {
    font-size: 20px;
  }
  .service-card .box-img .tg-button-wrap {
    left: 30px;
    right: 30px;
    bottom: 30px;
  }
}

/*=============================
    Service 02
===============================*/
.service-card.style2 {
  text-align: center;
  border-radius: 10px;
}
.service-card.style2 .box-img img {
  filter: none;
}
.service-card.style2 .box-img:after {
  display: none;
}
.service-card.style2 .box-content {
  padding: 0 40px 40px;
}
.service-card.style2 .box-content .box-icon {
  padding: 0;
  margin: 0;
  width: 110px;
  height: 110px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -55px auto 40px;
  position: relative;
  z-index: 1;
}
.service-card.style2 .box-content .box-icon:after {
  inset: 0;
  width: auto;
  height: auto;
  opacity: 0.15;
  transition: 0.4s;
  z-index: -1;
}
.service-card.style2 .box-content .box-icon:before {
  content: "";
  position: absolute;
  inset: -15px -15px 50% -15px;
  border: 15px solid var(--tg-color-white-default);
  border-radius: 50% 50% 0 0/100% 100% 0 0;
  border-bottom: 0;
  background: var(--tg-color-white-default);
  z-index: -1;
}
.service-card.style2 .box-content .box-title {
  margin-bottom: 9px;
}
.service-card.style2 .box-content .tg-button-wrap {
  margin-top: 30px;
}
.service-card.style2 .box-content .tg-button-wrap .btn {
  border-radius: 5px;
}
.service-card.style2:hover .box-content .box-icon svg {
  color: var(--tg-color-white-default);
}
.service-card.style2:hover .box-content .box-icon:after {
  opacity: 1;
}
@media (max-width: 1199.98px) {
  .service-card.style2 .box-content {
    padding: 0 30px 40px;
  }
}

/*=============================
    Service 03
===============================*/
.service-card.style3 {
  border: 1px solid var(--tg-border-1);
  border-radius: 10px;
  text-align: center;
  padding: 0 40px 40px;
  overflow: inherit;
  margin-top: 58px;
  transition: 0.4s;
}
.service-card.style3 .box-content {
  padding: 0;
  margin-bottom: -0.4em;
  background: transparent;
}
.service-card.style3 .box-icon {
  width: 130px;
  height: 130px;
  background: var(--tg-color-smoke-5);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: -58px auto 28px;
  transition: 0.4s;
}
.service-card.style3 .box-icon svg {
  position: relative;
  z-index: 2;
}
.service-card.style3 .box-icon:after {
  width: auto;
  height: auto;
  inset: 17px;
  z-index: 1;
  opacity: 1;
  background: var(--tg-color-white-default);
}
.service-card.style3 .box-title {
  margin-bottom: 5px;
}
.service-card.style3 .box-text {
  margin-bottom: 15px;
}
.service-card.style3:hover {
  box-shadow: 0px 23px 30px rgba(113, 113, 113, 0.12);
}
.service-card.style3:hover .box-icon {
  background: var(--tg-theme-primary);
}
@media (max-width: 1199.98px) {
  .service-card.style3 {
    padding: 0 30px 30px;
  }
  .service-card.style3 .box-title {
    margin-bottom: 10px;
    font-size: 18px;
  }
}
@media (max-width: 991.98px) {
  .service-card.style3 .box-title {
    font-size: 20px;
  }
}

/*=============================
    Service 04
===============================*/
.service-card.style4 {
  box-shadow: 0px 13px 39px rgba(23, 29, 33, 0.07);
}
.service-card.style4 .box-content {
  border: 1px solid #E1EBEB;
  border-bottom: 0;
  border-radius: 5px 5px 0 0;
}

/*=============================
    Service details page
===============================*/
.service__details-wrap {
  margin-right: 30px;
  overflow: hidden;
}
.service__details-wrap .service__details-thumb {
  border-radius: 12px;
  overflow: hidden;
}
.service__details-wrap .service__details-thumb .thumb img {
  width: 100%;
}
.service__details-wrap .title {
  font-size: 36px;
}
@media (max-width: 1199.98px) {
  .service__details-wrap {
    margin-right: 0;
  }
  .service__details-wrap .title {
    font-size: 24px;
  }
}
.service__details-content { cursor: pointer; }
.service__details-content.pressItem a { opacity: 1; transition: 0.4s; }
.service__details-content.pressItem:hover a { opacity: 0.5; }
.service__details-content h3 { color: var(--tg-theme-primary); margin: 30px 0; display: flex; align-items: center; white-space: nowrap; }
.service__details-content.pressItem h3 { color: var(--tg-theme-primary); margin: 30px 0; display: flex; align-items: center; white-space: nowrap; }

.service__details-content h3::after { content: "";
    background-color: var(--tg-theme-primary);
    height: 2px;
    top: 4px;
    width: 100%;
    margin-left: 1rem;
    position: relative;
	 opacity: 0.2;
}
.service__details-content ul { margin-left: 35px; }
.service__details-content ul li { list-style-type: disc; }
.service__details-content ul li a:hover { opacity: 0.5; }

@media (max-width: 991.98px) {
  .service__details-content h3 { white-space: unset; line-height: 1.2em; }
}

/*=============================
    Work 01
===============================*/
.work-card-wrap {
  padding: 0;
  list-style: none;
  margin: 0;
}

.work-card {
  position: relative;
  display: flex;
  transition: 0.4s;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding: 50px 0;
  position: relative;
}
.work-card:first-child {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.work-card:after {
  content: "";
  position: absolute;
  left: 2px;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: var(--tg-theme-primary);
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform 0.4s cubic-bezier(0.74, 0.72, 0.27, 0.24);
}
.work-card .work-card-title {
  font-size: 60px !important;
  font-weight: 400;
  color: var(--tg-color-white-default);
  margin-bottom: 0;
  margin-top: 0;
  text-transform: uppercase;
}
@media (max-width: 991.98px) {
  .work-card .work-card-title {
    font-size: 40px !important;
  }
  
}
@media (max-width: 767.98px) {
  .work-card .work-card-title {
    font-size: 32px !important;
  }
}
@media (max-width: 380px) {
  .work-card .work-card-title {
    font-size: 24px !important;
  }
}
.work-card .work-card-text {
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 4px;
  align-self: flex-end;
  margin-left: 30px;
  transition: 0.4s;
}
@media (max-width: 767.98px) {
  .work-card .work-card-text {
    font-size: 16px;
  }
}
.work-card .work-card-tag {
  margin-left: auto;
  align-self: center;
  gap: 10px;
  color: var(--tg-theme-primary);
  text-transform: uppercase;
}
.work-card .hover-wrap {
  position: absolute;
  inset: 0 -315px;
  z-index: 1;
  transition: 0.4s;
  opacity: 0;
  background-size: cover;
  padding: 50px 0;
  display: flex;
  align-items: center;
}
.work-card .hover-wrap:after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--tg-theme-primary);
  opacity: 0.8;
  z-index: -1;
}
.work-card .hover-wrap .marquee-wrap {
  margin: 0;
}
.work-card .hover-wrap .work-card-title-item.m-item {
  margin-right: 80px !important;
}
.work-card .hover-wrap .work-card-title-item.m-item a {
  letter-spacing: normal;
  color: var(--tg-theme-secondary);
  line-height: 1;
}
.work-card .hover-wrap .work-card-title-item.m-item a:hover {
  color: transparent;
  -webkit-text-stroke: 2px var(--tg-theme-secondary);
}
.work-card .hover-wrap .work-card-title-item.m-item span {
  color: rgba(0, 0, 0, 0.2);
  margin-left: 80px;
  font-size: 60px;
}
.work-card:hover .work-card-text {
  color: white;
}
.work-card:hover:after {
  transform-origin: left top;
  transform: scale(1, 1);
}
.work-card:hover .hover-wrap {
  opacity: 1;
}
@media (max-width: 1500px) {
  .work-card .work-card-title {
    font-size: 50px !important;
  }
  .work-card .hover-wrap .work-card-title-item.m-item span {
    font-size: 50px;
  }
}
@media (max-width: 1199.98px) {
  .work-card .work-card-title {
    font-size: 40px !important;
  }
  .work-card .hover-wrap .work-card-title-item.m-item span {
    font-size: 40px;
  }
}
@media (max-width: 991.98px) {
  .work-card .work-card-title {
    font-size: 30px !important;
  }
  .work-card .hover-wrap .work-card-title-item.m-item {
    margin-right: 40px !important;
  }
  .work-card .hover-wrap .work-card-title-item.m-item span {
    margin-left: 40px;
    font-size: 30px;
  }
  .work-card .work-card-text {
    font-size: 14px;
    margin-left: 20px;
  }
  .work-card .work-card-tag {
    font-size: 14px;
  }
}
@media (max-width: 767.98px) {
  .work-card {
    display: block;
    padding: 30px 0;
  }
  .work-card .hover-wrap {
    padding: 30px 0;
  }
  .work-card .work-card-text {
    margin-left: 0;
    margin-top: 10px;
    margin-bottom: 20px;
    display: block;
  }
}

/*=============================
    Team 01
===============================*/
.team-card {
  border-radius: 15px;
  background: var(--tg-color-white-default);
  overflow: hidden;
}
.team-card .box-img {
  position: relative;
}
.team-card .box-img .thumb {
  overflow: hidden;
  display: block;
}
.team-card .box-img .thumb img {
  width: 100%;
  transition: 0.4s;
}
.team-card .box-img .team-social {
  position: absolute;
  right: 0;
  bottom: 0;
  transition: 0.4s;
  z-index: 1;
}
.team-card .box-img .team-social .icon-btn {
  border-radius: 0;
  width: 50px;
  height: 50px;
  line-height: 50px;
  border: 0;
  background: var(--tg-theme-primary);
  color: var(--tg-color-white-default);
  padding: 0;
  font-size: 16px;
  border-radius: 15px 0 0 0;
}
.team-card .box-img .team-social .social-wrap {
  position: absolute;
  bottom: 0;
  right: 0;
  transition: 0.4s;
  width: max-content;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
}
.team-card .box-img .team-social .social-wrap a {
  display: block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 0;
  text-align: center;
  margin-bottom: 0px;
  background: var(--tg-theme-primary);
  color: var(--tg-color-white-default);
}
.team-card .box-img .team-social .social-wrap a:hover {
  background: var(--tg-color-white-default);
  color: var(--tg-theme-primary);
}
.team-card .box-img .team-social .social-wrap a:first-child {
  border-radius: 15px 0 0 0;
}
.team-card .box-img .team-social:hover .icon-btn {
  border-radius: 0;
}
.team-card .box-img .team-social:hover .social-wrap {
  opacity: 1;
  visibility: visible;
  bottom: 50px;
}
.team-card .team-card-details {
  padding: 30px 15px;
  text-align: center;
}
.team-card .box-title {
  color: var(--tg-theme-secondary);
  font-size: 24px;
  font-weight: 700;
  margin-top: -0.15em;
  margin-bottom: 1px;
}
.team-card .box-text {
  color: var(--tg-theme-primary);
  font-size: 16px;
  font-weight: 500;
  display: block;
  margin-bottom: -0.3em;
}
.team-card:hover .box-img:before {
  height: 250%;
  transition: all 600ms linear;
  background-color: transparent;
}
.team-card:hover .box-img img {
  scale: 1.05;
}

/*=============================
    Team 02
===============================*/
.team-card.style2 {
  border-radius: 0;
  overflow: inherit;
  background: transparent;
}
.team-card.style2 .box-img {
  border-radius: 15px;
  overflow: hidden;
}
.team-card.style2 .team-card-details {
  margin: 0 50px;
  background: var(--tg-color-white-default);
  border: 1px solid var(--tg-border-1);
  box-shadow: 0px 11px 35px rgba(29, 78, 78, 0.23);
  border-radius: 0px 0px 15px 15px;
}
@media (max-width: 991.98px) {
  .team-card.style2 .box-title {
    font-size: 20px;
  }
}

/*=============================
    Team 03
===============================*/
.team-bg-shape3-1 {
  position: absolute;
  right: 0;
  top: 0;
}

.team-card.style3 {
  border-radius: 5px;
}
.team-card.style3 .box-img .social-wrap {
  background: var(--tg-theme-primary);
  border-radius: 10px 10px 0 0;
  right: 50%;
  transform: translate(50%, 100%);
  display: flex;
  position: absolute;
  gap: 24px;
  flex-wrap: wrap;
  padding: 17px 30px;
  width: max-content;
  transition: 0.4s;
  max-width: 100%;
}
.team-card.style3 .box-img .social-wrap a {
  color: var(--tg-color-white-default);
  line-height: 1;
}
.team-card.style3:hover .box-img .social-wrap {
  transform: translate(50%, -100%);
}

/*=============================
    Team 04
===============================*/
.team-card.style4 {
  border-radius: 10px;
  position: relative;
}
.team-card.style4 .team-card-details {
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  background: var(--tg-color-white-default);
  border-radius: 10px;
  text-align: start;
  z-index: 1;
  padding: 30px;
}
.team-card.style4 .box-text {
  font-weight: 400;
}
.team-card.style4 .social-wrap {
  gap: 10px;
  display: flex;
  margin-top: 0;
  height: 0;
  opacity: 0;
  visibility: visible;
  transition: 0.4s;
}
.team-card.style4 .social-wrap a {
  width: 35px;
  height: 35px;
  border: 1px solid var(--tg-border-1);
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--tg-theme-secondary);
}
.team-card.style4 .social-wrap a:hover {
  background: var(--tg-theme-primary);
  border: 1px solid var(--tg-theme-primary);
  color: var(--tg-color-white-default);
}
.team-card.style4:hover .social-wrap {
  margin-top: 20px;
  height: 35px;
  opacity: 1;
  visibility: visible;
}
@media (max-width: 380px) {
  .team-card.style4 .team-card-details {
    padding: 25px;
    left: 15px;
    right: 15px;
    bottom: 15px;
  }
}

/*=============================
    Team 05
===============================*/
.team-card.style5 {
  border-radius: 0;
}
.team-card.style5 .box-img {
  border-radius: 5px;
  overflow: hidden;
}
.team-card.style5 .box-img .social-wrap {
  position: absolute;
  bottom: 0;
  left: 50%;
  background: var(--tg-color-white-default);
  display: inline-flex;
  border-radius: 80px;
  gap: 25px;
  padding: 0 25px;
  transform: translate(-50%, 0);
  height: 45px;
  align-items: center;
  opacity: 0;
  transition: 0.4s;
}
.team-card.style5 .box-img .social-wrap a {
  color: var(--tg-body-color);
}
.team-card.style5 .box-img .social-wrap a:hover {
  color: var(--tg-theme-secondary);
}
.team-card.style5 .team-card-details {
  background: var(--tg-color-smoke-5);
  border-radius: 5px;
  margin-top: 5px;
  transition: 0.4s;
}
.team-card.style5 .team-card-details .box-text {
  color: var(--tg-body-color);
}
.team-card.style5:hover .box-img .social-wrap {
  bottom: 30px;
  opacity: 1;
}
.team-card.style5:hover .team-card-details {
  background: var(--tg-theme-secondary);
}
.team-card.style5:hover .team-card-details .box-title {
  color: var(--tg-color-white-default);
}
.team-card.style5:hover .team-card-details .box-text {
  color: var(--tg-color-smoke-6);
}

/*=============================
    Team Page
===============================*/
.team-slider-card {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  z-index: 1;
  display: flex;
}
.team-slider-card .team-card-bg-thumb {
  position: absolute;
  inset: 0;
  filter: grayscale(1);
  z-index: -3;
}
.team-slider-card:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to left, var(--tg-theme-secondary), transparent);
  z-index: -2;
}
.team-slider-card:before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(270deg, var(--tg-theme-secondary) 0%, rgba(20, 39, 38, 0.6318) 51.63%, rgba(18, 44, 44, 0.2964) 100%);
  backdrop-filter: blur(7.5px);
  z-index: -1;
  mix-blend-mode: hard-light;
  background-color: var(--tg-theme-secondary);
}
.team-slider-card .team-slider-bg-shape1-1 {
  position: absolute;
  inset: 0;
  z-index: -1;
}
.team-slider-card .team-card-wrap {
  padding: 100px 0 100px 100px;
  margin-right: -70px;
}
@media (max-width: 1399px) {
  .team-slider-card .team-card-wrap {
    margin-right: 0;
  }
}
@media (max-width: 1199.98px) {
  .team-slider-card .team-card-wrap {
    padding: 80px;
  }
}
@media (max-width: 767.98px) {
  .team-slider-card .team-card-wrap {
    padding: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .team-slider-card .team-card-wrap {
    padding: 60px;
  }
}
.team-slider-card .team-card-thumb {
  flex: none;
  padding: 30px 30px 0 0;
}
.team-slider-card .team-card-thumb img {
  height: 100%;
  object-fit: cover;
}
@media (max-width: 1199.98px) {
  .team-slider-card .team-card-thumb {
    display: none;
  }
}
.team-slider-card .box-subtitle {
  font-size: 18px;
  font-weight: 500;
  font-family: var(--tg-heading-font-family);
  color: var(--tg-color-white-default);
  margin-bottom: 13px;
  display: block;
}
.team-slider-card .box-title {
  font-size: 48px;
  font-weight: 700;
  color: var(--tg-color-white-default);
}
@media (max-width: 767.98px) {
  .team-slider-card .box-title {
    font-size: 30px;
  }
}
.team-slider-card .team-card-details {
  display: flex;
  gap: 30px;
  margin-top: 40px;
}
.team-slider-card .team-card-details .box-icon {
  width: 90px;
  height: 90px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid #294440;
  backdrop-filter: blur(8px);
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: var(--tg-color-white-default);
}
.team-slider-card .team-card-details .box-text {
  font-size: 18px;
  font-weight: 500;
  color: var(--tg-color-white-default);
  margin-bottom: 27px;
}
.team-slider-card .team-card-details .team-card-info {
  display: flex;
  gap: 10px;
  align-items: end;
}
@media (max-width: 767.98px) {
  .team-slider-card .team-card-details .team-card-info {
    display: block;
  }
}
.team-slider-card .team-card-details .team-card-title {
  font-size: 24px;
  font-weight: 700;
  color: var(--tg-color-white-default);
  margin-bottom: 0;
}
@media (max-width: 767.98px) {
  .team-slider-card .team-card-details .team-card-title {
    margin-bottom: 3px;
  }
}
.team-slider-card .team-card-details .team-card-desig {
  font-size: 16px;
  font-weight: 500;
  color: var(--tg-theme-primary);
}
@media (max-width: 767.98px) {
  .team-slider-card .team-card-details {
    display: block;
  }
  .team-slider-card .team-card-details .box-icon {
    margin-bottom: 20px;
  }
}

.team-page-slider {
  position: relative;
}
.team-page-slider .slider-arrow {
  position: absolute;
  top: 50%;
  min-width: auto;
  width: 55px;
  height: 100px;
  transform: translate(0, -50%);
}
.team-page-slider .slider-arrow.slider-prev {
  border-radius: 15px 0 0 15px;
  transform: translate(-100%, -50%);
  left: 0;
}
.team-page-slider .slider-arrow.slider-next {
  border-radius: 0 15px 15px 0;
  transform: translate(100%, -50%);
  right: 0;
}
@media (max-width: 1399px) {
  .team-page-slider .slider-arrow {
    display: none;
  }
}

/*=============================
    Team Details Page
===============================*/
.team__details-thumb {
  border-radius: 20px;
  overflow: hidden;
}
.team__details-thumb img {
  width: 100%;
}

.team__details-content .title {
  font-size: 36px;
  font-weight: 700;
}
.team__details-content .subtitle {
  font-size: 600;
  font-size: 16px;
  text-transform: uppercase;
}

.team-info-wrap {
  background: var(--tg-color-smoke-3);
  border-radius: 10px;
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  padding: 30px;
  gap: 50px;
  position: relative;
}
.team-info-wrap:after, .team-info-wrap:before {
  content: "";
  position: absolute;
  background: var(--tg-border-4);
}
.team-info-wrap:after {
  height: 1px;
  width: 100%;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
}
.team-info-wrap:before {
  width: 1px;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
}
.team-info-wrap .team-info-card {
  display: flex;
  gap: 20px;
}
.team-info-wrap .team-info-card .team-info-icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  flex: none;
  border: 1px solid var(--tg-border-4);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--tg-theme-primary);
}
.team-info-wrap .team-info-card .team-info-details p {
  margin-bottom: 0;
}
.team-info-wrap .team-info-card .team-info-details h4 {
  font-size: 18px;
  font-weight: 600;
  font-family: var(--tg-body-font-family);
  margin-bottom: 0;
}
@media (max-width: 1500px) {
  .team-info-wrap {
    gap: 20px;
    padding: 20px;
  }
  .team-info-wrap:after, .team-info-wrap:before {
    display: none;
  }
}
@media (max-width: 1199.98px) {
  .team-info-wrap {
    gap: 50px;
    padding: 30px;
  }
  .team-info-wrap:after, .team-info-wrap:before {
    display: block;
  }
}
@media (max-width: 767.98px) {
  .team-info-wrap {
    grid-template-columns: repeat(1, 1fr);
    display: block;
  }
  .team-info-wrap:after, .team-info-wrap:before {
    display: none;
  }
  .team-info-wrap li:not(:last-child) {
    border-bottom: 1px solid var(--tg-border-4);
    margin-bottom: 30px;
    padding-bottom: 30px;
  }
}

/*=============================
    Testimonial 01
===============================*/
.testimonial-bg-shape {
  position: relative;
  z-index: 1;
}
.testimonial-bg-shape:before, .testimonial-bg-shape:after {
  content: "";
  position: absolute;
  width: 2228.26px;
  height: 265.92px;
  background: linear-gradient(90deg, var(--tg-color-gray-1) 20.73%, var(--tg-color-gray-6) 100%);
  transform: rotate(169.93deg);
  z-index: -2;
  top: 100px;
  left: -120px;
}
.testimonial-bg-shape:before {
  width: 1537.18px;
  height: 331.15px;
  background: linear-gradient(90deg, var(--tg-color-gray-1) 20.73%, var(--tg-color-gray-6) 100%);
  transform: rotate(169.93deg);
  bottom: -210px;
  right: -460px;
  left: auto;
  top: auto;
}

.testimonial-wrap1 {
  position: relative;
}
.testimonial-wrap1:after {
  content: "";
  position: absolute;
  height: calc(100% - 260px);
  width: 1px;
  background: var(--tg-border-8);
  left: 4px;
  top: 50%;
  transform: translate(0, -50%);
}
@media (max-width: 1199.98px) {
  .testimonial-wrap1:after {
    height: calc(100% - 300px);
  }
}
@media (max-width: 991.98px) {
  .testimonial-wrap1:after {
    display: none;
  }
}

.testimonial-card-list {
  display: flex;
  gap: 100px;
  align-items: center;
  position: relative;
}
.testimonial-card-list:not(:last-child) {
  margin-bottom: 40px;
}
.testimonial-card-list .testimonial-brand-thumb {
  background: var(--tg-theme-primary);
  border-radius: 7px;
  padding: 20px 33px;
  flex: none;
  width: 237px;
}
.testimonial-card-list:before {
  content: "";
  display: inline-block;
  position: relative;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--tg-theme-primary);
  flex: none;
}
.testimonial-card-list:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  border: 1px solid var(--tg-border-8);
  flex: none;
  transform: translate(-6px, -50%);
  left: 0;
  top: 50%;
}
@media (max-width: 1199.98px) {
  .testimonial-card-list {
    gap: 50px;
  }
  .testimonial-card-list .testimonial-brand-thumb {
    width: 150px;
  }
}
@media (max-width: 991.98px) {
  .testimonial-card-list {
    display: block;
  }
  .testimonial-card-list .testimonial-brand-thumb {
    margin-bottom: 20px;
    width: auto;
    display: inline-block;
  }
  .testimonial-card-list:after, .testimonial-card-list:before {
    display: none;
  }
}

.testimonial-card {
  background: var(--tg-color-gray-7);
  border-radius: 7px;
  padding: 40px;
  position: relative;
  transition: 0.4s;
  border: 1px solid var(--tg-border-9);
}
.testimonial-card_review {
  color: #FFBE11;
  margin-bottom: 0;
  display: block;
  margin-left: auto;
  line-height: 1;
}
.testimonial-card_text {
  font-size: 20px;
  font-weight: 500;
  font-family: var(--tg-body-font-family);
  color: var(--tg-color-white-default);
  line-height: 1.5em;
  margin-bottom: 25px;
  margin-top: -0.35em;
}
.testimonial-card_details {
  display: flex;
  align-items: center;
  gap: 15px;
  border-top: 1px solid var(--tg-border-9);
  padding-top: 30px;
}
.testimonial-card_thumb {
  flex: none;
  border-radius: 50%;
  overflow: hidden;
  width: 45px;
  height: 45px;
}
.testimonial-card_title {
  font-size: 18px;
  font-weight: 700;
  color: var(--tg-color-white-default);
  margin-bottom: 0;
  line-height: 1;
}
.testimonial-card_desig {
  color: #808C8F;
  font-size: 16px;
  margin-bottom: -0.3em;
  line-height: 1;
}
@media (max-width: 767.98px) {
  .testimonial-card {
    padding: 30px;
  }
  .testimonial-card .testimonial-card_details {
    flex-wrap: wrap;
    gap: 25px 15px;
  }
  .testimonial-card .testimonial-card_text {
    font-size: 18px;
  }
  .testimonial-card .testimonial-card_review {
    margin-left: 0;
  }
  .testimonial-card .testimonial-card_desig {
    line-height: normal;
  }
}

/*=============================
    Testimonial 02
===============================*/
.testimonial-wrap2 {
  border-radius: 8px;
  position: relative;
  border: 1px solid var(--tg-theme-primary);
  overflow: hidden;
  padding: 60px;
  display: flex;
  gap: 40px;
}
.testimonial-wrap2:after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--tg-theme-primary);
  opacity: 0.08;
  z-index: -1;
}
.testimonial-wrap2 .testimonial-thumb2 {
  border-radius: 15px;
  overflow: hidden;
  flex: none;
}
.testimonial-wrap2 .testimonial-thumb2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.testimonial-wrap2 .slider-area {
  flex: 1;
  overflow: hidden;
  align-self: center;
}
@media (max-width: 991.98px) {
  .testimonial-wrap2 {
    display: block;
  }
  .testimonial-wrap2 .testimonial-thumb2 {
    margin-bottom: 30px;
  }
}
@media (max-width: 767.98px) {
  .testimonial-wrap2 {
    padding: 30px;
  }
}

.testi-slider2 {
  position: relative;
  z-index: -1;
}
.testi-slider2 .testimonial-card2 .testi-text {
  font-size: 22px;
  margin-bottom: 0;
}
@media (max-width: 1199.98px) {
  .testi-slider2 .testimonial-card2 .testi-text {
    font-size: 20px;
  }
}
@media (max-width: 767.98px) {
  .testi-slider2 .testimonial-card2 .testi-text {
    font-size: 16px;
  }
}

.testi-thumb-slider2 {
  margin-top: 30px;
}
.testi-thumb-slider2 .swiper-slide.swiper-slide-active .testimonial-author-card2 {
  background: var(--tg-color-white-default);
  box-shadow: 0px 17px 30px rgba(13, 48, 46, 0.09);
}
.testi-thumb-slider2 .swiper-slide.swiper-slide-active .testimonial-author-card2:after {
  opacity: 1;
  height: 20px;
}
.testi-thumb-slider2 .testimonial-author-card2 {
  display: flex;
  gap: 15px;
  align-items: center;
  padding: 25px 30px;
  border-radius: 10px;
  transition: 0.4s;
  position: relative;
}
.testi-thumb-slider2 .testimonial-author-card2:after {
  content: "";
  position: absolute;
  width: 5px;
  height: 0px;
  background: var(--tg-theme-primary);
  border-radius: 15px;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  transition: 0.4s;
  opacity: 0;
}
.testi-thumb-slider2 .testimonial-author-card2 .testimonial-card-title {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 3px;
}
.testi-thumb-slider2 .testimonial-author-card2 .testimonial-card-desig {
  font-size: 14px;
  font-weight: 400;
  color: var(--tg-theme-primary);
  margin-bottom: -0.3em;
}
@media (max-width: 380px) {
  .testi-thumb-slider2 .testimonial-author-card2 {
    display: block;
  }
  .testi-thumb-slider2 .testimonial-author-card2 .testi-author-thumb {
    margin-bottom: 15px;
  }
}

/*=============================
    Testimonial 03
===============================*/
.testimonial-wrap3 {
  margin: 0 40px;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.testimonial-wrap3:before, .testimonial-wrap3:after {
  content: "";
  position: absolute;
  width: 788px;
  height: 788px;
  background: var(--tg-theme-primary);
  opacity: 0.25;
  filter: blur(250px);
  left: 0;
  top: 0;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.testimonial-wrap3:before {
  left: auto;
  right: 0;
  transform: translate(50%, -50%);
}
@media (max-width: 1200px) {
  .testimonial-wrap3 {
    margin: 0;
    border-radius: 0;
  }
}

.testi-slider3 {
  margin: 0 -190px;
}
@media (max-width: 1500px) {
  .testi-slider3 {
    margin: 0;
  }
}

.testimonial-card3 {
  background: #111C21;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 10px;
  padding: 40px;
}
.testimonial-card3 .testimonial-author-card3 {
  display: flex;
  align-items: center;
  gap: 20px;
  padding-bottom: 40px;
  position: relative;
  margin-bottom: 40px;
}
.testimonial-card3 .testimonial-author-card3:after {
  content: "";
  position: absolute;
  height: 1px;
  left: 0;
  right: 0;
  background: radial-gradient(var(--tg-theme-primary) 0%, rgba(255, 255, 255, 0.1) 50%);
  bottom: 0;
}
.testimonial-card3 .testimonial-author-card3 .testi-author-thumb {
  flex: none;
}
.testimonial-card3 .testimonial-author-card3 .testimonial-card-title {
  font-size: 22px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--tg-color-white-default);
}
.testimonial-card3 .testimonial-author-card3 .testimonial-card-desig {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 0;
  color: var(--tg-theme-primary);
}
.testimonial-card3 .testimonial-author-card3 .testimonial-quote-icon {
  margin-left: auto;
  color: var(--tg-color-white-default);
  font-size: 40px;
  opacity: 0.15;
  line-height: 1;
}
@media (max-width: 767.98px) {
  .testimonial-card3 .testimonial-author-card3 {
    display: block;
    margin-bottom: 30px;
    padding-bottom: 30px;
  }
  .testimonial-card3 .testimonial-author-card3 .testi-author-thumb {
    margin-bottom: 30px;
  }
  .testimonial-card3 .testimonial-author-card3 .testimonial-quote-icon {
    margin-top: 20px;
  }
}
.testimonial-card3 .testi-text {
  font-weight: 500;
  color: var(--tg-color-white-default);
  margin-bottom: -0.4em;
  margin-top: -0.5em;
}
@media (max-width: 767.98px) {
  .testimonial-card3 {
    padding: 30px;
  }
}

/*=============================
    Counter 01
===============================*/
.counter-card {
  background: linear-gradient(180deg, #F0F4F7 0%, #FFFFFF 100%);
  border: 1px solid var(--tg-border-3);
  border-radius: 40px 0px;
  padding: 60px 50px;
  transition: 0.4s;
}
.counter-card_title {
  font-weight: 700;
  font-size: 48px;
  line-height: normal;
  margin-bottom: -0.3em;
  margin-top: -0.25em;
}
@media (max-width: 1399px) {
  .counter-card_title {
    font-size: 42px;
  }
}
@media (max-width: 767.98px) {
  .counter-card_title {
    font-size: 32px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .counter-card_title {
    font-size: 40px;
  }
}
.counter-card_subtitle {
  font-size: 14px;
  font-weight: 700;
  font-family: var(--tg-heading-font-family);
  color: var(--tg-theme-primary);
  text-transform: uppercase;
  margin-top: 12px;
}
.counter-card_text {
  font-size: 16px;
  margin-bottom: -0.3em;
  margin-top: 15px;
}
.counter-card:hover {
  border-color: var(--tg-theme-primary);
}
@media (max-width: 1199.98px) {
  .counter-card {
    padding: 50px 30px;
  }
}
@media (max-width: 767.98px) {
  .counter-card {
    padding: 50px 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .counter-card {
    padding: 50px 40px;
  }
}

/*=============================
    Counter 02
===============================*/
.counter-wrap2 {
  background: var(--tg-theme-secondary);
  border-radius: 10px;
  padding: 100px 120px;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.counter-wrap2:after {
  content: "";
  position: absolute;
  width: 416px;
  height: 416px;
  bottom: 0;
  left: 0;
  background: var(--tg-theme-primary);
  mix-blend-mode: difference;
  filter: blur(125px);
  z-index: -1;
  transform: translate(-50%, 50%);
}
.counter-wrap2 .counter-bg-shape2-1 {
  position: absolute;
  clip-path: polygon(50% 0, 50% 0, 0 100%, 20% 100%, 50% 40%, 80% 100%, 100% 100%, 100% 100%);
  background: linear-gradient(var(--tg-theme-primary) 0%, var(--tg-theme-secondary) 75%);
  height: 600px;
  width: 600px;
  right: 100px;
  bottom: -140px;
  z-index: -1;
  opacity: 0.4;
}
.counter-wrap2 .counter-bg-shape2-2 {
  position: absolute;
  clip-path: polygon(50% 0, 50% 0, 0 100%, 20% 100%, 50% 40%, 80% 100%, 100% 100%, 100% 100%);
  background: linear-gradient(var(--tg-theme-primary) 0%, var(--tg-theme-secondary) 75%);
  height: 300px;
  width: 300px;
  right: -150px;
  bottom: -90px;
  z-index: -1;
  opacity: 0.4;
}
@media (max-width: 1399px) {
  .counter-wrap2 {
    padding: 80px;
  }
}
@media (max-width: 767.98px) {
  .counter-wrap2 {
    padding: 60px 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .counter-wrap2 {
    padding: 60px;
  }
}

.counter-card2 {
  display: flex;
  gap: 30px;
}
.counter-card2 .box-icon {
  flex: none;
}
.counter-card2 .box-icon img {
  transition: 0.4s;
}
.counter-card2 .counter-card_title {
  font-size: 40px;
  font-weight: 700;
  color: var(--tg-color-white-default);
}
.counter-card2 .counter-card_text {
  color: var(--tg-color-white-default);
  font-weight: 700;
  margin-top: 10px;
}
.counter-card2:hover .box-icon img {
  transform: scale(-1) rotate(180deg);
}
@media (max-width: 1199.98px) {
  .counter-card2 {
    justify-content: center;
  }
}
@media (max-width: 767.98px) {
  .counter-card2 {
    justify-content: start;
  }
  .counter-card2 .counter-card_title {
    font-size: 36px;
  }
}

/*=============================
    Counter 03
===============================*/
.counter-card3 {
  background: var(--tg-color-white-default);
  box-shadow: 0px 6px 60px 6px rgba(14, 25, 27, 0.11);
  border-radius: 10px;
  overflow: hidden;
  text-align: center;
  position: relative;
}
.counter-card3:after {
  content: "";
  position: absolute;
  width: 156px;
  height: 156px;
  border-radius: 50%;
  top: 0;
  left: 50%;
  background: var(--tg-theme-primary);
  opacity: 0.19;
  filter: blur(40px);
  transform: translate(-50%, -50%);
}
.counter-card3 .counter-card_title {
  color: var(--tg-theme-primary);
  font-size: 54px;
  font-weight: 700;
}
.counter-card3 .box-content {
  padding: 50px 0;
}
.counter-card3 .box-thumb {
  position: relative;
}
.counter-card3 .box-thumb img {
  width: 100%;
  mix-blend-mode: luminosity;
}
.counter-card3 .box-thumb:after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--tg-theme-primary);
  mix-blend-mode: multiply;
}
.counter-card3 .counter-card_text {
  position: absolute;
  font-size: 16px;
  font-weight: 700;
  color: var(--tg-color-white-default);
  text-transform: uppercase;
  inset: 0;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

/*=============================
    Counter 04
===============================*/
.counter-wrap4 {
  border-radius: 20px;
  overflow: hidden;
  margin: 0 40px;
  position: relative;
  z-index: 1;
}
.counter-wrap4:before, .counter-wrap4:after {
  content: "";
  position: absolute;
  width: 788px;
  height: 788px;
  background: var(--tg-theme-primary);
  opacity: 0.25;
  filter: blur(250px);
  left: 0;
  top: 0;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.counter-wrap4:before {
  left: auto;
  right: 0;
  transform: translate(50%, -50%);
}
@media (max-width: 1200px) {
  .counter-wrap4 {
    margin: 0;
    border-radius: 0;
  }
}

.counter-card4-wrap {
  display: flex;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  justify-content: space-around;
  align-items: center;
  padding: 0 60px;
  gap: 60px;
  flex-wrap: wrap;
}
.counter-card4-wrap .divider {
  background: rgba(255, 255, 255, 0.08);
  height: 150px;
  width: 1px;
}
@media (max-width: 1500px) {
  .counter-card4-wrap {
    gap: 40px;
  }
}
@media (max-width: 1200px) {
  .counter-card4-wrap {
    gap: 0 30px;
    padding: 0 30px;
  }
}
@media (max-width: 1199.98px) {
  .counter-card4-wrap {
    padding: 60px;
    gap: 30px;
  }
  .counter-card4-wrap .divider {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .counter-card4-wrap {
    justify-content: start;
  }
}
@media (max-width: 767.98px) {
  .counter-card4-wrap {
    padding: 60px 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .counter-card4-wrap {
    padding: 60px;
  }
}

.counter-card4 {
  display: flex;
  gap: 20px;
  align-items: center;
}
.counter-card4 .counter-card_title {
  font-size: 48px;
  font-weight: 700;
  color: var(--tg-color-white-default);
}
.counter-card4 .counter-card_text {
  text-transform: uppercase;
  color: var(--tg-color-white-default);
  font-size: 16px;
  font-weight: 700;
  font-family: var(--tg-heading-font-family);
  margin-bottom: 0;
  margin-top: 0;
  max-width: 192px;
}
@media (max-width: 1500px) {
  .counter-card4 .counter-card_text {
    font-size: 14px;
  }
}
@media (max-width: 767.98px) {
  .counter-card4 .counter-card_title {
    font-size: 36px;
  }
}

/*=============================
    Project 01
===============================*/
.project-slider1 {
  margin: 0 -10px;
}
@media (max-width: 1199.98px) {
  .project-slider1 {
    margin: 0 20px;
  }
}
@media (max-width: 767.98px) {
  .project-slider1 {
    margin: 0 15px;
  }
}

.project-card {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  z-index: 1;
}
.project-card:before {
  z-index: -1 !important;
}
.project-card .project-thumb {
  position: relative;
  z-index: -2;
}
.project-card .project-thumb:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(13, 46, 44, 0.2) 65.21%, var(--tg-theme-primary) 80.14%);
  mix-blend-mode: normal;
  opacity: 0;
  transition: 0.4s;
}
.project-card .project-thumb img {
  width: 100%;
  height: 500px;
  object-fit: cover;
}
.project-card .project-card-details {
  position: absolute;
  bottom: -40px;
  left: 0;
  right: 0;
  padding: 40px;
  opacity: 0;
  transition: 0.4s;
}
.project-card .project-subtitle {
  font-size: 16px;
  text-transform: uppercase;
  color: var(--tg-color-white-default);
  margin-bottom: 6px;
  display: block;
}
.project-card .project-title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: -0.3em;
}
.project-card .project-title a {
  color: var(--tg-color-white-default);
}
.project-card:hover .project-thumb img {
  scale: 1.05;
}
.project-card:hover .project-thumb:after {
  opacity: 0.96;
}
.project-card:hover .project-card-details {
  opacity: 1;
  bottom: 0;
}
@media (max-width: 767.98px) {
  .project-card .project-thumb:after {
    opacity: 0.96;
  }
  .project-card .project-card-details {
    opacity: 1;
    bottom: 0;
  }
}
@media (max-width: 380px) {
  .project-card .project-card-details {
    padding: 30px;
  }
}

/*=============================
    Project 02
===============================*/
.project-area-2 {
  background-image: linear-gradient(var(--tg-theme-primary), var(--tg-theme-primary));
  background-repeat: no-repeat;
  background-size: 100% calc(100% - 294px);
}
@media (max-width: 1199.98px) {
  .project-area-2 {
    background-size: 100% calc(100% - 150px);
  }
}
@media (max-width: 991.98px) {
  .project-area-2 {
    background-size: 100% calc(100% - 148px);
  }
}
@media (max-width: 767.98px) {
  .project-area-2 {
    background-size: 100% calc(100% - 170px);
  }
}

.project-card2 .project-thumb {
  overflow: hidden;
  border-radius: 10px;
}
.project-card2 .project-thumb img {
  width: 100%;
  min-height: 300px;
  object-fit: cover;
}
.project-card2 .project-card-details {
  position: absolute;
  left: 30px;
  right: 30px;
  bottom: 30px;
}
@media (max-width: 767.98px) {
  .project-card2 .project-card-details {
    left: 20px;
    right: 20px;
    bottom: 20px;
  }
}
.project-card2 .project-card-tag {
  border-radius: 5px;
  background: var(--tg-theme-primary);
  font-size: 14px;
  font-weight: 600;
  padding: 5.25px 30px;
  text-transform: uppercase;
  display: inline-flex;
  margin-bottom: 5px;
  flex-wrap: wrap;
}
.project-card2 .project-card-tag a {
  color: var(--tg-color-white-default);
}
.project-card2 .project-card-tag a:hover {
  color: var(--tg-color-white-default);
  text-shadow: -0.3px -0.3px 0 var(--tg-color-white-default), 0.3px 0.3px var(--tg-color-white-default);
}
@media (max-width: 767.98px) {
  .project-card2 .project-card-tag {
    padding: 5.25px 25px;
  }
}
.project-card2 .project-title {
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 700;
  background: var(--tg-color-white-default);
  border-radius: 5px;
  padding: 24px 30px;
}
.project-card2 .project-title a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--tg-theme-secondary);
  gap: 15px;
}
.project-card2 .project-title a:hover {
  color: var(--tg-theme-primary);
}
@media (max-width: 767.98px) {
  .project-card2 .project-title {
    font-size: 20px;
    padding: 24px;
  }
}
@media (max-width: 380px) {
  .project-card2 .project-title {
    font-size: 18px;
  }
}

/*=============================
    Project 03
===============================*/
.project-slider3 {
  position: relative;
}
.project-slider3 .slider-arrow {
  position: absolute;
  top: 50%;
  margin-top: calc(var(--icon-size, 60px) / -2);
  width: var(--icon-size, 60px);
  height: var(--icon-size, 60px);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: var(--tg-theme-primary);
}
.project-slider3 .slider-arrow.slider-prev {
  left: var(--pos-x, -120px);
}
.project-slider3 .slider-arrow.slider-next {
  right: var(--pos-x, -120px);
}
@media (max-width: 1500px) {
  .project-slider3 .slider-arrow {
    --pos-x: -90px;
  }
}
@media (max-width: 1399px) {
  .project-slider3 .slider-arrow {
    --pos-x: -30px;
    background: var(--tg-color-white-default);
  }
}
@media (max-width: 1200px) {
  .project-slider3 .slider-arrow {
    display: none;
  }
}

.project-card3 {
  position: relative;
}
.project-card3 .project-thumb {
  overflow: hidden;
  border-radius: 10px;
  position: relative;
}
.project-card3 .project-thumb:after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--tg-theme-primary);
  mix-blend-mode: multiply;
  opacity: 0;
  transition: 0.4s;
}
.project-card3 .project-thumb img {
  width: 100%;
  min-height: 300px;
  object-fit: cover;
  transition: 0.4s;
}
@media (max-width: 767.98px) {
  .project-card3 .project-thumb img {
    min-height: 500px;
  }
}
.project-card3 .project-card-details {
  position: absolute;
  left: 30px;
  right: 30px;
  bottom: 30px;
}
@media (max-width: 767.98px) {
  .project-card3 .project-card-details {
    left: 20px;
    right: 20px;
    bottom: 20px;
  }
}
.project-card3 .project-card-tag {
  border-radius: 10px;
  background: var(--tg-theme-primary);
  font-size: 14px;
  font-weight: 600;
  padding: 5.25px 30px;
  text-transform: uppercase;
  display: inline-flex;
  margin-bottom: 5px;
  flex-wrap: wrap;
}
.project-card3 .project-card-tag a {
  color: var(--tg-color-white-default);
}
.project-card3 .project-card-tag a:hover {
  color: var(--tg-color-white-default);
  text-shadow: -0.3px -0.3px 0 var(--tg-color-white-default), 0.3px 0.3px var(--tg-color-white-default);
}
@media (max-width: 767.98px) {
  .project-card3 .project-card-tag {
    padding: 5.25px 25px;
  }
}
.project-card3 .project-title {
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 700;
  border-bottom: 1px solid var(--tg-border-1);
  padding-bottom: 15px;
  margin-bottom: 20px;
}
.project-card3 .project-title a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--tg-theme-secondary);
  gap: 15px;
}
.project-card3 .project-title a:hover {
  color: var(--tg-theme-primary);
}
@media (max-width: 767.98px) {
  .project-card3 .project-title {
    font-size: 20px;
  }
}
@media (max-width: 380px) {
  .project-card3 .project-title {
    font-size: 18px;
  }
}
.project-card3 .box-text {
  margin-bottom: -0.4em;
}
.project-card3 .project-card-content {
  background: var(--tg-color-white-default);
  border-radius: 10px;
  padding: 30px;
}
.project-card3:hover .project-thumb img {
  filter: grayscale(1);
}
.project-card3:hover .project-thumb:after {
  opacity: 1;
}
.project-card3.style2 .project-thumb img {
  filter: none;
}
.project-card3.style2 .project-thumb:after {
  display: none;
}
.project-card3.style2 .project-card-details {
  opacity: 0;
  bottom: 0;
  transition: 0.4s;
}
.project-card3.style2:hover .project-card-details {
  opacity: 1;
  bottom: 30px;
}

/*=============================
    Project Details Page
===============================*/
.project__details-wrap {
  margin-right: 20px;
}
.project__details-wrap .title {
  font-size: 36px;
}
@media (max-width: 1199.98px) {
  .project__details-wrap {
    margin-right: 0;
  }
  .project__details-wrap .title {
    font-size: 24px;
  }
}

.project__details-thumb {
  border-radius: 12px;
  overflow: hidden;
}
.project__details-thumb img {
  width: 100%;
}

/*=============================
    Award 01
===============================*/
.award-list-wrap {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin: 2px 0 0 2px;
}
.award-list-wrap .award-list-title {
  font-size: 50px;
  font-weight: 400;
  margin-bottom: 0;
  text-transform: uppercase;
  padding: 0 50px 0 0;
}
@media (max-width: 1199.98px) {
  .award-list-wrap .award-list-title {
    font-size: 40px;
    padding: 0 40px 0 0;
  }
}
.award-list-wrap .award-card-details {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.4s;
  opacity: 0;
  padding: 0 20px;
}
.award-list-wrap .award-card-details span {
  display: block;
  margin-bottom: 10px;
}
.award-list-wrap .award-card-details .award-card-title {
  color: var(--tg-color-white-default);
  font-weight: 400;
  font-size: 20px;
  text-transform: uppercase;
  margin-bottom: 0;
}
.award-list-wrap li {
  border: 2px solid #1E2122;
  margin-left: -2px;
  margin-top: -2px;
}
.award-list-wrap li a {
  height: 220px;
  line-height: 220px;
  width: 100%;
  display: inline-block;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  position: relative;
}
.award-list-wrap li a img {
  transition: 0.4s;
}
.award-list-wrap li a:hover img {
  opacity: 0.1;
}
.award-list-wrap li a:hover .award-card-details {
  opacity: 1;
}
.award-list-wrap li:first-child {
  border-left: 0;
  border-top: 0;
}
.award-list-wrap li:last-child {
  border-right: 0;
  border-bottom: 0;
}
.award-list-wrap li:nth-child(odd) {
  border-top: 0;
}
.award-list-wrap li:nth-child(even) {
  border-bottom: 0;
}
@media (max-width: 1199.98px) {
  .award-list-wrap li a {
    height: 200px;
    line-height: 200px;
  }
}
@media (max-width: 991.98px) {
  .award-list-wrap {
    grid-template-columns: repeat(3, 1fr);
  }
  .award-list-wrap li:nth-child(even) {
    border-bottom: 1px solid #1E2122;
  }
  .award-list-wrap li:nth-child(odd) {
    border-top: 1px solid #1E2122;
  }
  .award-list-wrap li:first-child {
    border-top: 0;
  }
  .award-list-wrap li:last-child {
    border-bottom: 0;
  }
}
@media (max-width: 767.98px) {
  .award-list-wrap {
    grid-template-columns: repeat(1, 1fr);
  }
  .award-list-wrap .award-list-title {
    text-align: center;
    padding-right: 0;
    margin-bottom: 30px;
    font-size: 30px;
  }
  .award-list-wrap li:first-child {
    border: 0;
  }
  .award-list-wrap li:last-child {
    border: 1px solid #1E2122;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .award-list-wrap {
    grid-template-columns: repeat(2, 1fr);
  }
  .award-list-wrap .award-list-title {
    text-align: start;
    padding-right: 40px;
    margin-bottom: 0px;
    font-size: 40px;
  }
}

/*=============================
    Award 02
===============================*/
.award-list-wrap2 {
  list-style: none;
  padding: 0;
  margin: 0;
}
.award-list-wrap2 .single-award-list {
  display: flex;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding-bottom: 40px;
  padding-top: 40px;
  transition: 0.4s;
}
.award-list-wrap2 .single-award-list:first-child {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.award-list-wrap2 .single-award-list .subtitle {
  font-size: 18px;
  font-weight: 400;
  font-family: var(--tg-paragraph-font-family);
  color: var(--tg-theme-primary);
  transition: 0.4s;
  text-transform: uppercase;
  margin-bottom: 6px;
  margin-top: -0.4em;
}
.award-list-wrap2 .single-award-list .award-details {
  transition: 0.4s;
  position: relative;
}
.award-list-wrap2 .single-award-list .award-details .title {
  font-size: 30px;
  font-weight: 400;
  text-transform: uppercase;
  font-family: var(--tg-heading-font-family);
  margin-bottom: -0.2em;
}
.award-list-wrap2 .single-award-list .award-details .title a {
  color: var(--tg-color-white-default);
}
.award-list-wrap2 .single-award-list .award-details .title a:hover {
  color: var(--tg-theme-primary);
}
.award-list-wrap2 .single-award-list .link-btn {
  margin-left: auto;
  text-transform: uppercase;
  transition: 0.4s;
  align-self: center;
  font-size: 14px;
  font-weight: 600;
  color: var(--tg-color-white-2);
  gap: 10px;
  margin-bottom: -7px;
}
.award-list-wrap2 .single-award-list .link-btn i.fa-arrow-right {
  transform: rotate(-45deg);
  font-size: 16px;
}
.award-list-wrap2 .single-award-list .link-btn:hover i.fa-arrow-right {
  transform: none;
}
.award-list-wrap2 .single-award-list:hover {
  border-bottom-color: var(--tg-theme-primary);
}
.award-list-wrap2 .single-award-list:hover .award-details {
  transform: translate3d(1.5rem, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
  transform-style: preserve-3d;
}
.award-list-wrap2 .single-award-list:hover .link-btn {
  transform: translate3d(-1.5rem, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
  transform-style: preserve-3d;
  color: var(--tg-theme-primary);
}
@media (max-width: 991.98px) {
  .award-list-wrap2 .single-award-list .award-details p {
    font-size: 16px;
  }
}
@media (max-width: 767.98px) {
  .award-list-wrap2 {
    padding-bottom: 120px;
  }
  .award-list-wrap2 .single-award-list {
    display: block;
  }
  .award-list-wrap2 .single-award-list:hover .link-btn {
    transform: none;
  }
  .award-list-wrap2 .single-award-list .award-details {
    margin-left: 0px;
    margin-top: 10px;
    margin-bottom: 20px;
  }
  .award-list-wrap2 .single-award-list .award-details .title {
    font-size: 24px;
    line-height: normal;
  }
  .award-list-wrap2 .single-award-list .award-tag {
    margin-bottom: -0.5em;
    display: block;
    transform: none;
  }
  .award-list-wrap2 .single-award-list {
    transition: 1s;
  }
  .award-list-wrap2 .single-award-list:hover .award-details {
    transform: none;
  }
  .award-list-wrap2 .single-award-list:hover .award-tag {
    transform: none;
  }
}

/*=============================
    Client
===============================*/
.client-slider1 {
  overflow: hidden;
}

.client-card {
  background: var(--tg-color-white-default);
  transition: 0.4s;
  border-radius: 7px;
  box-shadow: 0px 0px 15px rgba(29, 43, 42, 0.1);
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.client-card img {
  transition: 0.4s;
  filter: grayscale(1);
}
.client-card:hover img {
  filter: none;
  scale: 1.05;
}

/*=============================
    Client
===============================*/
.client-area-2 {
  border-top: 1px solid var(--tg-border-1);
  border-bottom: 1px solid var(--tg-border-1);
}

.client-slider2 {
  overflow: hidden;
}

/*=============================
    Contact 01
===============================*/
.contact-wrap1 {
  margin: 0 40px 40px;
  border-radius: 20px;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .contact-wrap1 {
    margin: 0;
    border-radius: 0;
  }
}

.contact-thumb1 {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  border-radius: 20px;
  overflow: hidden;
  width: calc(50% - 105px);
}
.contact-thumb1 img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
@media (max-width: 1500px) {
  .contact-thumb1 {
    width: calc(50% - 55px);
  }
}
@media (max-width: 1399px) {
  .contact-thumb1 {
    width: calc(50% - 15px);
  }
}
@media (max-width: 1200px) {
  .contact-thumb1 {
    border-radius: 0;
  }
}

.contact-form-wrap {
  background: var(--tg-color-white-default);
  border-radius: 10px;
  padding: 50px;
  margin-right: -150px;
}
.contact-form-wrap .section__title {
  border-bottom: 1px solid var(--tg-border-1);
  padding-bottom: 17px;
}
.contact-form-wrap .section__title .title {
  font-size: 30px;
  font-weight: 700;
}
@media (max-width: 1500px) {
  .contact-form-wrap {
    margin-right: 0;
  }
}
@media (max-width: 767.98px) {
  .contact-form-wrap {
    padding: 40px 30px;
  }
  .contact-form-wrap .section__title .title {
    font-size: 24px;
  }
}

/*contact page ***********/
.contact-form-wrap2 {
  padding: 0 120px;
}
@media (max-width: 991.98px) {
  .contact-form-wrap2 {
    padding: 0 80px;
  }
}
@media (max-width: 767.98px) {
  .contact-form-wrap2 {
    padding: 0 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .contact-form-wrap2 {
    padding: 0 50px;
  }
}

.contact-map-area {
  width: 100%;
  line-height: 0.01px;
  position: relative;
  z-index: 1;
}
.contact-map-area iframe {
  height: 100%;
  width: 100%;
  filter: grayscale(100) brightness(0.8);
  position: absolute;
  inset: 0;
  z-index: -1;
}
@media (max-width: 991.98px) {
  .contact-map-area iframe {
    min-height: 400px;
  }

  .side-toggle {
    writing-mode: inherit;
    bottom: -5px;
    top: inherit;
    transform: translateY(0%);
    width: 80px;
    left: 0;
    height: 60px;
    padding: 13px 0;
    position: fixed;
    border-radius: 0;
    border-top-right-radius: 60px;
    color: var(--platinum);
  }

  .side-toggle i {
    font-size: 2.6em;
    margin-left: -10px;
    transition: transform 0.3s ease;
  }

  /* Hover Animation Trigger */
  .wave-hover:hover {
    animation: wave-animation 2s infinite;
    transform-origin: 70% 70%;
  }

  /* Keyframes for waving */
  @keyframes wave-animation {
    0% { transform: rotate(0deg); }
    15% { transform: rotate(15deg); }
    30% { transform: rotate(-10deg); }
    45% { transform: rotate(15deg); }
    60% { transform: rotate(-5deg); }
    75% { transform: rotate(10deg); }
    100% { transform: rotate(0deg); }
  }
}



@media (max-width: 767.98px) {
  .contact-map-area iframe {
    min-height: 280px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .contact-map-area iframe {
    min-height: 300px;
  }
}
.contact-map-area .contact-info-wrap {
  background: var(--tg-color-white-default);
  display: inline-block;
  border-bottom: 5px solid var(--tg-theme-primary);
  box-shadow: 0px 4px 38px rgba(0, 0, 0, 0.15);
}
.contact-map-area .contact-info-wrap .contact-info-thumb img {
  width: 100%;
}
.contact-map-area .contact-info-wrap .list-wrap {
  padding: 40px;
}
.contact-map-area .contact-info-wrap .list-wrap li:not(:last-child) {
  border-bottom: 1px solid var(--tg-border-4);
  margin-bottom: 25px;
  padding-bottom: 25px;
}
.contact-map-area .contact-info-wrap .list-wrap .contact-info-card {
  display: flex;
  gap: 20px;
}
.contact-map-area .contact-info-wrap .list-wrap .contact-info-card .contact-info-icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: var(--tg-theme-primary);
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--tg-color-white-default);
}
.contact-map-area .contact-info-wrap .list-wrap .contact-info-card p {
  font-size: 14px;
  font-weight: 600;
  font-family: var(--tg-heading-font-family);
  text-transform: uppercase;
  color: var(--tg-theme-primary);
  margin-bottom: 5px;
}
.contact-map-area .contact-info-wrap .list-wrap .contact-info-card h4 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: -0.4em;
}

/*=============================
    Marquee 01
===============================*/
.marquee-wrap {
  margin: -7px 0 -26px;
  display: flex;
}
@media (max-width: 1399px) {
  .marquee-wrap {
    margin: -5px 0 -20px;
  }
}
@media (max-width: 1199.98px) {
  .marquee-wrap {
    margin: -4px 0 -7px;
  }
}
@media (max-width: 767.98px) {
  .marquee-wrap {
    margin: -2px 0 -7px;
  }
}
.marquee-wrap .marquee__group .m-item {
  margin-right: 25px;
  display: inline;
}
.marquee-wrap .marquee__group .m-item a {
  font-size: 130px;
  font-weight: 400;
  letter-spacing: -0.03em;
  text-transform: uppercase;
  line-height: 1;
}
@media (max-width: 1399px) {
  .marquee-wrap .marquee__group .m-item a {
    font-size: 100px;
  }
}
@media (max-width: 1199.98px) {
  .marquee-wrap .marquee__group .m-item a {
    font-size: 80px;
  }
}
@media (max-width: 991.98px) {
  .marquee-wrap .marquee__group .m-item a {
    font-size: 65px;
  }
}
@media (max-width: 767.98px) {
  .marquee-wrap .marquee__group .m-item a {
    font-size: 45px;
  }
}
@media (max-width: 380px) {
  .marquee-wrap .marquee__group .m-item a {
    font-size: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .marquee-wrap .marquee__group .m-item a {
    font-size: 50px;
  }
}
.marquee-wrap .marquee__group .m-item.text-stroke a {
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1px var(--tg-theme-secondary);
}
.marquee-wrap .marquee__group .m-item.text-stroke a:hover {
  -webkit-text-stroke: 1px var(--tg-theme-primary);
}

.marquee-area-1.marquee-wrap .marquee__group .m-item {
  margin-right: 80px;
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 80px;
  margin-bottom: 0;
}
.marquee-area-1.marquee-wrap .marquee__group .m-item:after {
  content: "";
  position: relative;
  width: 20px;
  height: 20px;
  background: var(--tg-theme-secondary);
  opacity: 0.2;
  border-radius: 50%;
}
.marquee-area-1.marquee-wrap .marquee__group .m-item a {
  font-size: 120px;
  color: var(--tg-theme-secondary);
}
@media (max-width: 1399px) {
  .marquee-area-1.marquee-wrap .marquee__group .m-item a {
    font-size: 100px;
  }
}
@media (max-width: 1199.98px) {
  .marquee-area-1.marquee-wrap .marquee__group .m-item a {
    font-size: 80px;
  }
}
@media (max-width: 991.98px) {
  .marquee-area-1.marquee-wrap .marquee__group .m-item a {
    font-size: 65px;
  }
}
@media (max-width: 767.98px) {
  .marquee-area-1.marquee-wrap .marquee__group .m-item a {
    font-size: 45px;
  }
}
@media (max-width: 380px) {
  .marquee-area-1.marquee-wrap .marquee__group .m-item a {
    font-size: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .marquee-area-1.marquee-wrap .marquee__group .m-item a {
    font-size: 50px;
  }
}
@media (max-width: 1199.98px) {
  .marquee-area-1.marquee-wrap .marquee__group .m-item {
    margin-right: 40px;
    gap: 40px;
  }
}

/*=============================
    Marquee 02
===============================*/
.marquee-area-2.marquee-wrap .marquee__group .m-item {
  margin-right: 140px;
}
.marquee-area-2.marquee-wrap .marquee__group .m-item a {
  font-size: 120px;
  color: transparent;
  letter-spacing: normal;
  -webkit-text-stroke: 2px rgba(255, 255, 255, 0.2);
}
.marquee-area-2.marquee-wrap .marquee__group .m-item a:hover {
  color: var(--tg-theme-primary);
  -webkit-text-stroke: 2px var(--tg-theme-primary);
}
@media (max-width: 1399px) {
  .marquee-area-2.marquee-wrap .marquee__group .m-item a {
    font-size: 100px;
  }
}
@media (max-width: 1199.98px) {
  .marquee-area-2.marquee-wrap .marquee__group .m-item a {
    font-size: 80px;
  }
}
@media (max-width: 991.98px) {
  .marquee-area-2.marquee-wrap .marquee__group .m-item a {
    font-size: 65px;
  }
}
@media (max-width: 767.98px) {
  .marquee-area-2.marquee-wrap .marquee__group .m-item a {
    font-size: 45px;
  }
}
@media (max-width: 380px) {
  .marquee-area-2.marquee-wrap .marquee__group .m-item a {
    font-size: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .marquee-area-2.marquee-wrap .marquee__group .m-item a {
    font-size: 50px;
  }
}
@media (max-width: 1199.98px) {
  .marquee-area-2.marquee-wrap .marquee__group .m-item {
    margin-right: 40px;
  }
}

/*=============================
    Marquee 03
===============================*/
.marquee-area-3 {
  position: relative;
}
.marquee-area-3:after, .marquee-area-3:before {
  content: "";
  position: absolute;
  width: 200px;
  left: 0;
  top: 0;
  bottom: 0;
  background: linear-gradient(to right, var(--tg-theme-secondary), transparent);
  background-size: cover;
  z-index: 1;
}
.marquee-area-3:after {
  left: auto;
  right: 0;
  background: linear-gradient(to left, var(--tg-theme-secondary), transparent);
}
.marquee-area-3.marquee-wrap {
  margin: 0;
}
.marquee-area-3.marquee-wrap .marquee__group .m-item {
  margin-right: 0px;
  display: inline-flex;
  align-items: center;
  margin-bottom: 0;
}
.marquee-area-3.marquee-wrap .marquee__group .m-item a {
  font-size: 120px;
  margin-left: 50px;
  color: transparent;
  letter-spacing: normal;
  -webkit-text-stroke: 2px rgba(255, 255, 255, 0.2);
}
.marquee-area-3.marquee-wrap .marquee__group .m-item a:hover {
  color: var(--tg-theme-primary);
  -webkit-text-stroke: 2px var(--tg-theme-primary);
}
@media (max-width: 1399px) {
  .marquee-area-3.marquee-wrap .marquee__group .m-item a {
    font-size: 100px;
  }
}
@media (max-width: 1199.98px) {
  .marquee-area-3.marquee-wrap .marquee__group .m-item a {
    font-size: 80px;
  }
}
@media (max-width: 991.98px) {
  .marquee-area-3.marquee-wrap .marquee__group .m-item a {
    font-size: 65px;
  }
}
@media (max-width: 767.98px) {
  .marquee-area-3.marquee-wrap .marquee__group .m-item a {
    font-size: 45px;
  }
}
@media (max-width: 380px) {
  .marquee-area-3.marquee-wrap .marquee__group .m-item a {
    font-size: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .marquee-area-3.marquee-wrap .marquee__group .m-item a {
    font-size: 50px;
  }
}
.marquee-area-3.marquee-wrap .marquee__group .m-item .skull-icon {
  width: 110px;
  height: 110px;
  line-height: 110px;
  border-radius: 50%;
  text-align: center;
  display: inline-block;
  border: 1px solid var(--tg-theme-primary);
  margin-left: 50px;
}
@media (max-width: 1199.98px) {
  .marquee-area-3.marquee-wrap .marquee__group .m-item .skull-icon {
    width: 80px;
    height: 80px;
    line-height: 80px;
  }
  .marquee-area-3.marquee-wrap .marquee__group .m-item .skull-icon img {
    width: 40px;
  }
}
@media (max-width: 767.98px) {
  .marquee-area-3:after, .marquee-area-3:before {
    display: none;
  }
}

/*=============================
    Pricing 01
===============================*/
.pricing-card {
  position: relative;
  z-index: 1;
  border-radius: 12px;
  overflow: hidden;
}
.pricing-card_thumb {
  position: relative;
  z-index: 1;
}
.pricing-card_thumb:after {
  content: "";
  position: absolute;
  background: linear-gradient(76.62deg, rgba(13, 35, 34, 0.27) 0%, #052321 100%);
  inset: 0;
  transition: 0.4s;
  opacity: 0;
}
.pricing-card_thumb img {
  width: 100%;
  min-height: 200px;
  object-fit: cover;
}
.pricing-card_tag {
  background: var(--tg-theme-primary);
  color: var(--tg-color-white-default);
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  position: absolute;
  padding: 10.5px 20px;
  line-height: normal;
  min-width: 180px;
  transform: rotate(45deg) translate(50%, 100%);
  transform-origin: top right;
  right: 0;
  top: 0;
  z-index: 1;
}
.pricing-card_price {
  background: var(--tg-theme-primary);
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  font-size: 30px;
  font-weight: 700;
  color: var(--tg-color-white-default);
  margin-bottom: 0;
  padding: 17px 40px;
  border-radius: 0 20px 0 0;
}
.pricing-card_price .duration {
  font-size: 16px;
  font-weight: 600;
}
.pricing-card_details {
  padding: 40px;
  background: var(--tg-color-white-default);
}
.pricing-card_details.no-bg {
  padding: 0;
  background: transparent;
}
@media (max-width: 767.98px) {
  .pricing-card_details {
    padding: 30px;
  }
}
.pricing-card_title {
  font-size: 24px;
  font-weight: 700;
  margin-top: -0.2em;
  margin-bottom: 12px;
}
@media (max-width: 1199.98px) {
  .pricing-card_title {
    font-size: 20px;
    margin-bottom: 18px;
    margin-top: -0.1em;
  }
}
.pricing-card p {
  font-size: 16px;
}
.pricing-card .checklist {
  margin-bottom: 28px;
  margin-top: 20px;
}
.pricing-card .checklist li {
  font-size: 16px;
  font-weight: 600;
  color: var(--tg-theme-secondary);
  display: flex;
  align-items: start;
  transition: 0.4s;
}
.pricing-card .checklist li:not(:last-child) {
  margin-bottom: 7px;
}
.pricing-card .checklist li i,
.pricing-card .checklist li svg,
.pricing-card .checklist li img {
  margin-right: 12px;
  margin-top: 6px;
  color: var(--tg-theme-primary);
}
.pricing-card .btn {
  border-radius: 5px;
}
.pricing-card:hover .pricing-card_thumb:after, .pricing-card.active .pricing-card_thumb:after {
  opacity: 1;
}

/*=============================
    Pricing 02
===============================*/
.pricing-bg-shape2-1 {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: calc(50% - 105px);
}
.pricing-bg-shape2-1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 1399px) {
  .pricing-bg-shape2-1 {
    width: calc(50% - 55px);
  }
}

.pricing-card.style2 {
  display: flex;
  border-radius: 15px;
  background: var(--tg-color-white-default);
  border: 1px solid var(--tg-border-1);
}
.pricing-card.style2 .pricing-card_details {
  padding: 40px 35px 40px 40px;
  border-right: 1px solid var(--tg-border-1);
}
@media (max-width: 1399px) {
  .pricing-card.style2 .pricing-card_details {
    padding: 30px;
  }
}
.pricing-card.style2 .media-body {
  align-self: center;
  text-align: center;
  flex: none;
  padding: 0 40px;
}
@media (max-width: 1399px) {
  .pricing-card.style2 .media-body {
    padding: 0 30px;
  }
}
.pricing-card.style2 .pricing-card_price {
  position: relative;
  background: transparent;
  color: var(--tg-theme-secondary);
  padding: 0;
  border-radius: 0;
  margin-bottom: 25px;
}
.pricing-card.style2 .checklist {
  margin-bottom: -0.35em;
}
.pricing-card.style2 .checklist li:not(:last-child) {
  padding-bottom: 7px;
  margin-bottom: 7px;
  position: relative;
}
.pricing-card.style2 .checklist li:not(:last-child):after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: var(--tg-border-1);
  width: calc(100% + 35px);
  height: 1px;
}
@media (max-width: 1399px) {
  .pricing-card.style2 .checklist li:not(:last-child):after {
    width: calc(100% + 30px);
  }
}
.pricing-card.style2 .checklist li i {
  margin-right: 11px;
}
@media (max-width: 767.98px) {
  .pricing-card.style2 {
    display: block;
  }
  .pricing-card.style2 .media-body {
    padding-bottom: 30px;
    text-align: start;
  }
  .pricing-card.style2 .checklist {
    margin-bottom: -0.35em;
  }
  .pricing-card.style2 .checklist li:not(:last-child) {
    padding-bottom: 0;
  }
  .pricing-card.style2 .checklist li:not(:last-child):after {
    display: none;
  }
}

.pricing-card-wrap .pricing-card:not(:last-child) {
  margin-bottom: 24px;
}

/*=============================
    FAQ 01
===============================*/
.faq-bg-shape1-1 {
  position: absolute;
  width: 110%;
  height: 350px;
  bottom: 0;
  left: 50%;
  background: var(--tg-color-smoke-5);
  transform: rotate(7deg) translate(-50%, -50%);
  z-index: -1;
}
@media (max-width: 991.98px) {
  .faq-bg-shape1-1 {
    display: none;
  }
}

.faq-thumb1-1 {
  border-radius: 15px;
  overflow: hidden;
}
.faq-thumb1-1 img {
  width: 100%;
}

.accordion-card {
  transition: 0.3s;
  background: var(--tg-color-white-default);
  border-radius: 5px;
  position: relative;
  padding: 18px 30px;
  box-shadow: 0px 0px 18px rgba(24, 16, 16, 0.1);
}
.accordion-card:not(:last-child) {
  margin-bottom: 20px;
}
.accordion-card .accordion-button {
  font-size: 18px;
  font-weight: 600;
  font-family: var(--tg-heading-font-family);
  color: var(--tg-theme-secondary);
  border: 0;
  background-color: transparent;
  text-align: left;
  transition: 0.3s;
  box-shadow: none;
  padding: 0px 45px 0px 0;
  line-height: normal;
  display: block;
}
.accordion-card .accordion-button span {
  margin-right: 5px;
  align-self: start;
}
@media (max-width: 767.98px) {
  .accordion-card .accordion-button {
    font-size: 18px;
  }
}
.accordion-card .accordion-button:after {
  content: "\f107";
  height: 30px;
  width: auto;
  background: transparent;
  border: 0;
  font-family: "Font Awesome 5 Free";
  color: var(--tg-theme-primary);
  font-weight: 900;
  font-size: 24px;
  display: grid;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: absolute;
  line-height: normal;
  top: -2px;
  right: 2px;
  transition: 0.3s ease-in-out;
}
@media (max-width: 767.98px) {
  .accordion-card .accordion-button:after {
    font-size: 20px;
    right: 1px;
  }
}
.accordion-card .accordion-button:not(.collapsed)::after {
  color: var(--tg-theme-primary);
}
.accordion-card .accordion-button:focus {
  outline: none;
  box-shadow: none;
}
.accordion-card .accordion-collapse {
  border: none;
  position: relative;
}
.accordion-card .accordion-body {
  border-radius: 0;
  background-color: transparent;
  border: none;
  padding: 12px 0 5px 0;
}
.accordion-card .accordion-body p {
  font-weight: 400;
  font-size: 16px;
  margin: 0;
  opacity: 0.7;
  color: var(--tg-theme-secondary);
}
@media (max-width: 767.98px) {
  .accordion-card .accordion-body p {
    font-size: 16px;
  }
}
.accordion-card:last-child {
  margin-bottom: 0;
}

/*=============================
    Feature 01
===============================*/
.feature-wrap1 {
  margin: 30px 30px 0;
  border-radius: 5px;
  background-size: cover;
  background-position: center;
}
@media (max-width: 1399px) {
  .feature-wrap1 {
    margin: 0;
    border-radius: 0;
  }
}

.feature-card {
  background: var(--tg-color-white-default);
  border-radius: 5px;
  padding: 40px;
}
.feature-card .box-icon {
  color: var(--tg-theme-primary);
  display: inline-block;
  position: relative;
  padding-top: 6px;
  margin-bottom: 30px;
}
.feature-card .box-icon svg,
.feature-card .box-icon img {
  transition: 0.4s;
}
.feature-card .box-icon:after {
  content: "";
  position: absolute;
  width: 51px;
  height: 51px;
  border-radius: 50%;
  background: var(--tg-theme-primary);
  opacity: 0.1;
  top: 0;
  right: -15px;
}
.feature-card .box-title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 15px;
  line-height: 1.333em;
  margin-top: -0.25em;
}
.feature-card .box-title a {
  color: var(--tg-theme-secondary);
}
.feature-card .box-title a:hover {
  color: var(--tg-theme-primary);
}
.feature-card .box-text {
  margin-bottom: -0.4em;
}
.feature-card:hover .box-icon svg,
.feature-card:hover .box-icon img {
  transform: scale(-1) rotate(180deg);
}
@media (max-width: 1199.98px) {
  .feature-card {
    padding: 30px;
  }
  .feature-card .box-title {
    font-size: 20px;
  }
}

/*=============================
    Feature 02
===============================*/
.feature-thumb2-1 {
  position: relative;
  padding-left: 125px;
  padding-bottom: 245px;
  display: inline-block;
}
.feature-thumb2-1 .img1 {
  border-radius: 10px;
  display: inline-block;
  overflow: hidden;
}
.feature-thumb2-1 .img2 {
  border: 6px solid var(--tg-color-white-default);
  border-radius: 10px;
  overflow: hidden;
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 50px;
  z-index: 1;
}
.feature-thumb2-1 .img2 .thumb {
  border-radius: 10px;
  overflow: hidden;
}
.feature-thumb2-1 .feature-counter-wrap {
  background: var(--tg-theme-primary);
  position: absolute;
  bottom: 0;
  right: 0;
  border-radius: 10px;
  text-align: start;
  padding: 30px;
  z-index: 1;
}
.feature-thumb2-1 .feature-counter-wrap .box-icon {
  margin-bottom: 27px;
}
.feature-thumb2-1 .feature-counter-wrap .box-counter {
  font-size: 48px;
  font-weight: 700;
  color: var(--tg-color-white-default);
  margin-bottom: 0;
}
.feature-thumb2-1 .feature-counter-wrap .box-text {
  color: var(--tg-color-white-default);
  font-size: 16px;
  font-weight: 700;
  font-family: var(--tg-heading-font-family);
  text-transform: uppercase;
  margin-bottom: -0.5em;
}
@media (max-width: 767.98px) {
  .feature-thumb2-1 {
    padding: 0;
    display: block;
  }
  .feature-thumb2-1 .img1 {
    display: block;
  }
  .feature-thumb2-1 .img1 img {
    width: 100%;
  }
  .feature-thumb2-1 .img2 {
    position: relative;
    animation: none !important;
    display: block;
    border: 0;
    bottom: auto;
    margin-top: 20px;
  }
  .feature-thumb2-1 .img2 img {
    width: 100%;
  }
  .feature-thumb2-1 .feature-counter-wrap {
    position: relative;
    margin-top: 20px;
  }
}

/*=============================
    Feature 03
===============================*/
.feature-wrap3 {
  border-radius: 20px;
  overflow: hidden;
  margin: 0 40px;
}
@media (max-width: 767.98px) {
  .feature-wrap3 {
    margin: 0 15px;
  }
}

.feature-card-wrap3:last-child .feature-card3 {
  border: 0;
}

.feature-card3 {
  border-right: 1px solid #2C464F;
  padding: 120px;
}
.feature-card3 .box-icon {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #253D45;
  border: 1px solid #344B53;
  color: var(--tg-color-white-default);
  margin-bottom: 40px;
}
.feature-card3 .box-icon svg,
.feature-card3 .box-icon i,
.feature-card3 .box-icon img {
  transition: 0.4s;
}
.feature-card3 .box-title { color: var(--tg-color-white-default); font-size: 26px; margin-top: -0.2em; margin-bottom: 10px; text-transform: uppercase; }
.feature-card3 .box-text {
  margin-bottom: -0.4em;
  color: #ADADAD;
}
.feature-card3:hover .box-icon svg,
.feature-card3:hover .box-icon i,
.feature-card3:hover .box-icon img {
  transform: scale(-1) rotate(180deg);
}
@media (max-width: 1500px) {
  .feature-card3 {
    padding: 80px;
  }
}
@media (max-width: 1399px) {
  .feature-card3 {
    padding: 60px;
  }
}
@media (max-width: 1199.98px) {
  .feature-card3 {
    padding: 60px 30px;
  }
}
@media (max-width: 991.98px) {
  .feature-card3 {
    padding: 60px;
    border-right: 0;
    border-bottom: 1px solid #2C464F;
  }
}
@media (max-width: 767.98px) {
  .feature-card3 {
    padding: 60px 30px;
  }
}

/*=============================
    Video 01
===============================*/
.video-bg-shape1 {
  position: absolute;
  left: 120px;
  top: 220px;
}
@media (max-width: 1399px) {
  .video-bg-shape1 {
    display: none;
  }
}

.video-wrap1 {
  box-shadow: 0px 4px 60px 8px rgba(0, 0, 0, 0.25);
  border-radius: 20px;
}
.video-wrap1 .video-thumb-box1 {
  position: relative;
  border: 10px solid var(--tg-color-white-default);
  border-radius: 20px;
  overflow: hidden;
}
.video-wrap1 .video-thumb-box1:after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(29, 29, 30, 0.41);
}
.video-wrap1 .video-thumb-box1 img {
  width: 100%;
  min-height: 300px;
  object-fit: cover;
}
.video-wrap1 .video-thumb-box1 .video-link {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: var(--tg-theme-primary);
  color: var(--tg-color-white-default);
  border-radius: 50px;
  display: flex;
  overflow: hidden;
  font-size: 18px;
  font-weight: 600;
  padding: 0 0 0 30px;
  align-items: center;
  z-index: 1;
  transition: 0.4s;
  width: max-content;
}
.video-wrap1 .video-thumb-box1 .video-link .video-btn {
  background: var(--tg-color-white-default);
  color: var(--tg-theme-primary);
  font-size: 30px;
  padding: 4px 26px 4px 28px;
  margin-left: 30px;
  transition: 0.4s;
}
.video-wrap1 .video-thumb-box1 .video-link:hover {
  background: var(--tg-color-white-default);
  color: var(--tg-theme-primary);
}
.video-wrap1 .video-thumb-box1 .video-link:hover .video-btn {
  background: var(--tg-theme-primary);
  color: var(--tg-color-white-default);
}
.video-wrap1 .video-thumb-box1 .video-text {
  font-size: 220px;
  font-weight: 700;
  position: absolute;
  bottom: -40px;
  left: 0;
  right: 0;
  margin: 0 -30px;
  line-height: 0.85;
  -webkit-text-stroke: 2px #fff;
  color: transparent;
  z-index: 1;
  opacity: 0.6;
  text-align: center;
}
@media (max-width: 1500px) {
  .video-wrap1 .video-thumb-box1 .video-text {
    font-size: 200px;
  }
}
@media (max-width: 1199.98px) {
  .video-wrap1 .video-thumb-box1 .video-text {
    font-size: 150px;
    bottom: -20px;
  }
}
@media (max-width: 991.98px) {
  .video-wrap1 .video-thumb-box1 .video-text {
    font-size: 100px;
  }
}
@media (max-width: 767.98px) {
  .video-wrap1 .video-thumb-box1 .video-text {
    font-size: 50px;
    bottom: -5px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .video-wrap1 .video-thumb-box1 .video-text {
    font-size: 70px;
    bottom: -10px;
  }
}
@media (max-width: 767.98px) {
  .video-wrap1 .video-thumb-box1 .video-text {
    font-size: 40px;
  }
}
@media (max-width: 380px) {
  .video-wrap1 .video-thumb-box1 .video-link {
    font-size: 16px;
    padding: 0 0 0 20px;
  }
  .video-wrap1 .video-thumb-box1 .video-link .video-btn {
    padding: 0px 20px 0px 20px;
    margin-left: 20px;
  }
}

/*=============================
    About area
===============================*/
.about-grid-card {
  display: flex;
  gap: 20px;
}
.about-grid-card:not(:last-child) {
  margin-bottom: 40px;
}
.about-grid-card .box-icon {
  width: 90px;
  height: 90px;
  background: rgba(29, 49, 49, 0.08);
  border-radius: 5px;
  flex: none;
  color: var(--tg-theme-primary);
  display: flex;
  align-items: center;
  justify-content: center;
}
.about-grid-card .box-title {
  font-size: 24px;
  font-weight: 700;
  color: var(--tg-theme-primary);
  margin-top: -0.15em;
}
.about-grid-card .box-text {
  margin-bottom: -0.4em;
}
.about-grid-card .card-details {
  align-self: center;
}
@media (max-width: 767.98px) {
  .about-grid-card {
    display: block;
  }
  .about-grid-card .box-icon {
    margin-bottom: 20px;
  }
}

.about-thumb1-1 {
  display: inline-block;
  position: relative;
  z-index: 1;
  padding-right: 85px;
}
.about-thumb1-1:after {
  content: "";
  position: absolute;
  width: 198px;
  height: 100px;
  background: var(--tg-theme-primary);
  mix-blend-mode: multiply;
  transform: rotate(-135deg);
  border-radius: 50% 50% 0 0/100% 100% 0 0;
  right: 0;
  top: 52px;
  animation: spin 15s linear infinite;
  z-index: -1;
}
.about-thumb1-1 .img1 {
  border-radius: 130px 0 130px 0;
  display: inline-block;
  overflow: hidden;
}
.about-thumb1-1 .about-experience-wrap {
  background: var(--tg-theme-primary);
  display: inline-block;
  border-radius: 60px 0 60px 0;
  padding: 40px;
  position: absolute;
  bottom: 8px;
  left: 0;
}
.about-thumb1-1 .about-experience-wrap .counter-title {
  color: var(--tg-color-white-default);
  font-size: 48px;
  font-weight: 700;
  margin-top: -0.15em;
  margin-bottom: 0px;
}
.about-thumb1-1 .about-experience-wrap .counter-text {
  color: var(--tg-color-white-default);
  font-size: 16px;
  font-weight: 700;
  font-family: var(--tg-heading-font-family);
  text-transform: uppercase;
  margin-bottom: -0.5em;
  display: block;
}
@media (max-width: 767.98px) {
  .about-thumb1-1 {
    padding-right: 0px;
  }
  .about-thumb1-1:after {
    top: 0px;
  }
  .about-thumb1-1 .img1 {
    border-radius: 70px 0 70px 0;
  }
}

/*=============================
    About area 2
===============================*/
.about-thumb2-1 {
  position: relative;
  display: inline-block;
  padding: 0 185px 195px 0;
}
.about-thumb2-1 .img1 {
  border-radius: 15px;
  overflow: hidden;
  display: inline-block;
}
.about-thumb2-1 .img2 {
  overflow: hidden;
  border-radius: 15px;
  display: inline-block;
  position: absolute;
  right: 0;
  bottom: 0;
}
.about-thumb2-1 .about-bg-shape2-1 {
  position: absolute;
  right: 60px;
  top: 122px;
  border-radius: 15px;
  display: inline-block;
  width: 184px;
  height: 184px;
  z-index: -1;
  overflow: hidden;
}
.about-thumb2-1 .about-bg-shape2-1:after, .about-thumb2-1 .about-bg-shape2-1:before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.06;
  background: var(--tg-theme-primary);
}
.about-thumb2-1 .about-bg-shape2-1 .shape1 {
  position: absolute;
  width: 43px;
  height: 200px;
  right: 10px;
  top: -60px;
  background: linear-gradient(-180deg, var(--tg-theme-primary) 0%, rgba(255, 255, 255, 0.4) 100%);
  transform: rotate(-38.54deg);
  opacity: 0.25;
}
.about-thumb2-1 .about-bg-shape2-1 .shape2 {
  position: absolute;
  width: 43px;
  background: linear-gradient(-180deg, var(--tg-theme-primary) 0%, rgba(255, 255, 255, 0.4) 100%);
  transform: rotate(-38.54deg);
  top: -60px;
  right: 50px;
  height: 300px;
  opacity: 0.25;
}
@media (max-width: 767.98px) {
  .about-thumb2-1 {
    padding: 0;
  }
  .about-thumb2-1 .img2 {
    position: initial;
    display: block;
    margin-top: 20px;
  }
  .about-thumb2-1 .img2 img {
    width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .about-thumb2-1 {
    padding: 0 130px 220px 0;
  }
  .about-thumb2-1 .img2 {
    position: absolute;
    margin-top: 0;
  }
}

.about-wrap2 .cta-link {
  font-family: var(--tg-heading-font-family);
  color: var(--tg-theme-secondary);
  margin-top: 30px;
}
.about-wrap2 .cta-link a {
  font-size: 20px;
  font-weight: 600;
}
.about-wrap2 .tg-button-wrap {
  border-top: 1px solid var(--tg-border-1);
  padding-top: 40px;
}

/*=============================
    About area 3
===============================*/
.about-thumb3-1 {
  position: relative;
  display: inline-block;
  padding-right: 45px;
}
.about-thumb3-1 .img1 {
  border-radius: 15px;
  display: inline-block;
  overflow: hidden;
}
.about-thumb3-1 .img2 {
  border-radius: 15px;
  overflow: hidden;
  filter: drop-shadow(0px 6px 34px rgba(0, 0, 0, 0.13));
  border: 5px solid var(--tg-color-white-default);
  display: inline-block;
  position: absolute;
  right: 0;
  bottom: 80px;
}
@media (max-width: 380px) {
  .about-thumb3-1 {
    padding-right: 0;
  }
  .about-thumb3-1 .img1 {
    width: 100%;
  }
  .about-thumb3-1 .img2 {
    position: relative;
    bottom: auto;
    right: auto;
    animation: none !important;
    border: 0;
    filter: none;
    width: 100%;
    margin-top: 15px;
  }
  .about-thumb3-1 .img2 img {
    width: 100%;
  }
}

.about-grid-wrap {
  display: flex;
  gap: 40px;
  align-items: start;
  flex-wrap: wrap;
}

.about-grid-card.style2 {
  gap: 15px;
  align-items: center;
  margin-bottom: 0;
}
.about-grid-card.style2 .box-icon {
  width: 60px;
  height: 60px;
  border-radius: 10px;
  box-shadow: 0px 10px 21px rgba(0, 0, 0, 0.12);
  background: var(--tg-color-white-default);
}
.about-grid-card.style2 .box-icon svg,
.about-grid-card.style2 .box-icon img {
  transition: 0.4s;
}
.about-grid-card.style2 .box-title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 0;
}
@media (max-width: 767.98px) {
  .about-grid-card.style2 .box-title {
    font-size: 20px;
  }
}
.about-grid-card.style2:hover .box-icon svg,
.about-grid-card.style2:hover .box-icon img {
  transform: scale(-1) rotate(180deg);
}

.about-wrap3 .tg-button-wrap {
  border-top: 1px solid var(--tg-border-1);
  padding-top: 40px;
  gap: 30px;
}
.about-wrap3 .info-card .info-card_icon {
  box-shadow: 0px 10px 21px rgba(0, 0, 0, 0.12);
  width: 55px;
  height: 55px;
  border-radius: 50%;
}
.about-wrap3 .info-card .info-card_text {
  font-size: 14px;
  font-weight: 400;
  font-family: var(--tg-heading-font-family);
}
.about-wrap3 .info-card .info-card_link {
  font-size: 20px;
  font-weight: 700;
  font-family: var(--tg-heading-font-family);
}

.about-grid-wrap.style3 {
  gap: 0;
}

.about-grid-card.style3 {
  gap: 0;
  align-items: center;
}
.about-grid-card.style3 .box-icon {
  background: var(--tg-theme-primary);
  border-radius: 5px;
  width: 75px;
  height: 75px;
  position: relative;
  z-index: 1;
}
.about-grid-card.style3 .card-details {
  background: var(--tg-color-white-default);
  box-shadow: 0px 2px 35px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  padding: 40px 35px 40px 70px;
  margin-left: -35px;
}
.about-grid-card.style3 .box-title {
  font-size: 22px;
}
.about-grid-card.style3:not(:last-child) {
  margin-bottom: 20px;
}
@media (max-width: 767.98px) {
  .about-grid-card.style3 {
    box-shadow: 0px 2px 35px rgba(0, 0, 0, 0.1);
    background: var(--tg-color-white-default);
    padding: 30px;
    border-radius: 5px;
  }
  .about-grid-card.style3 .card-details {
    border-radius: 0px;
    padding: 0;
    margin-left: 0;
    box-shadow: none;
  }
}

/*=============================
    About area 4
===============================*/
.about-thumb4-1 {
  position: relative;
  padding-top: 60px;
  padding-right: 60px;
  display: inline-block;
}
.about-thumb4-1 .img1 {
  border-radius: 15px;
  overflow: hidden;
  display: inline-block;
}
.about-thumb4-1 .img2 {
  position: absolute;
  top: 30px;
  right: 0;
  border-radius: 15px;
  z-index: 1;
}
.about-thumb4-1 .about-experience-wrap {
  background: var(--tg-theme-primary);
  border-radius: 15px;
  box-shadow: 0px 8px 34px rgba(0, 0, 0, 0.12);
  border: 5px solid var(--tg-color-white-default);
  display: inline-flex;
  color: var(--tg-color-white-default);
  gap: 5px;
  align-items: center;
  padding: 17px 40px;
  left: -115px;
  bottom: 60px;
  position: absolute;
}
.about-thumb4-1 .about-experience-wrap .counter-title {
  margin-bottom: 0;
  color: var(--tg-color-white-default);
  font-size: 44px;
  font-weight: 700;
}
.about-thumb4-1 .about-experience-wrap .counter-text {
  font-size: 16px;
  font-weight: 700;
  font-family: var(--tg-heading-font-family);
  text-transform: uppercase;
  max-width: 120px;
  line-height: normal;
}
@media (max-width: 1199.98px) {
  .about-thumb4-1 {
    padding-left: 0px;
  }
  .about-thumb4-1 .about-experience-wrap {
    left: 50px;
  }
}
@media (max-width: 380px) {
  .about-thumb4-1 {
    padding-right: 0;
    padding-top: 0;
  }
  .about-thumb4-1 .img2 {
    position: relative;
    animation: none !important;
    top: 0;
    margin-top: 10px;
  }
  .about-thumb4-1 .img2 .thumbnail img {
    width: 100%;
  }
  .about-thumb4-1 .about-experience-wrap {
    position: relative;
    animation: none !important;
    left: 0;
    bottom: 0;
    display: flex;
    margin-top: 20px;
  }
}

.about-tabs {
  gap: 15px;
  border-bottom: 0;
}
.about-tabs .nav-item .nav-link {
  border-radius: 5px;
  background: var(--tg-color-white-default);
  margin: 0;
  border: 1px solid var(--tg-border-1);
  font-size: 16px;
  font-weight: 700;
  font-family: var(--tg-heading-font-family);
  text-transform: uppercase;
  color: var(--tg-theme-secondary);
  padding: 17px 30px 15px;
  line-height: 1;
  transition: 0.4s;
}
.about-tabs .nav-item .nav-link.active, .about-tabs .nav-item .nav-link:hover {
  background: var(--tg-theme-primary);
  border: 1px solid var(--tg-theme-primary);
  color: var(--tg-color-white-default);
}

.about-grid-wrap.style4 {
  display: flex;
  gap: 30px 55px;
}

.about-grid-card.style4 {
  margin-bottom: 0;
}
.about-grid-card.style4 .box-icon {
  width: 65px;
  height: 65px;
}
.about-grid-card.style4 .box-title {
  margin-bottom: 0;
  max-width: 152px;
  font-size: 18px;
  font-weight: 700;
  line-height: normal;
}

.about-wrap4 .btn {
  border-radius: 5px;
}

/*=============================
    About area 5
===============================*/
.about-wrap5 {
  background: var(--tg-theme-secondary);
  border-radius: 20px;
  overflow: hidden;
  padding: 100px 0 100px 100px;
  position: relative;
}
.about-wrap5:after {
  content: "";
  position: absolute;
  background: rgba(18, 137, 130, 0.42);
  filter: blur(200px);
  width: 710px;
  height: 710px;
  border-radius: 50%;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 50%);
}
.about-wrap5 .checklist .list-wrap {
  text-align: end;
}
.about-wrap5 .checklist .list-wrap li {
  display: inline-flex;
  gap: 10px;
  font-size: 18px;
  font-weight: 600;
  color: #ADADAD;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.01);
  box-shadow: 0px 20px 32px 1px rgba(11, 12, 12, 0.29);
  backdrop-filter: blur(30px);
  border-radius: 10px 0px 0px 10px;
  padding: 17px 20px 17px 20px;
}
.about-wrap5 .checklist .list-wrap li i {
  width: 31px;
  height: 31px;
  line-height: 31px;
  border: 1px solid rgba(255, 255, 255, 0.17);
  text-align: center;
  border-radius: 50%;
  color: var(--tg-theme-primary);
  flex: none;
}
.about-wrap5 .checklist .list-wrap li:not(:last-child) {
  margin-bottom: 25px;
}
@media (max-width: 1199.98px) {
  .about-wrap5 {
    padding: 80px;
  }
  .about-wrap5 .checklist .list-wrap {
    text-align: start;
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
  }
  .about-wrap5 .checklist .list-wrap li {
    border-radius: 10px;
  }
  .about-wrap5 .checklist .list-wrap li:not(:last-child) {
    margin-bottom: 0;
  }
}
@media (max-width: 991.98px) {
  .about-wrap5 {
    padding: 80px 60px;
  }
}
@media (max-width: 991.98px) {
  .about-wrap5 {
    padding: 60px 30px;
  }
}

.about-grid-card.style5 {
  gap: 25px;
}
.about-grid-card.style5 .box-icon {
  border-radius: 50%;
  width: 85px;
  height: 85px;
  background: var(--tg-border-3);
}
.about-grid-card.style5 .box-title {
  margin-bottom: 10px;
}

/*=============================
    About area 6
===============================*/
.about-thumb6-1 {
  border-radius: 15px;
  overflow: hidden;
}
.about-thumb6-1 .img1 img {
  width: 100%;
}

.about-grid-card.style6 {
  background: var(--tg-color-smoke-3);
  border-radius: 12px;
  padding: 40px;
  border: 1px solid var(--tg-color-smoke-3);
  transition: 0.4s;
}
.about-grid-card.style6 .box-icon {
  width: auto;
  height: auto;
  background: transparent;
  align-self: start;
}
.about-grid-card.style6 .box-icon img,
.about-grid-card.style6 .box-icon svg,
.about-grid-card.style6 .box-icon i {
  transition: 0.4s;
}
.about-grid-card.style6 .box-title {
  font-size: 20px;
  font-weight: 600;
}
.about-grid-card.style6:not(:last-child) {
  margin-bottom: 20px;
}
.about-grid-card.style6:hover {
  border: 1px solid var(--tg-theme-primary);
}
.about-grid-card.style6:hover .box-icon img,
.about-grid-card.style6:hover .box-icon svg,
.about-grid-card.style6:hover .box-icon i {
  transform: scale(-1) rotate(180deg);
}
@media (max-width: 991.98px) {
  .about-grid-card.style6 .box-icon {
    justify-content: start;
  }
}
@media (max-width: 767.98px) {
  .about-grid-card.style6 {
    padding: 30px;
  }
}

/*=============================
    Blog
===============================*/
.blog__post-meta .list-wrap {
  display: flex;
  align-items: center;
  gap: 15px 25px;
  flex-wrap: wrap;
}
.blog__post-meta .list-wrap li {
  display: flex;
  align-items: center;
  line-height: 1;
  gap: 10px;
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
  position: relative;
}
.blog__post-meta .list-wrap li a {
  color: var(--tg-theme-secondary);
  display: flex;
  align-items: center;
  gap: 10px;
}
.blog__post-meta .list-wrap li a:hover {
  color: var(--tg-theme-primary);
}

/*blog item one*****************/
.blog__post-item {
  border-radius: 12px;
  background: var(--tg-color-white-default);
  overflow: hidden;
}
.blog__post-item .blog__post-meta {
  background: var(--tg-theme-secondary);
  padding: 12px 10px 12px 120px;
}
.blog__post-item .blog__post-meta .list-wrap {
  position: relative;
}
.blog__post-item .blog__post-meta .list-wrap li a {
  color: var(--tg-color-white-default);
}
.blog__post-item .blog__post-meta .list-wrap li a:hover {
  color: var(--tg-theme-primary);
}
.blog__post-item .blog__post-thumb {
  position: relative;
}
.blog__post-item .blog__post-thumb a {
  display: block;
  transition: 0.4s;
  overflow: hidden;
}
.blog__post-item .blog__post-thumb img {
  transition: 0.4s;
  height: 410px;
  min-width: 380px;
  width: 100%;
  object-fit: cover;
}
.blog__post-item .blog__post-date {
  background: var(--tg-theme-primary);
  position: absolute;
  bottom: -30px;
  left: 40px;
  font-size: 20px;
  font-weight: 700;
  font-family: var(--tg-heading-font-family);
  text-align: center;
  display: block;
  width: 60px;
  height: 60px;
  line-height: 45px;
  border-radius: 10px;
  color: var(--tg-color-white-default);
}
.blog__post-item .blog__post-date span {
  display: block;
  font-size: 12px;
  font-weight: 700;
  font-family: var(--tg-body-font-family);
  text-transform: uppercase;
  line-height: normal;
  margin-top: -10px;
}
.blog__post-item .blog__post-content {
  padding: 40px;
}
.blog__post-item .title {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 12px;
  margin-top: -0.2em;
}
.blog__post-item .text {
  margin-bottom: -0.4em;
}
.blog__post-item .blog__post-bottom {
  border-top: 1px solid var(--tg-border-1);
  margin-top: 30px;
  padding-top: 30px;
}
.blog__post-item:hover .blog__post-thumb a {
  filter: grayscale(0);
}
.blog__post-item:hover .blog__post-thumb img {
  transform: scale(1.05);
}
@media (max-width: 1199.98px) {
  .blog__post-item .title {
    font-size: 30px;
  }
}
@media (max-width: 767.98px) {
  .blog__post-item .blog__post-thumb {
    width: 100%;
  }
  .blog__post-item .blog__post-thumb img {
    width: 100%;
    height: 300px;
  }
  .blog__post-item .blog__post-content {
    padding: 30px;
  }
  .blog__post-item .title {
    font-size: 24px;
  }
  .blog__post-item .blog__post-date {
    left: 30px;
  }
  .blog__post-item .blog__post-meta {
    padding: 12px 10px 12px 110px;
  }
}
@media (max-width: 380px) {
  .blog__post-item .blog__post-date {
    left: 30px;
    top: 30px;
    bottom: auto;
  }
  .blog__post-item .blog__post-meta {
    padding: 12px 30px;
  }
}

/*blog post style two*****************/
.blog__post-item-two .blog__post-date {
  left: 30px;
}
.blog__post-item-two .blog__post-meta {
  padding: 12px 10px 12px 110px;
}
.blog__post-item-two .blog__post-thumb img {
  height: 260px;
}
.blog__post-item-two .blog__post-content {
  padding: 30px;
}
.blog__post-item-two .title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 12px;
  margin-top: -0.2em;
  line-height: 1.4166;
}
.blog__post-item-two .blog__post-bottom {
  margin-bottom: -0.4em;
  padding-top: 18px;
}
@media (max-width: 991.98px) {
  .blog__post-item-two .blog__post-meta .list-wrap li {
    font-size: 14px;
  }
  .blog__post-item-two .title {
    font-size: 20px;
  }
}
@media (max-width: 380px) {
  .blog__post-item-two .blog__post-meta {
    padding: 12px 30px;
  }
}

/*blog post style three*****************/
.blog__post-item-three {
  background: var(--tg-color-smoke-5);
}
.blog__post-item-three .blog__post-thumb img {
  height: 300px;
}
.blog__post-item-three .blog__post-date {
  bottom: auto;
  left: 20px;
  top: 20px;
}
.blog__post-item-three .blog__post-bottom {
  border-color: var(--tg-border-4);
}
.blog__post-item-three:hover .blog__post-thumb:before {
  height: 250%;
  transition: all 600ms linear;
  background-color: transparent;
  visibility: hidden;
}

/*blog item four*****************/
.blog__post-item-four {
  overflow: inherit;
}
.blog__post-item-four .blog__post-thumb {
  border-radius: 10px;
  overflow: hidden;
}
.blog__post-item-four .blog__post-meta {
  background: transparent;
  padding: 0;
  padding-bottom: 25px;
}
.blog__post-item-four .blog__post-meta .list-wrap {
  gap: 15px 20px;
}
.blog__post-item-four .blog__post-meta .list-wrap li a {
  color: var(--tg-body-color);
  gap: 8px;
}
.blog__post-item-four .blog__post-meta .list-wrap li a i {
  color: var(--tg-theme-primary);
}
.blog__post-item-four .blog__post-content {
  background: var(--tg-color-white-default);
  margin: 0 30px;
  margin-top: -70px;
  box-shadow: 0px 11px 28px rgba(32, 46, 53, 0.11);
  border-radius: 10px;
  position: relative;
  z-index: 1;
}
.blog__post-item-four .title {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4166em;
}
@media (max-width: 1200px) {
  .blog__post-item-four .title {
    font-size: 22px;
  }
}
.blog__post-item-four .blog__post-bottom {
  margin-bottom: -0.4em;
  padding-top: 23px;
}
@media (max-width: 1199.98px) {
  .blog__post-item-four .blog__post-content {
    padding: 30px;
  }
  .blog__post-item-four .title {
    font-size: 20px;
  }
}
@media (max-width: 767.98px) {
  .blog__post-item-four .blog__post-content {
    margin: -70px 25px 0;
  }
}

/*blog item five*****************/
.blog__post-item-five {
  overflow: hidden;
  background: var(--tg-color-white-default);
  box-shadow: 0px 11px 28px rgba(32, 46, 53, 0.11);
  border-radius: 10px;
}
.blog__post-item-five .blog__post-thumb {
  overflow: hidden;
}
.blog__post-item-five .blog__post-thumb img {
  height: 255px;
}
.blog__post-item-five .blog__post-meta {
  background: transparent;
  padding: 0;
  padding-bottom: 25px;
}
.blog__post-item-five .blog__post-meta .list-wrap {
  gap: 15px 20px;
}
.blog__post-item-five .blog__post-meta .list-wrap li a {
  color: var(--tg-body-color);
  gap: 8px;
}
.blog__post-item-five .blog__post-meta .list-wrap li a i {
  color: var(--tg-theme-primary);
}
.blog__post-item-five .blog__post-content {
  padding: 30px;
}
.blog__post-item-five .title {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.3636em;
  margin-bottom: -0.35em;
}
.blog__post-item-five .blog__post-bottom {
  margin-bottom: -0.4em;
  padding-top: 23px;
}

/*blog item six*****************/
.blog__post-item-six {
  overflow: hidden;
  border-radius: 10px;
  position: relative;
  filter: drop-shadow(0px 10px 65px rgba(0, 0, 0, 0.09));
}
.blog__post-item-six:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(3, 17, 16, 0) 0%, rgba(6, 24, 23, 0.98) 61.06%);
}
.blog__post-item-six .blog__post-thumb {
  overflow: hidden;
}
.blog__post-item-six .blog__post-thumb img {
  min-height: 470px;
}
.blog__post-item-six .blog__post-meta {
  background: transparent;
  padding: 0;
  padding-bottom: 25px;
}
.blog__post-item-six .blog__post-meta .list-wrap {
  gap: 15px 20px;
}
.blog__post-item-six .blog__post-meta .list-wrap li a {
  color: var(--tg-color-white-default);
  gap: 8px;
}
.blog__post-item-six .blog__post-meta .list-wrap li a i {
  color: var(--tg-color-white-default);
}
.blog__post-item-six .blog__post-content {
  padding: 30px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.blog__post-item-six .title {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.3636em;
  margin-bottom: -0.35em;
}
.blog__post-item-six .title a {
  color: var(--tg-color-white-default);
  background-image: linear-gradient(to left, var(--tg-color-white-default), var(--tg-color-white-default));
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: 0 2px;
  transition: 0.5s;
}
.blog__post-item-six .title a:hover {
  background-size: 100% 2px;
}
.blog__post-item-six .blog__post-bottom {
  margin-bottom: -0.4em;
  padding-top: 23px;
  border-color: rgba(255, 255, 255, 0.1);
}
.blog__post-item-six .blog__post-bottom .link-btn {
  color: var(--tg-color-white-default);
}
.blog__post-item-six .blog__post-bottom .link-btn:after {
  background: var(--tg-color-white-default);
}

/*blog item seven*****************/
.blog__post-item-seven {
  border-radius: 0;
}
.blog__post-item-seven .blog__post-thumb {
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}
.blog__post-item-seven .blog__post-thumb img {
  height: 300px;
}
.blog__post-item-seven .blog__post-thumb .blog__post-tag {
  position: absolute;
  left: 30px;
  top: 30px;
  background: var(--tg-color-white-default);
  border-radius: 4px;
  color: var(--tg-theme-primary);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 4px 15px;
}
.blog__post-item-seven .blog__post-thumb .blog__post-tag:hover {
  background: var(--tg-theme-primary);
  color: var(--tg-color-white-default);
}
.blog__post-item-seven .blog__post-content {
  padding: 30px 0 0 0;
}
.blog__post-item-seven .blog__post-content .blog__post-meta {
  padding: 0;
  background: transparent;
  margin-bottom: 25px;
}
.blog__post-item-seven .blog__post-content .blog__post-meta li {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}
.blog__post-item-seven .blog__post-content .blog__post-meta .blog-author {
  color: var(--tg-theme-secondary);
}
.blog__post-item-seven .blog__post-content .title {
  margin-bottom: 0;
  font-size: 24px;
  line-height: 1.416em;
  font-weight: 700;
}
@media (max-width: 767.98px) {
  .blog__post-item-seven .blog__post-content .title {
    font-size: 20px;
  }
}

/*Blog Details Area*****************/
.blog__details-wrap {
  background: var(--tg-color-white-default);
  border-radius: 12px;
  margin-right: 20px;
  overflow: hidden;
}
@media (max-width: 1199.98px) {
  .blog__details-wrap {
    margin-right: 0;
  }
}
.blog__details-wrap .blog__post-meta {
  background: var(--tg-theme-secondary);
  padding: 12px 10px 12px 120px;
}
.blog__details-wrap .blog__post-meta .list-wrap {
  position: relative;
}
.blog__details-wrap .blog__post-meta .list-wrap li a {
  color: var(--tg-color-white-default);
}
.blog__details-wrap .blog__post-meta .list-wrap li a:hover {
  color: var(--tg-theme-primary);
}
@media (max-width: 380px) {
  .blog__details-wrap .blog__post-meta {
    padding: 12px 30px;
  }
}

.blog__details-thumb {
  position: relative;
  z-index: 1;
}
.blog__details-thumb img {
  min-height: 410px;
  width: 100%;
  object-fit: cover;
}
.blog__details-thumb .blog__post-date {
  background: var(--tg-theme-primary);
  position: absolute;
  bottom: -30px;
  left: 40px;
  font-size: 20px;
  font-weight: 700;
  font-family: var(--tg-heading-font-family);
  text-align: center;
  display: block;
  width: 60px;
  height: 60px;
  line-height: 45px;
  border-radius: 10px;
  color: var(--tg-color-white-default);
}
.blog__details-thumb .blog__post-date span {
  display: block;
  font-size: 12px;
  font-weight: 700;
  font-family: var(--tg-body-font-family);
  text-transform: uppercase;
  line-height: normal;
  margin-top: -10px;
}
@media (max-width: 380px) {
  .blog__details-thumb .blog__post-date {
    left: 30px;
    top: 30px;
    bottom: auto;
  }
}

.blog__details-thumb2 img {
  border-radius: 10px;
  width: 100%;
}

.blog__details-content {
  padding: 40px;
}
.blog__details-content .title {
  margin-top: -0.15em;
}
@media (max-width: 767.98px) {
  .blog__details-content {
    padding: 30px;
  }
  .blog__details-content .title {
    font-size: 24px;
  }
}

.blog__details-inner-wrap {
  margin: 30px 0 25px;
}
.blog__details-inner-wrap .col-54 {
  width: 54%;
  flex: 0 0 auto;
}
@media (max-width: 767.98px) {
  .blog__details-inner-wrap .col-54 {
    width: 100%;
  }
}
.blog__details-inner-wrap .col-46 {
  width: 46%;
  flex: 0 0 auto;
}
@media (max-width: 767.98px) {
  .blog__details-inner-wrap .col-46 {
    width: 100%;
  }
}
@media (max-width: 767.98px) {
  .blog__details-inner-wrap .content {
    margin-bottom: 40px;
  }
}
.blog__details-inner-wrap .content p {
  margin-bottom: 20px;
  width: 80%;
}
.blog__details-inner-wrap .content .list-wrap li {
  display: flex;
  font-size: 22px;
  font-weight: 600;
  align-items: center;
  line-height: 1;
  font-family: var(--tg-heading-font-family);
  color: var(--tg-theme-secondary);
  gap: 10px;
  margin-bottom: 15px;
}
.blog__details-inner-wrap .content .list-wrap li:last-child {
  margin-bottom: 0;
}
.blog__details-inner-wrap .content .list-wrap li i {
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  background: var(--tg-theme-primary);
  color: var(--tg-color-white-default);
  border-radius: 50%;
  font-size: 13px;
}

blockquote {
  background: var(--tg-color-smoke);
  padding: 0;
  position: relative;
  z-index: 1;
  margin: 35px 0;
  border-radius: 10px;
  display: flex;
}
blockquote .quote-icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--tg-theme-primary);
  transition: 0.4s;
  border-radius: 10px 0 0 10px;
  font-size: 60px;
  padding: 0 36px;
  flex: none;
  color: var(--tg-color-white-default);
}
blockquote .media-body {
  padding: 40px;
}
@media (max-width: 767.98px) {
  blockquote .media-body {
    padding: 30px;
  }
}
blockquote p {
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 700;
  font-style: normal;
  font-family: var(--tg-heading-font-family);
  color: var(--tg-theme-secondary);
  line-height: 1.5em;
  margin-top: -0.3em;
}
blockquote .blockquote-card_title {
  font-size: 18px;
  font-weight: 700;
  font-family: var(--tg-body-font-family);
  color: var(--tg-theme-primary);
  margin-bottom: -0.3em;
  margin-top: 20px;
  position: relative;
  display: flex;
  gap: 10px;
  align-items: center;
}
blockquote .blockquote-card_title:before {
  content: "";
  position: relative;
  display: inline-block;
  width: 30px;
  height: 2px;
  background: var(--tg-theme-primary);
}
@media (max-width: 767.98px) {
  blockquote {
    display: block;
  }
  blockquote .quote-icon {
    padding: 30px;
    border-radius: 10px;
    font-size: 40px;
  }
}

.blog__details-content-bottom {
  padding-top: 40px;
}
.blog__details-content-bottom .post-tags {
  display: flex;
  align-items: center;
  gap: 15px;
  flex-wrap: wrap;
}
.blog__details-content-bottom .post-tags .title {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 0;
  line-height: 1;
}
.blog__details-content-bottom .post-tags .list-wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.blog__details-content-bottom .post-tags .list-wrap li a {
  font-size: 14px;
  font-weight: 600;
  color: var(--tg-theme-secondary);
  background: var(--tg-color-smoke);
  border-radius: 5px;
  padding: 10.5px 16px;
  display: block;
  line-height: 1;
}
.blog__details-content-bottom .post-tags .list-wrap li a:hover {
  background: var(--tg-theme-primary);
  color: var(--tg-color-white-default);
}
.blog__details-content-bottom .blog-post-share {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
@media (max-width: 1199.98px) {
  .blog__details-content-bottom .blog-post-share {
    justify-content: flex-start;
    margin-top: 20px;
  }
}
.blog__details-content-bottom .blog-post-share .title {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 0;
  line-height: 1;
}
.blog__details-content-bottom .blog-post-share .social-links {
  display: flex;
  align-items: center;
}

.blog-avatar-wrap {
  display: flex;
  align-items: flex-start;
  border-top: 1px solid var(--tg-border-1);
  border-bottom: 1px solid var(--tg-border-1);
  margin: 50px 0 50px;
  padding: 40px 0;
}
.blog-avatar-wrap .blog-avatar-img {
  width: 120px;
  height: 120px;
  flex: 0 0 auto;
  margin-right: 30px;
}
.blog-avatar-wrap .blog-avatar-img img {
  border-radius: 50%;
}
.blog-avatar-wrap .blog-avatar-info .designation {
  display: block;
  font-weight: 400;
  font-size: 14px;
  color: var(--tg-body-color);
  line-height: 1;
  margin-bottom: 12px;
}
.blog-avatar-wrap .blog-avatar-info .name {
  margin-bottom: 18px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
}
.blog-avatar-wrap .blog-avatar-info p {
  margin-bottom: -0.3em;
}
@media (max-width: 767.98px) {
  .blog-avatar-wrap {
    display: block;
  }
  .blog-avatar-wrap .blog-avatar-img {
    margin-right: 0;
    margin-bottom: 30px;
  }
}

.inner__page-nav {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 40px;
  border-top: 1px solid var(--tg-theme-primary);
  padding-top: 30px;
  margin-top: 60px;
}
.inner__page-nav .text-wrap {
  color: var(--tg-color-white-default);
  font-size: 18px;
  font-weight: 400;
  font-family: var(--tg-heading-font-family);
  text-transform: uppercase;
  margin-bottom: 20px;
  display: flex;
  gap: 20px;
  align-items: center;
  transition: 0.4s;
}
.inner__page-nav .text-wrap .thumb {
  overflow: hidden;
}
.inner__page-nav .text-wrap .thumb img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  object-fit: cover;
}
.inner__page-nav .text-wrap:hover {
  color: var(--tg-theme-primary);
}

.blog-sidebar {
  position: sticky;
  top: 140px;
}
@media (max-width: 991.98px) {
  .blog-sidebar {
    padding-right: 0;
    border-right: none;
    margin-right: 0;
  }
}

.blog-widget {
  margin-bottom: 30px;
  padding-top: 15px;
  background: var(--tg-color-white-default);
  border-radius: 12px;
  padding: 40px;
}
.blog-widget:last-child {
  border-bottom: none;
  margin-bottom: 0;
}
@media (max-width: 767.98px) {
  .blog-widget {
    padding: 30px;
  }
}

.widget-title {
  margin-bottom: 35px;
  line-height: 0.85;
  font-size: 24px;
  position: relative;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--tg-theme-secondary);
  border-bottom: 1px solid var(--tg-border-1);
  padding-bottom: 30px;
}
.widget-title:after {
  content: "";
  position: absolute;
  width: 60px;
  height: 4px;
  background: var(--tg-theme-primary);
  left: 0;
  bottom: 0;
  clip-path: polygon(0 0, 90% 0%, 100% 100%, 0% 100%);
}
@media (max-width: 1199.98px) {
  .widget-title {
    font-size: 24px;
  }
}

.sidebar-search-form form {
  position: relative;
}
.sidebar-search-form input {
  background: transparent;
  width: 100%;
  border: 1px solid var(--tg-border-1);
  padding: 13px 65px 13px 25px;
  color: var(--tg-theme-secondary);
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  border-radius: 5px;
  height: 55px;
}
.sidebar-search-form input::placeholder {
  font-size: 16px;
  font-weight: 400;
  color: var(--tg-body-color);
}
.sidebar-search-form button {
  position: absolute;
  right: 0;
  top: 0;
  border: none;
  background: var(--tg-theme-primary);
  padding: 0;
  font-size: 16px;
  line-height: 0;
  width: 55px;
  height: 55px;
  color: var(--tg-color-white-default);
  border-radius: 5px;
}
.sidebar-search-form button:hover {
  background: var(--tg-theme-secondary);
}

.sidebar-cat-list .list-wrap li {
  line-height: 1.4;
  margin-bottom: 15px;
}
.sidebar-cat-list .list-wrap li:last-child {
  margin-bottom: 0;
}
.sidebar-cat-list .list-wrap li a {
  color: var(--tg-body-color);
  font-size: 16px;
  font-weight: 500;
  font-family: var(--tg-heading-font-family);
  text-transform: uppercase;
  display: flex;
  border: 1px solid var(--tg-border-1);
  border-radius: 5px;
  padding: 14px 25px 13px;
  line-height: normal;
  align-items: center;
}
.sidebar-cat-list .list-wrap li a span {
  margin-left: auto;
  color: var(--tg-theme-primary);
}
.sidebar-cat-list .list-wrap li a:hover {
  background: var(--tg-theme-primary);
  color: var(--tg-color-white-default);
}
.sidebar-cat-list .list-wrap li a:hover span {
  color: var(--tg-color-white-default);
}

.sidebar-insta-feed-list .list-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.sidebar-insta-feed-list .insta-thumb {
  overflow: hidden;
  position: relative;
  border-radius: 5px;
  width: 75px;
  height: 75px;
}
.sidebar-insta-feed-list .insta-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sidebar-insta-feed-list .insta-thumb:after {
  content: "";
  background-color: var(--tg-theme-secondary);
  opacity: 0.8;
  position: absolute;
  inset: 5px;
  transform: scaleX(0);
  border-radius: inherit;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
.sidebar-insta-feed-list .insta-thumb .icon-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  color: var(--tg-color-white-default);
  visibility: hidden;
  opacity: 0;
  transform: translate(-50%, -40%);
  background: transparent;
  z-index: 1;
}
.sidebar-insta-feed-list .insta-thumb:hover:after {
  transform: scaleX(1);
}
.sidebar-insta-feed-list .insta-thumb:hover .icon-btn {
  transform: translate(-50%, -50%);
  opacity: 1;
  visibility: visible;
}

.sidebar-tag-list .list-wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.sidebar-tag-list .list-wrap li a {
  font-size: 14px;
  font-weight: 500;
  color: var(--tg-theme-secondary);
  background: var(--tg-color-smoke);
  border-radius: 5px;
  display: block;
  line-height: 1;
  padding: 10.5px 15px;
}
@media (max-width: 1199.98px) {
  .sidebar-tag-list .list-wrap li a {
    font-size: 16px;
  }
}
.sidebar-tag-list .list-wrap li a:hover {
  background: var(--tg-theme-primary);
  color: var(--tg-color-white-default);
  opacity: 1;
}

.rc-post-item {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--tg-border-1);
}
.rc-post-item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
.rc-post-item .thumb {
  width: 85px;
  flex: 0 0 auto;
  background: var(--tg-theme-secondary);
  border-radius: 5px;
}
.rc-post-item .thumb img {
  border-radius: 5px;
}
.rc-post-item .content .title {
  margin-top: 11px;
  font-size: 18px;
  font-weight: 600;
  font-family: var(--tg-heading-font-family);
  color: var(--tg-theme-secondary);
  line-height: 1.333333em;
  text-transform: uppercase;
  margin-bottom: -0.3em;
}
@media (max-width: 1199.98px) {
  .rc-post-item .content .title {
    font-size: 14px;
  }
}
.rc-post-item .content .date {
  display: flex;
  align-items: center;
  line-height: 1;
  font-size: 14px;
  font-weight: 400;
  gap: 5px;
  color: var(--tg-body-color);
  text-transform: uppercase;
}
.rc-post-item .content .date i {
  color: var(--tg-body-color);
}
.rc-post-item .content .price {
  display: flex;
  align-items: center;
  line-height: 1;
  font-size: 14px;
  font-weight: 600;
  gap: 5px;
  color: var(--tg-theme-primary);
  text-transform: uppercase;
}

.sidebar-banner {
  background: var(--tg-theme-primary);
  padding: 60px;
}
.sidebar-banner .widget-title {
  color: var(--tg-color-white-default);
  line-height: 1.33333em;
  margin-top: -0.25em;
  padding-bottom: 0;
  border-bottom: 0;
  margin-bottom: 16px;
}
.sidebar-banner .banner-text {
  font-size: 16px;
  color: var(--tg-color-white-default);
  margin-bottom: 12px;
}
.sidebar-banner .banner-link {
  font-size: 30px;
  font-weight: 700;
  font-family: var(--tg-heading-font-family);
  color: var(--tg-color-white-default);
  display: block;
  margin-bottom: 20px;
}
.sidebar-banner .banner-link:hover {
  color: var(--tg-theme-secondary);
}
@media (max-width: 1199.98px) {
  .sidebar-banner {
    padding: 40px;
  }
  .sidebar-banner .banner-link {
    font-size: 24px;
  }
}
@media (max-width: 767.98px) {
  .sidebar-banner {
    padding: 30px;
  }
}

/*service widget*************/
.service-widget {
  background: var(--tg-color-smoke-3);
  border: 1px solid var(--tg-border-4);
  border-radius: 12px;
}
.service-widget .widget-title {
  border-bottom: 1px solid var(--tg-border-4);
}
.service-widget .sidebar-cat-list .list-wrap li a {
  background: var(--tg-color-white-default);
  border: 1px solid var(--tg-border-4);
}
.service-widget .sidebar-cat-list .list-wrap li a:hover {
  background: var(--tg-theme-primary);
  color: var(--tg-color-white-default);
}

.donwload-media-wrap {
  margin-top: -4px;
  margin-bottom: -4px;
}
.donwload-media-wrap .download-media {
  display: flex;
  align-items: center;
}
.donwload-media-wrap .download-media:not(:last-child) {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #E7E7E7;
}
.donwload-media-wrap .download-media .download-media_icon {
  margin-right: 15px;
  color: var(--tg-theme-primary);
}
.donwload-media-wrap .download-media_title {
  color: var(--tg-theme-secondary);
  font-size: 18px;
  font-weight: 600;
  margin-bottom: -4px;
}
.donwload-media-wrap .download-media_text {
  color: var(--tg-theme-secondary);
  font-size: 14px;
  margin-bottom: -0.3em;
  display: block;
}
.donwload-media-wrap .download-media_btn {
  margin-left: auto;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-color: var(--tg-theme-primary);
  border-radius: 5px;
  color: var(--tg-color-white-default);
  text-align: center;
}
.donwload-media-wrap .download-media_btn:hover {
  background: var(--tg-theme-secondary);
}

/*service widget*************/
.widget_info .list-wrap li {
  display: flex;
  gap: 20px;
}
.widget_info .list-wrap li:not(:last-child) {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--tg-border-4);
}
.widget_info .list-wrap li .project-info-icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  flex: none;
  border: 1px solid var(--tg-border-1);
  background: var(--tg-color-white-default);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--tg-theme-primary);
}
.widget_info .list-wrap li p {
  margin-bottom: 0;
  margin-top: -0.2em;
}
.widget_info .list-wrap li strong {
  font-size: 18px;
  font-weight: 700;
  color: var(--tg-theme-secondary);
  margin-bottom: -0.2em;
}

/*comment area*************/
.comment-reply-title,
.comments-wrap-title {
  font-size: 30px;
  line-height: 1.5em;
  font-weight: 700;
  margin-bottom: 30px;
}

.latest-comments {
  margin-bottom: 60px;
}
.latest-comments .list-wrap > li:first-child > .comments-box {
  border-top: 0;
  padding-top: 0;
  margin-top: 0;
}

.comments-box {
  display: flex;
  align-items: flex-start;
  margin-top: 40px;
  gap: 30px;
}
@media (max-width: 767.98px) {
  .comments-box {
    display: block;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .comments-box {
    display: flex;
  }
}

.children {
  padding-left: 110px;
}
@media (max-width: 767.98px) {
  .children {
    padding-left: 60px;
  }
}

.comments-avatar {
  width: 80px;
  flex: 0 0 auto;
}
.comments-avatar img {
  border-radius: 10px;
}
@media (max-width: 767.98px) {
  .comments-avatar {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .comments-avatar {
    margin-bottom: 0px;
  }
}

.comments-text {
  margin-top: -0.15em;
}
.comments-text .avatar-name {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.comments-text .avatar-name .name {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 700;
}
.comments-text .avatar-name .date {
  font-family: var(--tg-heading-font-family);
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
}
.comments-text p {
  font-size: 14px;
  margin-bottom: 18px;
}
.comments-text .reply-btn {
  font-family: var(--tg-heading-font-family);
  color: var(--tg-theme-secondary);
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.comments-text .reply-btn:hover {
  color: var(--tg-theme-primary);
}

.rating-select p.stars {
  margin-bottom: 0;
  line-height: 1;
}
.rating-select p.stars a {
  position: relative;
  height: 14px;
  width: 18px;
  text-indent: -999em;
  display: inline-block;
  text-decoration: none;
}
.rating-select p.stars a::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 14px;
  line-height: 1;
  font-family: "Font Awesome 5 Free";
  content: "\f005";
  font-weight: 700;
  text-indent: 0;
  color: rgba(255, 255, 255, 0.16);
}
.rating-select p.stars a:hover ~ a::before {
  color: rgba(255, 255, 255, 0.16);
}
.rating-select p.stars:hover a::before {
  color: var(--tg-theme-primary);
}
.rating-select p.stars.selected a.active::before {
  color: var(--tg-theme-primary);
}
.rating-select p.stars.selected a.active ~ a::before {
  color: rgba(255, 255, 255, 0.16);
}
.rating-select p.stars.selected a:not(.active)::before {
  color: var(--tg-theme-primary);
}

.comment-respond {
  position: relative;
}
.comment-respond .rating-select {
  position: absolute;
  top: 5px;
  right: 0;
}
@media (max-width: 380px) {
  .comment-respond .rating-select {
    position: initial;
    margin-bottom: 30px;
  }
}

.comment-form .comment-notes {
  margin-bottom: 40px;
}

/*=============================
    Service 01
===============================*/
.subscribe-area-1 {
  position: relative;
  z-index: 1;
}
.subscribe-area-1:after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--tg-color-dark);
  opacity: 0.7;
  z-index: -1;
}

.subscribe-wrap1 {
  display: flex;
  background: var(--tg-color-black-2);
}
.subscribe-wrap1 .subscribe-wrap-thumb {
  flex: none;
}
.subscribe-wrap1 .subscribe-wrap-thumb img {
  height: 100%;
  object-fit: cover;
}
.subscribe-wrap1 .subscribe-wrap-details {
  padding: 80px 50px;
}
.subscribe-wrap1 .subscribe-wrap-details .text {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.6);
  margin-bottom: 30px;
}
.subscribe-wrap1 .subscribe__form {
  display: flex;
  border: 1px solid var(--tg-color-white-default);
}
.subscribe-wrap1 .subscribe__form .form-control {
  width: 100%;
  color: var(--tg-color-white-default);
  height: 60px;
  border-radius: 0;
  padding: 0 20px;
}
.subscribe-wrap1 .subscribe__form .form-control::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.subscribe-wrap1 .subscribe__form .btn {
  flex: none;
  border: 0;
  background: transparent;
  box-shadow: none;
  color: var(--tg-color-white-default);
  font-family: var(--tg-heading-font-family);
  font-size: 20px;
  font-weight: 400;
  letter-spacing: normal;
  padding: 0 26px 0 0;
  gap: 15px;
}
.subscribe-wrap1 .subscribe__form .btn:after {
  display: none;
}
.subscribe-wrap1 .subscribe__form .btn i.fa-arrow-right {
  color: var(--tg-theme-primary);
  transform: rotate(-45deg);
  transition: 0.4s;
}
.subscribe-wrap1 .subscribe__form .btn:focus, .subscribe-wrap1 .subscribe__form .btn:active, .subscribe-wrap1 .subscribe__form .btn:hover {
  background: transparent;
  background-color: transparent !important;
  color: var(--tg-theme-primary);
}
.subscribe-wrap1 .subscribe__form .btn:focus i.fa-arrow-right, .subscribe-wrap1 .subscribe__form .btn:active i.fa-arrow-right, .subscribe-wrap1 .subscribe__form .btn:hover i.fa-arrow-right {
  transform: rotate(0);
}
@media (max-width: 991.98px) {
  .subscribe-wrap1 {
    display: block;
    text-align: center;
  }
  .subscribe-wrap1 .subscribe-wrap-thumb {
    width: 100%;
  }
  .subscribe-wrap1 .subscribe-wrap-thumb img {
    width: 100%;
  }
}
@media (max-width: 767.98px) {
  .subscribe-wrap1 .subscribe-wrap-details {
    padding: 60px 40px;
  }
}
@media (max-width: 380px) {
  .subscribe-wrap1 .subscribe-wrap-details {
    padding: 40px 30px;
  }
  .subscribe-wrap1 .subscribe__form {
    display: block;
  }
  .subscribe-wrap1 .subscribe__form .btn {
    background: var(--tg-theme-primary);
    padding: 20px;
    color: var(--tg-color-dark);
    width: 100%;
    justify-content: center;
    margin: 0 -1px -1px;
  }
  .subscribe-wrap1 .subscribe__form .btn i.fa-arrow-right {
    color: var(--tg-color-dark);
  }
  .subscribe-wrap1 .subscribe__form .btn:hover {
    background: var(--tg-color-white-default) !important;
    color: var(--tg-color-dark);
  }
}

.subscribe-cta-wrap {
  background: var(--tg-color-white-default);
  padding: 98px 80px;
}
.subscribe-cta-wrap .subscribe-cta-title {
  font-size: 30px;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1.333;
  margin-bottom: 0;
}
.subscribe-cta-wrap .subscribe-cta-text {
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1500px) {
  .subscribe-cta-wrap .subscribe-cta-title {
    font-size: 28px;
  }
}
@media (max-width: 1199.98px) {
  .subscribe-cta-wrap {
    text-align: center;
    padding: 60px;
  }
}
@media (max-width: 380px) {
  .subscribe-cta-wrap {
    padding: 40px 30px;
  }
  .subscribe-cta-wrap .subscribe-cta-title {
    font-size: 24px;
  }
}

/*=============================
    Process 01
===============================*/
.process-nav-tabs {
  display: flex;
  gap: 30px;
  flex-wrap: nowrap;
  border: 0;
  margin-bottom: 30px;
}
.process-nav-tabs .nav-item .nav-link {
  border: 1px solid var(--tg-border-1);
  background: var(--tg-color-white-default);
  display: flex;
  text-align: start;
  padding: 40px;
  gap: 25px;
  border-radius: 10px;
  box-shadow: 0px 19px 48px rgba(48, 65, 64, 0.09);
}
.process-nav-tabs .nav-item .nav-link .box-icon {
  flex: none;
}
.process-nav-tabs .nav-item .nav-link .box-icon img {
  transition: 0.4s;
}
.process-nav-tabs .nav-item .nav-link .box-title {
  font-size: 24px;
  font-weight: 700;
  margin-top: -0.15em;
  margin-bottom: 12px;
  transition: 0.4s;
}
.process-nav-tabs .nav-item .nav-link .box-text {
  margin-bottom: -0.45em;
}
.process-nav-tabs .nav-item .nav-link.active, .process-nav-tabs .nav-item .nav-link:hover {
  background: var(--tg-theme-primary);
}
.process-nav-tabs .nav-item .nav-link.active .box-icon img, .process-nav-tabs .nav-item .nav-link:hover .box-icon img {
  transform: rotateY(180deg);
  filter: brightness(99);
}
.process-nav-tabs .nav-item .nav-link.active .box-title, .process-nav-tabs .nav-item .nav-link:hover .box-title {
  color: var(--tg-color-white-default);
}
.process-nav-tabs .nav-item .nav-link.active .box-text, .process-nav-tabs .nav-item .nav-link:hover .box-text {
  color: var(--tg-color-white-default);
}
@media (max-width: 1500px) {
  .process-nav-tabs .nav-item .nav-link {
    padding: 30px;
  }
}
@media (max-width: 1200px) {
  .process-nav-tabs .nav-item .nav-link {
    display: block;
  }
  .process-nav-tabs .nav-item .nav-link .box-icon {
    margin-bottom: 20px;
  }
}
@media (max-width: 991.98px) {
  .process-nav-tabs {
    flex-wrap: wrap;
  }
  .process-nav-tabs .nav-item {
    width: 100%;
  }
  .process-nav-tabs .nav-item .nav-link {
    width: 100%;
    display: flex;
  }
}
@media (max-width: 380px) {
  .process-nav-tabs .nav-item .nav-link {
    display: block;
  }
  .process-nav-tabs .nav-item .nav-link .box-icon {
    margin-bottom: 20px;
  }
}

.process-card {
  box-shadow: 0px 19px 48px rgba(48, 65, 64, 0.09);
  border-radius: 10px;
  border: 1px solid var(--tg-border-1);
  background: var(--tg-color-white-default);
  padding: 30px;
  display: flex;
  gap: 40px;
}
.process-card .process-card-thumb {
  flex: 1;
  border-radius: 10px;
  overflow: hidden;
}
.process-card .process-card-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.process-card .process-card-content {
  flex: 1;
  align-self: center;
}
.process-card .process-card-content .process-card-title {
  font-size: 36px;
  font-weight: 700;
  margin-top: -0.1em;
  margin-bottom: 18px;
}
@media (max-width: 1500px) {
  .process-card {
    gap: 30px;
  }
}
@media (max-width: 991.98px) {
  .process-card {
    display: block;
  }
  .process-card .process-card-thumb {
    margin-bottom: 30px;
  }
  .process-card .process-card-content .process-card-title {
    font-size: 30px;
  }
}
@media (max-width: 380px) {
  .process-card .process-card-content .process-card-title {
    font-size: 24px;
  }
}

/*=============================
    Process 02
===============================*/
.process-card2-wrap:last-child .process-card2 .process-card-arrow {
  display: none;
}

.process-card2 {
  text-align: center;
  max-width: 365px;
  position: relative;
}
.process-card2 .process-card_icon {
  width: 176px;
  height: 168px;
  background: var(--tg-color-smoke-5);
  color: var(--tg-theme-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: 0 auto 37px;
}
.process-card2 .process-card_icon .process-card_icon-border {
  position: absolute;
  inset: 15px;
  background: var(--tg-theme-primary);
}
.process-card2 .process-card_icon i,
.process-card2 .process-card_icon img,
.process-card2 .process-card_icon svg {
  transition: 0.4s;
}
.process-card2 .process-card_title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 10px;
}
.process-card2 .process-card_text {
  margin-bottom: -0.3em;
}
.process-card2 .process-card-arrow {
  position: absolute;
  right: -50%;
  top: 64px;
  width: 139px;
  height: 36px;
  background: var(--tg-theme-primary);
  transform: translate(-50%, 0);
  mask-size: 100% 100%;
}
@media (max-width: 1500px) {
  .process-card2 .process-card-arrow {
    display: none;
  }
}
.process-card2:hover .process-card_icon i,
.process-card2:hover .process-card_icon img,
.process-card2:hover .process-card_icon svg {
  transform: scale(-1) rotate(180deg);
}
@media (max-width: 767.98px) {
  .process-card2 {
    margin-left: auto;
    margin-right: auto;
  }
}

/*=============================
    Process 03
===============================*/
.process-card3 {
  background: #FFFFFF;
  border: 1px solid var(--tg-border-1);
  box-shadow: 0px 6px 39px rgba(0, 0, 0, 0.04);
  border-radius: 10px;
  text-align: center;
  padding: 40px 25px;
}
.process-card3 .process-card_number {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  position: relative;
  margin: 0 auto 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 700;
  font-family: var(--tg-heading-font-family);
  color: var(--tg-color-white-default);
  z-index: 1;
}
.process-card3 .process-card_number:before, .process-card3 .process-card_number:after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--tg-theme-primary);
  opacity: 0.08;
  border-radius: 50%;
  z-index: -1;
}
.process-card3 .process-card_number:before {
  inset: 15px;
  background: var(--tg-theme-primary);
  opacity: 1;
}
.process-card3 .process-card_title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 6px;
}
.process-card3 .process-card_text {
  margin-bottom: -0.4em;
}

/*=============================
    Cta Area 1
===============================*/
.cta-wrap1 {
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  z-index: 1;
  padding-left: 30px;
  padding-right: 30px;
}
.cta-wrap1:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(270deg, rgba(23, 35, 32, 0.4524) 0%, rgba(20, 39, 38, 0.6318) 51.63%, rgba(18, 44, 44, 0.2964) 100%);
  backdrop-filter: blur(7.5px);
  z-index: -1;
  mix-blend-mode: hard-light;
  background-color: var(--tg-theme-secondary);
}
.cta-wrap1 .cta-bg-shape1-1 {
  position: absolute;
  inset: 0;
  mix-blend-mode: soft-light;
  background-size: cover;
  background-color: var(--tg-theme-secondary);
}

/*=============================
    Cta Area 2
===============================*/
@media (max-width: 1199.98px) {
  .cta-area-2 {
    background-image: none !important;
  }
}

.cta-wrap2 .title {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: -0.3em;
}

/*=============================
    Cta Area 3
===============================*/
.cta-wrap3 {
  margin: 0 40px;
  border-radius: 20px 20px 0 0;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.cta-wrap3 .cta-wrap-bg {
  position: absolute;
  inset: 0;
  z-index: -1;
}
.cta-wrap3 .cta-wrap-bg img {
  filter: grayscale(1);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cta-wrap3:after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--tg-theme-primary);
  mix-blend-mode: multiply;
  z-index: -1;
}
@media (max-width: 767.98px) {
  .cta-wrap3 {
    margin: 0 15px;
  }
}

/*=============================
    Instagram 01
===============================*/
.instagram-card {
  position: relative;
}
.instagram-card:after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--tg-theme-primary);
  opacity: 0;
  transition: 0.4s;
}
.instagram-card .instagram-thumb {
  overflow: hidden;
}
.instagram-card .instagram-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.instagram-card .instagram-card-details {
  position: absolute;
  left: 50%;
  top: 60%;
  transform: translate(-50%, -50%);
  transition: 0.4s;
  z-index: 1;
  opacity: 0;
}
.instagram-card .icon-btn {
  background: transparent;
  border-radius: 0;
  font-size: 20px;
}
.instagram-card .icon-btn:hover {
  color: var(--tg-theme-secondary);
  font-size: 30px;
}
.instagram-card:hover:after {
  opacity: 0.9;
}
.instagram-card:hover .instagram-card-details {
  top: 50%;
  opacity: 1;
}

/*=============================
    Product
===============================*/
.product__item .product__reviews {
  margin-top: 35px;
}
.product__item .product__thumb {
  background: var(--tg-color-black-2);
  position: relative;
  text-align: center;
}
.product__item .product__thumb img {
  transition: 0.4s;
}
.product__item .product__action {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 10px;
  position: absolute;
  right: 18px;
  top: 18px;
}
.product__item .product__action a {
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--tg-color-black-2);
  border: 1px solid var(--tg-theme-primary);
  line-height: 0;
  border-radius: 0;
  font-size: 12px;
  transform: translateX(20px);
  transition: visibility 0.3s ease-out 0.1s, opacity 0.3s ease-out 0.15s, transform 0.3s ease-out 0.1s;
  transition-delay: 0.1s;
  opacity: 0;
  color: var(--tg-theme-primary);
}
.product__item .product__action a:nth-child(2) {
  transition-delay: 0.15s;
}
.product__item .product__action a:nth-child(3) {
  transition-delay: 0.2s;
}
.product__item .title {
  font-size: 20px;
  font-weight: 400;
  color: var(--tg-color-white-default);
  text-transform: uppercase;
  margin-top: 17px;
}
.product__item .price {
  font-size: 14px;
  font-weight: 600;
  font-family: var(--tg-body-font-family);
  color: var(--tg-theme-primary);
  margin-bottom: 0;
  margin-top: 15px;
}
.product__item:hover .product__thumb img {
  transform: scale(1.05);
}
.product__item:hover .product__action a {
  opacity: 0.6;
  transform: translateX(0);
}
.product__item:hover .product__action a:hover {
  opacity: 1;
}

.product__reviews {
  color: #FFB526;
}

/*widget price************/
.price_slider_wrapper {
  position: relative;
}
.price_slider_wrapper .price_label {
  font-size: 14px;
  text-transform: uppercase;
  color: var(--tg-color-white-default);
}
.price_slider_wrapper .price_label span {
  display: inline-block;
  color: var(--tg-theme-primary);
  font-size: 14px;
  font-weight: 700;
}
.price_slider_wrapper .ui-slider {
  height: 4px;
  position: relative;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.1);
  border: none;
  margin-top: 15px;
  margin-bottom: 25px;
  cursor: pointer;
  border-radius: 0;
}
.price_slider_wrapper .ui-slider-range {
  border: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  height: 100%;
  z-index: 1;
  display: block;
  background-color: var(--tg-theme-primary);
}
.price_slider_wrapper .ui-slider-handle {
  width: 16px;
  height: 16px;
  line-height: 16px;
  border-radius: 0;
  text-align: center;
  padding: 0;
  cursor: pointer;
  position: absolute;
  margin-top: -5px;
  z-index: 2;
  background-color: var(--tg-theme-primary);
  border: 3px solid var(--tg-theme-primary);
  transform: translateX(-1px);
}
.price_slider_wrapper .ui-slider-handle:focus {
  outline: none;
  box-shadow: 1.5px 2.598px 10px 0px rgba(0, 0, 0, 0.15);
}
.price_slider_wrapper .ui-slider-handle:last-child {
  transform: translateX(-9px);
}
.price_slider_wrapper button,
.price_slider_wrapper .button {
  background-color: transparent;
  color: var(--tg-color-white-default);
  font-weight: 700;
  line-height: 1.6;
  text-transform: uppercase;
  text-align: center;
  border: none;
  display: inline-block;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 2;
  padding: 0;
  font-size: 14px;
  text-decoration: underline;
  text-underline-offset: 5px;
  border-radius: 0;
  transition: 0.4s ease-in;
}
.price_slider_wrapper button:hover,
.price_slider_wrapper .button:hover {
  color: var(--tg-theme-primary);
}

/*shop details page*********************/
.product__details-images-wrap .tab-content img {
  border-radius: 0px;
  border: 0;
  height: 590px;
  width: 100%;
  object-fit: cover;
  background: var(--tg-color-black-3);
}
@media (max-width: 767.98px) {
  .product__details-images-wrap .tab-content img {
    height: 400px;
  }
}
.product__details-images-wrap .nav-tabs {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: nowrap;
  border: none;
  margin-top: 20px;
}
.product__details-images-wrap .nav-tabs .nav-link {
  margin-bottom: 0;
  background: transparent;
  border: 1px solid var(--tg-color-black-3);
  border-radius: 0px;
  padding: 0 0;
  overflow: hidden;
}
.product__details-images-wrap .nav-tabs .nav-link img {
  width: 100%;
  height: 130px;
  border-radius: 0px;
  object-fit: cover;
  background: var(--tg-color-black-3);
}
@media (max-width: 767.98px) {
  .product__details-images-wrap .nav-tabs .nav-link img {
    height: 90px;
  }
}
.product__details-images-wrap .nav-tabs .nav-link.active {
  border-color: var(--tg-theme-primary);
  opacity: 1;
}

.product__details-content > .title {
  font-size: 50px;
  font-weight: 400;
  margin-bottom: 8px;
  margin-top: 20px;
  text-transform: uppercase;
  color: var(--tg-color-white-default);
  line-height: 1.1;
}
@media (max-width: 1199.98px) {
  .product__details-content > .title {
    font-size: 40px;
  }
}
@media (max-width: 767.98px) {
  .product__details-content > .title {
    font-size: 30px;
  }
}
.product__details-content .price {
  margin-bottom: 50px;
  margin-top: 16px;
  font-size: 30px;
  font-weight: 400;
  color: var(--tg-theme-primary);
}
@media (max-width: 767.98px) {
  .product__details-content .price {
    font-size: 24px;
  }
}
.product__details-content > p {
  margin-bottom: 25px;
  color: rgba(255, 255, 255, 0.7);
}

.product__details-bottom li {
  display: flex;
  align-items: center;
  gap: 10px 5px;
  line-height: 1;
  margin-bottom: 20px;
  flex-wrap: wrap;
}
.product__details-bottom li .title {
  color: rgba(255, 255, 255, 0.5);
  line-height: 1;
}
.product__details-bottom li a {
  color: var(--tg-color-white-default);
}
.product__details-bottom li a:hover {
  color: var(--tg-theme-primary);
}

.product__details-qty {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 40px;
  flex-wrap: wrap;
}
.product__details-qty .product__details-qty-label {
  color: var(--tg-color-white-default);
  font-family: var(--tg-heading-font-family);
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 400;
  margin-right: 15px;
}
.product__details-qty .add-btn {
  background: var(--tg-theme-primary);
  height: 50px;
  color: var(--tg-theme-secondary);
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
  display: flex;
  align-items: center;
  padding: 0 25px;
  gap: 10px;
  flex: none;
}
.product__details-qty .add-btn:hover {
  background: var(--tg-color-white-default);
}
.product__details-qty .icon-btn {
  height: 50px;
  width: 50px;
  line-height: 50px;
  border-radius: 0;
  background: var(--tg-color-black-3);
  color: var(--tg-color-white-default);
  font-size: 18px;
}
.product__details-qty .icon-btn:hover {
  background: var(--tg-theme-primary);
  color: var(--tg-theme-secondary);
}

.cart-plus-minus {
  position: relative;
  width: 149px;
  flex: 0 0 auto;
}
.cart-plus-minus input {
  width: 100%;
  border: 0;
  border-radius: 0;
  height: 50px;
  text-align: center;
  padding: 0 45px;
  font-weight: 500;
  font-size: 16px;
  background: var(--tg-color-black-3);
  color: var(--tg-color-white-default);
}
.cart-plus-minus .qtybutton {
  position: absolute;
  top: 6px;
  left: 20px;
  bottom: 6px;
  width: auto;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.7);
  background: transparent;
  cursor: pointer;
  user-select: none;
  border-radius: 50%;
}
.cart-plus-minus .qtybutton.inc {
  left: auto;
  right: 20px;
}

.product-desc-wrap {
  margin-top: 120px;
}
.product-desc-wrap .nav-tabs {
  border: none;
  gap: 40px;
  margin-bottom: 50px;
  justify-content: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.16);
  padding-bottom: 20px;
}
.product-desc-wrap .nav-tabs .nav-link {
  margin-bottom: 0;
  border: none;
  padding: 0;
  line-height: 1;
  font-weight: 400;
  font-size: 16px;
  font-family: var(--tg-heading-font-family);
  color: var(--tg-color-white-default);
  text-transform: uppercase;
  position: relative;
  background: transparent;
  border-radius: 0px;
}
.product-desc-wrap .nav-tabs .nav-link.active {
  color: var(--tg-theme-primary);
}
.product-desc-wrap .tab-content .title {
  text-transform: uppercase;
  color: var(--tg-color-white-default);
  font-size: 50px;
  font-weight: 400;
}
@media (max-width: 1199.98px) {
  .product-desc-wrap .tab-content .title {
    font-size: 40px;
  }
}
@media (max-width: 767.98px) {
  .product-desc-wrap .tab-content .title {
    font-size: 30px;
  }
}
.product-desc-wrap .tab-content p {
  margin-bottom: 0;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 15px;
  color: var(--tg-color-white-default);
  opacity: 0.7;
}
.product-desc-wrap .tab-content p:last-child {
  margin-bottom: 0;
}

.product-desc-review .left-rc {
  margin-bottom: 10px;
}

/*=============================
    Why Choose Us 01
===============================*/
.wcu-card .box-icon {
  color: var(--tg-theme-primary);
  margin-bottom: 32px;
}
.wcu-card .box-icon img, .wcu-card .box-icon i, .wcu-card .box-icon svg {
  transition: 0.4s;
}
.wcu-card .box-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.41666em;
  margin-bottom: 13px;
}
.wcu-card .box-text {
  margin-bottom: -0.3em;
}
.wcu-card:hover img, .wcu-card:hover i, .wcu-card:hover svg {
  transform: scale(-1) rotate(180deg);
}

/*=============================
    Why Choose Us 02
===============================*/
.wcu-thumb2-1 {
  display: inline-block;
  mask-size: 100% 100%;
}

/*skill-feature**************/
.skill-feature {
  position: relative;
}
.skill-feature:not(:last-child) {
  margin-bottom: 20px;
}
.skill-feature_title {
  font-size: 16px;
  font-weight: 600;
  font-family: var(--tg-heading-font-family);
  margin-bottom: 0;
  margin-top: 12px;
  color: var(--tg-theme-secondary);
}
.skill-feature .progress {
  background: var(--tg-border-1);
  border-radius: 3px;
  overflow: visible;
  height: 12px;
}
.skill-feature .progress .progress-bar {
  background: var(--tg-theme-primary);
  border-radius: 3px;
  height: 12px;
}
.skill-feature .progress .progress-value {
  font-size: 16px;
  font-weight: 600;
  font-family: var(--tg-heading-font-family);
  position: absolute;
  top: 20px;
  right: 0;
  color: var(--tg-theme-secondary);
}

/*=============================
    Why Choose Us 03
===============================*/
.wcu-thumb3-1 {
  position: relative;
}
.wcu-thumb3-1 .img1 {
  border-radius: 15px;
  overflow: hidden;
}
.wcu-thumb3-1 .img1 img {
  width: 100%;
}
.wcu-thumb3-1 .img2 {
  position: absolute;
  left: -130px;
  bottom: 80px;
  box-shadow: 0px 10px 36px 2px rgba(0, 0, 0, 0.12);
  border-radius: 15px;
  border: 10px solid var(--tg-color-white-default);
  overflow: hidden;
  background: var(--tg-color-white-default);
}
.wcu-thumb3-1 .img2 img {
  border-radius: 10px;
  width: 100%;
}
@media (max-width: 1500px) {
  .wcu-thumb3-1 .img2 {
    left: -40px;
  }
}
@media (max-width: 1200px) {
  .wcu-thumb3-1 .img2 {
    left: 40px;
  }
}
@media (max-width: 767.98px) {
  .wcu-thumb3-1 .img2 {
    position: relative;
    left: 0;
    bottom: 0;
    animation: none !important;
    border: 0;
    margin-top: 20px;
  }
}

/*=============================
    Goal area
===============================*/
.goal-thumb1-1 {
  position: relative;
  display: inline-block;
  padding-left: 24px;
}
.goal-thumb1-1 .img-bg-shape {
  position: absolute;
  width: 582px;
  height: 515px;
  background: linear-gradient(23.98deg, var(--tg-theme-primary) 15%, rgba(186, 226, 226, 0.02) 100%);
  mask-size: 100% 100%;
  left: 0;
  right: 0;
  top: 20px;
}
.goal-thumb1-1 .thumb {
  mask-size: 100% 100%;
  height: 535px;
  width: 535px;
  position: relative;
}
.goal-thumb1-1 img {
  height: 100%;
  object-fit: cover;
}
@media (max-width: 767.98px) {
  .goal-thumb1-1 .img-bg-shape {
    width: 100%;
    height: -webkit-fill-available;
  }
  .goal-thumb1-1 .thumb {
    width: auto;
    height: 400px;
  }
}
@media (max-width: 380px) {
  .goal-thumb1-1 .thumb {
    height: 300px;
  }
}

.goal-grid-card {
  display: flex;
  gap: 30px;
}
.goal-grid-card:not(:last-child) {
  border-bottom: 1px solid var(--tg-border-1);
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.goal-grid-card .box-icon {
  width: 80px;
  height: 80px;
  background: var(--tg-theme-primary);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--tg-color-white-default);
  flex: none;
  position: relative;
}
.goal-grid-card .box-icon:after { content: ""; position: absolute; inset: 10px -5px; z-index: -1; border-radius: 5px; background: var(--tg-border-1); transform: skew(15deg, -15deg); -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -ms-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; }
.goal-grid-card .box-icon svg, .goal-grid-card .box-icon img, .goal-grid-card .box-icon i { -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -ms-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; }
.goal-grid-card .card-details { align-self: center; }
.goal-grid-card .box-text { margin-bottom: -0.4em; }
.goal-grid-card .box-text.xl { font-size: 21.5px; font-weight: 500; }
.goal-grid-card:hover .box-icon svg, .goal-grid-card:hover .box-icon img, .goal-grid-card:hover .box-icon i { transform: scale(-1) rotate(180deg); }
.goal-grid-card:hover .box-icon:after { transform: skew(-15deg, 15deg); }
 
 
.card-details h3.box-title { font-size: 36px; font-weight: 700; margin-top: -0.15em; color: var(--tg-theme-primary); margin: 30px 0; display: flex; align-items: center; white-space: nowrap; }
.goal-grid-card h3::after { content: "";
    background-color: var(--tg-theme-primary);
    height: 2px;
    top: 4px;
    width: 100%;
    margin-left: 1rem;
    position: relative;
	 opacity: 0.2;
}
.card-details { cursor: pointer; }
.card-details ul { margin: 35px; }
.card-details ul li { list-style-type: disc; }
.card-details ul li a:hover { opacity: 0.5; }
 
 
@media (max-width: 767.98px) {
  .goal-grid-card {display: block;}
  .goal-grid-card .box-icon {margin-bottom: 20px; }
}

.appointment-modal { --bs-modal-width: 1320px; }
.appointment__form { border-radius: 10px; background: var(--tg-color-white-default); padding: 30px; text-align: start; }

.appointment__form .box-title {
  margin-top: -0.15em;
  font-size: 20px;
  font-weight: 700;
  border-bottom: 1px solid var(--tg-border-1);
  padding-bottom: 14px;
  margin-bottom: 30px;
}
.appointment__form input { height: 50px; }
.appointment__form .btn { padding: 15px 23px 13px 23px; border-radius: 5px; }
.appointment-wrap1 {
  border-radius: 15px;
  background: var(--tg-color-smoke-3);
  padding: 80px;
  position: relative;
  overflow: hidden;
}
.appointment-wrap1 .appointment-thumb1 { position: absolute; right: 0; top: 0; bottom: 0; width: calc(50% - 70px); }
.appointment-wrap1 .appointment-thumb1 img { height: 100%; width: 100%; object-fit: cover; }
.appointment-wrap1 .appointment__form { padding: 0; background: transparent; }
.appointment-wrap1 .appointment__form .btn { padding: 21px 30px 19px 30px; }

@media (max-width: 767.98px) {
  .appointment-wrap1 { padding: 40px 30px; }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .appointment-wrap1 { padding: 40px; }
}

.appointment-wrap2 {
  border-radius: 15px;
  background: var(--tg-color-smoke-3);
  padding: 60px;
  position: relative;
  overflow: hidden;
  max-width: 97%;
  left: 50%;
  transform: translateX(-50%);
}
.appointment-wrap2 .appointment-thumb2 { position: absolute; left: 0; top: 0; bottom: 0; width: calc(50% - 80px); }
.appointment-wrap2 .appointment-thumb2 img { height: 100%; width: 100%; object-fit: cover; }
.appointment-wrap2 .appointment__form { padding: 0; background: transparent; }
.appointment-wrap2 .appointment__form .btn { padding: 21px 30px 19px 30px; }

@media (max-width: 767.98px) {
  .appointment-wrap2 { padding: 40px 30px; }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .appointment-wrap2 { padding: 40px; }
}





/* Errors - messages */
.field-error { font-weight: 600; font-size: 0.9rem; margin-top: 6px; color: #dc3545; }
.form-control[aria-invalid="true"], .form-select[aria-invalid="true"] { border-color: #dc3545; box-shadow: 0 0 0 .1rem rgba(220,53,69,.25); }
.ajax-response { font-size: 14px; font-weight: 600; text-align: center; padding: 8px 5px; border-radius: 8px; }
.ajax-response.success { color: #198754; margin-top: .75rem; }
.ajax-response.error { color: #dc3545; margin-top: .75rem; }

/* Honeypot - fully off-screen */
.hp-wrapper { position: absolute; left: -9999px; top: -9999px; 
width: 1px; height: 1px; overflow: hidden; }


/* -------------------- Success screen -------------------- */
.contact-root { position: relative; min-height: 420px; }
.hidden { display: none !important; }

.form-success-block {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 420px;
  padding: 20px;
}

.form-success-card {
  width: 100%;
  max-width: 520px;
  background: #fff;
  border: 1px solid var(--success-border);
  border-radius: 12px;
  padding: 28px 24px;
  text-align: center;
  box-shadow: 0 10px 30px rgba(0,0,0,.08);
}

.form-success-icon {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--success-bg);
  color: #065f46;
  font-size: 28px;
  margin: 0 auto 12px auto;
}

.form-success-title {
  margin: 0 0 8px;
  font-size: 22px;
  color: var(--ink);
}

.form-success-text {
  margin: 0 0 8px;
  font-size: 16px;
  color: #374151;
}

.form-success-subtext {
  margin: 0 0 16px;
  font-size: 14px;
  color: #6b7280;
}








/* Off-canvas placeholders */
.offCanvas__info { padding: 20px; }
.offCanvas__close-icon { text-align: right; }
.offCanvas__overly, .tgmobile__menu-backdrop { display: none; }

.xdsoft_datetimepicker { z-index: 99999 !important; }















.footer-bg { position: absolute; z-index:9999; width:100%; background: linear-gradient(to left bottom, rgba(33, 37, 41, 0) 20%, #212529 60%) 0 0 / cover,  url(../images/footer/footer_bg.png) top center / cover no-repeat; background-position: top center; background-repeat: no-repeat; background-size: cover; }

._press .footer-bg { background-image: var(--footer-gradient), url("../images/footer/_press.jpg"); }
._militaryInboard .footer-bg { background-image: var(--footer-gradient), url("../images/footer/_militaryInboard.png"); }
._militaryOutboard .footer-bg { background-image: var(--footer-gradient), url("../images/footer/_militaryOutboard.jpg"); }
._patrolInboard .footer-bg { background-image: var(--footer-gradient), url("../images/footer/_patrolInboard.jpg"); }
._patrolOutboard .footer-bg { background-image: var(--footer-gradient), url("../images/footer/_patrolOutboard.jpg"); }
._shadowCrew .footer-bg { background-image: var(--footer-gradient), url("../images/footer/_shadowCrew.jpg"); }


._terms .footer-bg { background-position: bottom center; background-image: var(--footer-gradient), url("../images/footer/_terms.jpg"); }
._privacy .footer-bg { background-position: bottom center; background-image: var(--footer-gradient), url("../images/footer/_privacy.jpg"); }
._cookies .footer-bg { background-image: var(--footer-gradient), url("../images/footer/_cookies.jpg"); }
._responsibility .footer-bg { background-position: bottom center; background-image: var(--footer-gradient), url("../images/footer/_responsibility.jpg"); }
._accessibility .footer-bg { background-position: bottom center; background-image: var(--footer-gradient), url("../images/footer/_accessibility.jpg"); }

._impressum .footer-bg { background-image: var(--footer-gradient), url("../images/footer/_impressum.jpg"); }
._contact .footer-bg { background: var(--raisin-black-1); }
._contact .footer__area { padding-top: 0px; }

._brochure .footer-bg { background-position: top center; background-image: var(--footer-gradient), url("../images/footer/_brochure.jpg"); }
._brochure .footer__area { padding-top: 0px; }

._certification .footer-bg { background-position: bottom center; background-image: var(--footer-gradient), url("../images/footer/_certification.jpg"); }
._certification .footer__area { padding-top: 0px; }

._models .footer-bg { background-position: center center; background-image: var(--footer-gradient), url("../images/footer/_models.png"); }
._models .section__title .title { font-weight: 600; font-size: 2rem; line-height: 1.40833em; font-family: var(--tg-heading-font-family); }




._services .footer-bg { background-position: center center; background-image: var(--footer-gradient), url("../images/footer/_services.jpg"); }
._missionVision .footer-bg { background-position: center center; background-image: var(--footer-gradient), url("../images/footer/_missionVision.jpg"); }

._gallery .footer-bg { background: var(--raisin-black-1); padding-top: 0px; }
._gallery .f-menu { margin-top:0; }
._gallery .footer__top { padding: 0; }

._shared .footer-bg { background: var(--raisin-black-1); }


._patrol47Inboard .footer-bg { background-position: center center; background-image: var(--footer-gradient), url("../images/footer/_patrol47Inboard.png"); }
._patrol47Outboard .footer-bg { background-position: center center; background-image: var(--footer-gradient), url("../images/footer/_patrol47Outboard.png"); }
._military47Inboard .footer-bg { background-position: center center; background-image: var(--footer-gradient), url("../images/footer/_military47Inboard.png"); }
._military47Outboard .footer-bg { background-position: center center; background-image: var(--footer-gradient), url("../images/footer/_military47Outboard.png"); }

._technology .footer-bg { background-position: center center; background-image: var(--footer-gradient), url("../images/footer/_technology.jpg"); }


body._shared { background: var(--raisin-black-1);}
._shared .ego-player { margin-bottom: 20px 0; }






.custom-table th,
.custom-table td {
  vertical-align: middle;
  font-size: 0.9rem;
  padding: 0.75rem;

}

.custom-table thead th {
  background-color: #d9e2ea;
  font-size: 1rem;
  font-weight: 600;
  text-align: left;

}

.custom-table .table-secondary {
  background-color: #d0d9e2;
 
}

.custom-table {
  border-color: #a4a6a7;
  border-width: 1px;
  

}

@media (max-width: 576px) {
  .custom-table th,
  .custom-table td {
    font-size: 0.85rem;
    padding: 0.5rem;

  }
}



  .spec-block {
    background-color: var(--gray);
    border-radius: 8px;
    padding: 15px;
    height: 100%;
  }

  .spec-block ul {
    padding-left: 1.2rem;
    margin-bottom: 0;
  }

  .spec-block ul li {
    margin-bottom: 0.4rem;
    font-size: 0.95rem;
    line-height: 1.5;
    list-style-type: disc;
	 color: var(--tg-body-color-darker);
  }

  .spec-block h6 {
    font-weight: 800;
    margin-bottom: 0.85rem;
    font-size: 1.1rem;
    text-transform: uppercase;
  }

  @media (max-width: 576px) {
    .spec-block ul li {
      font-size: 0.9rem;
    }
  }


















/* Tehnologija */
.tech-wrapper { display: flex; flex-wrap: wrap; min-height: 100vh; }
.tech-sidebar { flex: 0 0 320px; background: var(--gray); padding: 0 20px 20px 0; position: sticky; top: 0; height: 100vh; overflow-y: auto; }
.tech-sidebar ul { list-style: none; padding-left: 0; list-style-type: none; margin-left:0; }
.card-details .tech-sidebar ul li { margin-bottom: 10px; list-style-type: none; }
.tech-sidebar a { text-decoration: none; color: #333; display: block; padding: 8px 10px; border-radius: 4px; font-weight: 500;background: #000; color: #fff; }
.tech-sidebar a.active, .tech-sidebar a:hover { background: var(--tg-theme-primary); color: var(--white); }
.tech-content { flex: 1; padding: 15px; }
.tech-section { display: none; animation: fadeIn 0.3s ease-in-out; }
.tech-section h2 { color: var(--tg-theme-primary); font-size: 30px; text-transform: uppercase; margin: 10px 0 20px 0; }
.tech-section h3 { color: var(--gray); font-size: 20px; text-transform: uppercase; margin: 0 0 20px 0; }
.tech-section.active { display: block; }

@keyframes fadeIn {
	from { opacity: 0; transform: translateY(10px); }
	to { opacity: 1; transform: translateY(0); }
}

.tech-content ul { list-style: none;  margin: 0 0 15px; padding-left: 0; }
.tech-content ul li ul { margin-top: 0.75rem; }
.tech-content ul li { position: relative; padding-left: 2.5rem; margin-bottom: 20px; line-height: 1.6; list-style-type: none; }
.tech-content ul li::before { content: "\f00c";  font-family: "Font Awesome 6 Free"; font-weight: 900; position: absolute; left: 0; top: 0; width: 1.75rem; height: 1.75rem; line-height: 1.75rem; text-align: center; background: #fff; color: var(--tg-theme-primary); border-radius: 0.25rem; box-shadow: 0 0 2px rgba(0,0,0,0.2); }

/* Marker umjesto ::before
.tech-content ol { list-style: decimal outside; margin: 0 0 15px 0; padding-left: 1.5rem;  color: var(--tg-body-color); }
.tech-content ol li { margin-bottom: 10px; line-height: 1.6; }
.tech-content ol, .tech-content ol li { list-style: decimal inside !important; }
.tech-section ol ol { padding-left: 1.5rem; }
.tech-content ol li::marker { color: var(--tg-theme-primary); font-weight: 700; }
*/
 
.tech-content ol { list-style: none; counter-reset: my-counter; margin: 0 0 10px; padding: 0; }
.tech-content ol li { position: relative; counter-increment: my-counter; padding-left: 3rem; margin-bottom: 20px; line-height: 1.6; }
.tech-content ol li::before { content: counter(my-counter); position: absolute; left: 0; top: 0; width: 2rem; height: 2rem; line-height: 2rem; text-align: center; background: var(--tg-theme-primary); border-radius: 0.25rem; color: var(--white); font-weight: 700; box-shadow: 0 0 2px rgba(0,0,0,0.2); }
.menu-toggle { display: none; position: fixed; top: 15px; left: 15px; z-index: 999; }

@media (max-width: 768px) {
	.tech-sidebar { position: fixed; top: 100px; left: -270px; height: 100%; z-index: 998; transition: left 0.3s ease; }
	.tech-sidebar.open { left: 0; box-shadow: 2px 0 5px rgba(0,0,0,0.1); }
   .tech-content { padding-top: 60px; }
   .menu-toggle { display: block; top:80px; left: 0; }
}

.masonary-active { display: flex; flex-wrap: wrap; }
.filter-item { position: relative; display: block; }
.popup-gallery { display: block; width: 100%; margin: 0; position: relative;   }
.popup-gallery .thumb { margin: 10px 0; }
.thumb { height: 210px; overflow: hidden; border-radius: 6px; }
.thumb.xl { height: 360px; overflow: hidden; border-radius: 6px; }
.thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }

.hero-style1.video { position: absolute; top: -35px; }
.hideXL { display: none; opacity;0; }
/* tablet i mobitel */
@media (max-width: 991.98px) {
	/* header, logo, menu mobile */
	.tgmobile__menu .nav-logo img { max-height: 20px; }
	
	.hero-slider1 .swiper-slide { height: 580px; background-size: contain; background-repeat: no-repeat; }
	.hero-style1 { padding: 320px 0; }
	.hideXL { display: block; opacity;1; }
	.tg-button-wrap { gap: 10px; }
	.btn { padding: 15px 8px; text-transform: uppercase; font-size:12px; }
	.h2 { font-size: var(--fs-5); }
	.h3 { font-size: var(--fs-6); }
	
	
	.slogan, .text-anim { text-align: center; padding: 15px 0; }
	
	.ego_ticker { margin: 0; padding: 80px 0 100px 0; }
	
	.ticker-title { font-size: 40px; }
	.ticker-subtitle { margin-top: 0 !important; }
	
	
	
	.carousel { position: relative; height: 1070px; overflow: hidden; margin-top: 0;	height: 1000px; }
	#carouselAnd360Nav { position: absolute; top: -100px !important; right: 50%; transform: translateX(50%); top: 30px; }
	.carousel .list .item:nth-child(2) .introduce { width: 100%; }
	.carousel .list .item img { width: 100% !important; top: 37% !important; transform: translateY(-50%) !important; }
	.carousel .list .item:nth-child(2) .introduce { opacity: 1; pointer-events: auto; width: 100%; position: absolute; top: 25%; left: 50%; transform: translate(-45%, 50%); }
	.introduce .title img { opacity: 0.3; }
	
	.carousel .list .item:nth-child(2) .introduce .des, .carousel.showDetail .list .item:nth-child(2) .detail .des { width: 100%; padding: 0 30px 0 0; }
	
	.carousel .list .item #model3DView {
    width: 100%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: right 1.5s;
}
.canvas-360-wrapper {
    width: 100%;
    max-width: 100%;
    aspect-ratio: 16 / 9;
    position: relative;
    background: transparent;
    min-height: auto;
    margin-left: 0;
}


.canvas-nav-node { top:5%; bottom: unset; }
	.canvas-360-wrapper canvas {
    width: 100%;
    height: auto;
    margin: 200px auto 0 auto;
    display: block;
    cursor: grab;
}
	
	
	/* tehnologija */
	.thumb { height: 200px; }
	.card-details h3.box-title { white-space: unset; }
	
	
	
	
	
	._df_thumb { width: 100%; height: 500px; }
	
	
	

}

.thumb { position: relative; }
.thumb:hover .overlay-icon { opacity: 1; }
.video-item::after { content: '\f04b'; font-family: 'Font Awesome 6 Free'; font-weight: 900; font-size: 2.5rem; color: white; text-align: center; width: 90px; height: 90px; line-height: 74px; background: rgba(0, 0, 0, 0.6); padding: 0.5rem 0.75rem; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); pointer-events: none; z-index: 2; box-shadow: 0 0 10px rgba(0,0,0,0.5); }
.popup-gallery[href$=".pdf"]::after { content: '\f1c1'; font-family: 'Font Awesome 6 Free'; font-weight: 900; font-size: 2.5rem; color: white; width: 90px; height: 90px; line-height: 90px; text-align: center; background: rgba(0,0,0,0.6); border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); pointer-events: none; z-index: 2; box-shadow: 0 0 10px rgba(0,0,0,0.5); opacity: 0; transition: opacity 0.2s; }
.popup-gallery[href$=".pdf"]:hover::after { opacity: 1; }

.ga .popup-gallery[href$=".pdf"]::after { opacity: 1; }
.ga .popup-gallery[href$=".pdf"]:hover::after { opacity: 0.6; }


/* ako nije video ili pdf prikaži ikonu za slike */
.popup-gallery:not(.video-item):not([href$=".pdf"])::after { content: '\f002'; font-family: 'Font Awesome 6 Free'; font-weight: 900; font-size: 2.5rem; color: white; width: 90px; height: 90px; line-height: 90px; text-align: center; background: rgba(0,0,0,0.6); border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); pointer-events: none; z-index: 2; box-shadow: 0 0 10px rgba(0,0,0,0.5); opacity: 0; transition: opacity 0.2s; }
.popup-gallery:not(.video-item):not([href$=".pdf"])::after { opacity: 0; }
.popup-gallery:not(.video-item):not([href$=".pdf"]):hover::after { opacity: 1; }

.mfp-figure video { width: 100%; height: auto; max-height: 80vh; display: block; }
.mfp-iframe-holder .mfp-content { max-width: 80vw !important; max-height: 90vh !important; }
.mfp-iframe-holder .mfp-iframe-scaler, .mfp-iframe-holder .mfp-iframe-scaler iframe { width: 100% !important; height: 100% !important; }

.mfp-bg { z-index: 999999; }
.mfp-wrap { z-index: 999999; }

/*=============================
    39. Footer
===============================*/
.footer__area { position: relative; overflow: hidden; z-index: 1; --tg-body-color: #A2A6A8; padding-top:400px;

}
/*
 -webkit-mask-image: -webkit-gradient(linear, center top, center bottom,  color-stop(0.00,  rgba(0,0,0,0)), color-stop(0.35,  rgba(0,0,0,1))); }
.footer__area:after { content: ""; position: absolute; width: 50%; height: 788px; left: -0px; top: 0px; background: var(--tg-theme-primary); opacity: 0.55; filter: blur(200px); z-index:9999999999999;
*/

.footer__top { padding: 120px 0 0 0; position: relative; z-index: 1; }

@media (max-width: 767.98px) {
	.footer__top { padding: 80px 0 0 0; }
	.f-menu { margin: 0; }
	.footer-menu ul { padding: 30px 0; }
	.footer__copyright { padding: 0 0 80px 0;}
   
	.footer-menu ul li:first-child, .footer-menu ul li {
    padding: 0 0 0 15px!important;
	 margin: 3px 0; 
    background: var(--tg-theme-primary);
    color: var(--raisin-black-1);
    width: 100%;
    display: block; }
	.footer-menu ul li:first-child { margin: 0;  }
	.footer-menu ul li::after { display:none; }
}

.footer__top-title { color: var(--tg-color-white-default); font-size: 40px; font-weight: 700; line-height: 1.25em; margin-bottom: -0.3em; margin-top: -0.2em; }

@media (max-width: 767.98px) {
  .footer__top-title { font-size: 30px; }
}

.f-menu { margin: 100px 0 20px 0; padding: 0; border-top: 1px solid var(--tg-color-gray-2); border-bottom: 1px solid var(--tg-color-gray-2); }
.footer-menu { width: 100%; }
.footer-menu ul { text-align: left; width: 100%; margin: 0; padding: 20px 0; text-transform: uppercase; }
.footer-menu ul li { display: inline-block; padding: 0 6px; margin-bottom: 0; list-style: none; }
.footer-menu ul li::after { content: "/"; position: relative; top: 1px; bottom: 1px; right: -6px; width: 5px; color: var(--platinum); }
.footer-menu ul li:last-child::after { display: none; }
.footer-menu ul li:first-child { padding: 0 6px 0 0; }
.footer-menu ul li a { color: var(--platinum); font-size: 14px; font-weight: var(--tg-fw-bold); position: relative; }
.footer-menu ul li a::before { content: ""; position: absolute; bottom: 0; left: 50%; width: 0; bottom: -5px; height: 2px; background-color: var(--platinum); opacity: 0; visibility: hidden; }
.footer-menu ul li a:hover { opacity: 0.55; }
.footer__copyright p { color: var(--platinum); font-size: 14px; font-weight: var(--tg-fw-bold); margin: 0; padding-bottom: 50px; }
.footer__copyright a { color: var(--tg-theme-primary); font-size: 14px; font-weight: var(--tg-fw-bold); }
.footer__copyright a:hover {  color: var(--tg-theme-secondary); }


/*=============================
    40. Keyframe Animation
===============================*/
@-webkit-keyframes hoverShine {
  100% {
    left: 125%;
  }
}
@keyframes hoverShine {
  100% {
    left: 125%;
  }
}
.shine-animate {
  display: block;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.shine-animate:before {
  position: absolute;
  top: 0;
  left: -100%;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  transform: skewX(-25deg);
  z-index: 1;
}

.shine-animate-item:hover .shine-animate:before {
  animation: hoverShine 1.2s;
}

.alltuchtopdown {
  -webkit-animation: alltuchtopdown 1.5s ease-in-out 0s infinite alternate;
  animation: alltuchtopdown 1.5s ease-in-out 0s infinite alternate;
  animation-duration: 3s;
}

@keyframes alltuchtopdown {
  0% {
    -webkit-transform: rotateX(0deg) translateY(0px);
    -moz-transform: rotateX(0deg) translateY(0px);
    -ms-transform: rotateX(0deg) translateY(0px);
    -o-transform: rotateX(0deg) translateY(0px);
    transform: rotateX(0deg) translateY(0px);
  }
  50% {
    -webkit-transform: rotateX(0deg) translateY(-20px);
    -moz-transform: rotateX(0deg) translateY(-20px);
    -ms-transform: rotateX(0deg) translateY(-20px);
    -o-transform: rotateX(0deg) translateY(-20px);
    transform: rotateX(0deg) translateY(-20px);
  }
  100% {
    -webkit-transform: rotateX(0deg) translateY(0px);
    -moz-transform: rotateX(0deg) translateY(0px);
    -ms-transform: rotateX(0deg) translateY(0px);
    -o-transform: rotateX(0deg) translateY(0px);
    transform: rotateX(0deg) translateY(0px);
  }
}
@-webkit-keyframes alltuchtopdown {
  0% {
    -webkit-transform: rotateX(0deg) translateY(0px);
    -moz-transform: rotateX(0deg) translateY(0px);
    -ms-transform: rotateX(0deg) translateY(0px);
    -o-transform: rotateX(0deg) translateY(0px);
    transform: rotateX(0deg) translateY(0px);
  }
  50% {
    -webkit-transform: rotateX(0deg) translateY(-20px);
    -moz-transform: rotateX(0deg) translateY(-20px);
    -ms-transform: rotateX(0deg) translateY(-20px);
    -o-transform: rotateX(0deg) translateY(-20px);
    transform: rotateX(0deg) translateY(-20px);
  }
  100% {
    -webkit-transform: rotateX(0deg) translateY(0px);
    -moz-transform: rotateX(0deg) translateY(0px);
    -ms-transform: rotateX(0deg) translateY(0px);
    -o-transform: rotateX(0deg) translateY(0px);
    transform: rotateX(0deg) translateY(0px);
  }
}
.rightToLeft {
  -webkit-animation-name: rightToLeft;
  animation-name: rightToLeft;
  -webkit-animation-duration: 10s;
  animation-duration: 10s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

@keyframes rightToLeft {
  0% {
    transform: translateX(-30px);
  }
  50% {
    transform: translateX(-10px);
  }
  100% {
    transform: translateX(-30px);
  }
}
.ribbonRotate {
  -webkit-animation-name: ribbonRotate;
  animation-name: ribbonRotate;
  -webkit-animation-duration: 10s;
  animation-duration: 10s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

@keyframes ribbonRotate {
  0%, 100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  25%, 75% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  50% {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
  }
}
.rotateme {
  -webkit-animation-name: rotateme;
  animation-name: rotateme;
  -webkit-animation-duration: 10s;
  animation-duration: 10s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

@keyframes rotateme {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rotateme {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes fadeInUp2 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInUp2 {
  -webkit-animation-name: fadeInUp2;
  animation-name: fadeInUp2;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@keyframes fadeInLeft2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.fadeInLeft2 {
  -webkit-animation-name: fadeInLeft2;
  animation-name: fadeInLeft2;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@keyframes marquee {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  to {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
}
@keyframes heartbeat {
  from {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  to {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
}
@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}
@-webkit-keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

@-webkit-keyframes shake {
  0% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  50% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }
  100% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
}
@keyframes shake {
  0% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  50% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }
  100% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
}
@keyframes animation__shape {
  0% {
    stroke-dashoffset: 12;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animation__shape-two {
  0% {
    stroke-dashoffset: 18;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animation__shape-three {
  0% {
    stroke-dashoffset: 24;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animation__shape-four {
  0% {
    stroke-dashoffset: 14;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animation__shape-five {
  0% {
    stroke-dashoffset: 16;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate-positive {
  0% {
    width: 0;
  }
}
.image-anim {
  position: relative;
  overflow: hidden;
}
.image-anim:before {
  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;
}
.image-anim:hover:before {
  height: 250%;
  transition: all 600ms linear;
  background-color: transparent;
  visibility: hidden;
}

.spin {
  animation: spin 15s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.spin-reverse {
  animation: spin-reverse 15s linear infinite;
}

@keyframes spin-reverse {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(-360deg);
  }
}
.jump {
  animation: jumpAni 7s linear infinite;
}

@keyframes jumpAni {
  0% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  100% {
    transform: translateY(0);
  }
}
/*img-animation**********************/
.img-custom-anim-right {
  animation: img-anim-right 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  opacity: 0;
}

@keyframes img-anim-right {
  0% {
    transform: translateX(5%);
    clip-path: inset(0 0 0 100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
.img-custom-anim-left {
  animation: img-anim-left 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  opacity: 0;
}

@keyframes img-anim-left {
  0% {
    transform: translateX(-5%);
    clip-path: inset(0 100% 0 0);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
.img-custom-anim-top {
  animation: img-anim-top 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 0;
}

@keyframes img-anim-top {
  0% {
    transform: translateY(-5%);
    clip-path: inset(0 0 100% 0);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
.img-custom-anim-bottom {
  animation: img-anim-bottom 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 0;
}

@keyframes img-anim-bottom {
  0% {
    transform: translateY(5%);
    clip-path: inset(100% 0 0 0);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
@media (max-width: 767px) {
  .img-custom-anim-right,
  .img-custom-anim-left,
  .img-custom-anim-bottom,
  .img-custom-anim-top {
    animation: none;
    opacity: 1;
  }
  .img-custom-anim-right:has(.gsap-parallax) {
    animation: img-anim-right 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  }
  .img-custom-anim-left:has(.gsap-parallax) {
    animation: img-anim-left 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  }
  .img-custom-anim-top:has(.gsap-parallax) {
    animation: img-anim-top 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1);
  }
}
.slideinleft,
.slideinright,
.slideindown,
.slideinup {
  opacity: 0;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-duration: 1.3s;
  animation-delay: 0.3s;
  animation-name: var(--animation-name);
}

.swiper-slide-active .slideinleft {
  --animation-name: slideinleft;
}
.swiper-slide-active .slideinright {
  --animation-name: slideinright;
}
.swiper-slide-active .slideinup {
  --animation-name: slideinup;
}
.swiper-slide-active .slideindown {
  --animation-name: slideindown;
}

@keyframes slideinleft {
  0% {
    opacity: 0;
    transform: translateX(-100px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slideinright {
  0% {
    opacity: 0;
    transform: translateX(180px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slideindown {
  0% {
    opacity: 0;
    transform: translateY(-100px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideinup {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes ripple {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
  30% {
    opacity: 0.4;
  }
  100% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
  }
}
.moving {
  animation: moving 8s linear infinite;
}

@keyframes moving {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-50px);
  }
  100% {
    transform: translateX(0);
  }
}
.movingX {
  animation: movingX 8s linear infinite;
}

@keyframes movingX {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(50px);
  }
  100% {
    transform: translateX(0);
  }
}
/* Reveal image */
.reveal {
  visibility: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden !important;
}