@import "ts-services.css";
@import "ts-real-estate.css";
/*========================================================================
Template name    : TEMPLATESIUM - Premium wordpress theme
Author           : UIGraphiq
Version          : 1.0
File Description : Base css stylesheet of the template
========================================================================*/
/*========================================================================
# BASE
========================================================================*/
:root {
  --primary-font:"Inter", sans-serif;
  --secondary-font: "Beautique Display";
  --ts-secondary-font: var(--secondary-font, var(--e-global-typography-secondary-font-family));
  --body-font-size:14px;
  --menu-font-size:14px;
  --box-heading-font:20px;
  --thin-font:100;
  --light-font:300;
  --regular-font:400;
  --bold-font:600;
  --strong-font:700;
  --heavy-font:900;
  --default-line-height:24px;
  --primary-color:#3E4910;
  --ts-primary-color:#3E4910;
  --secondary-color:#558467;
  --ts-secondary-color:#558467;
  --accent-color:#9CB080;
  --ts-accent-color:#9CB080;
  --gray-color:#EEF0F0;
  --theme-body-color:#EFEABB;
  --gray-color2:#EEF1F0;
  --gray-color2:#EEF1F0;
  --theme-color2:#607456;
  --theme-color3:#3E4910;
  --theme-color4:#0D773D;
  --theme-color5:#063c00;
  --theme-bg:#EFEABB;
  --box-bg-color:#FAF8E3;
  --theme-bg3:#F9F8EE;
  --theme-bg4:#DCA54A;
  --gray-color: #6f7071;
  --white-color: #ffffff; 
  --dark-color: #1f2125;
  --text-color:#525252;
  --menu-text-color:#000000;
  --hover-color:#1f2125;
  --ts-error-color:#ef2e2e;
  --ts-body-color: #f7f7f7;
  --ts-box-bg-color: #f1f0dc;
  --br-color:color-mix(in srgb, var(--theme-color) 20%, transparent); 
  --theme-br-color:#ACC2AB;
  --light-bg:#ffffff;
  --container-size:1200px;
  --theme-radius:4px;
  --theme-br-small : 4px;
  --theme-br-medium : 30px;
  --theme-br-large : 90px;
  --theme-br-round : 50%;
  --color-none :transparent;
  --menu-box-shadow: #19358f36 0px 25px 20px -20px;
  --box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px;
  --box-shadow2:0px 10px 30px 0px rgba(0, 0, 0, 0.1);
  --box-shadow3: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  --box-shadow4: rgb(198 134 109 / 25%) 0px 25px 20px -20px;
  --theme-gradient: linear-gradient( 180deg, rgba(240,201,186,0.99608) 0%, rgb(251,248,249) 100%);
  --gradientGradient__1: linear-gradient(90deg, #2DC2CE 0%, #2DC066 100%);
   --gradientGradient__2: linear-gradient(135deg, #2DCE94 0%, #F7D352 100%);
   --gradientGradient__3: linear-gradient(104deg, #1C3628 0%, #191C20 100%);
   --gradientGradient__4: linear-gradient(180deg, #DFF5E8 0%, #D4F1E000 100%);
   --gradientGradient__5: linear-gradient(180deg, #191C20E5 0%, #204633B2 100%);
   --gradientGradient__6: linear-gradient(180deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 100%);
   --gradientGradient__7: radial-gradient(circle, rgba(247, 211, 82, 0.21) 0%, rgba(45, 206, 148, 0.21) 35%, rgba(255, 255, 255, 0) 73%);
   --gradientGradient__8: linear-gradient(90deg, #f0f9f3 0%, rgba(240, 249, 243, 0.8) 50%, rgba(240, 249, 243, 0.7) 77%, rgba(240, 249, 243, 0) 100%);
   --gradientShadow__Pink: linear-gradient(180deg, rgba(255, 35, 127, 0.1) 17%, rgba(255, 72, 127, 0) 71%);
   --gradientDark__pink: linear-gradient(90deg, rgba(38, 25, 34, 0.8) 0%, rgba(114, 1, 48, 0.68) 45%, rgba(38, 25, 34, 0.6) 100%);
   --gradientGradient__11: linear-gradient(90deg, #1c3628 0%, #191c20 100%);
   --gradientGradient__12: linear-gradient(180deg, rgba(247, 247, 248, 0) 0%, #f7f7f8 100%);
}
:root
{
  --bs-primary: var(--primary-color) !important;
  --bs-secondary: var(--secondary-color);
  --bs-link-color: var(--primary-color);
  --bs-link-hover-color: var(--secondary-color);
  --swiper-theme-color: var(--primary-color);
  --bs-border-color: color-mix(in srgb, var(--primary-color) 20%, transparent);  
  --bs-pagination-active-bg: var(--primary-color)!important;
  --bs-pagination-active-border-color: var(--primary-color)!important;
  --bs-primary-bg-subtle:color-mix(in srgb, var(--primary-color) 40%, transparent)!important;
    --bs-btn-color: var(--primary-color) !important;
    --bs-btn-bg: var(--primary-color) !important;
    --bs-btn-hover-color: var(--primary-color) !important;
    --bs-btn-hover-bg: var(--primary-color) !important;
    --bs-btn-active-bg: var(--primary-color) !important;
    --bs-btn-disabled-bg: color-mix(in srgb, var(--primary-color) 10%, transparent)!important;
}
/*=========================
# Reset CSS
=========================*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
html {scroll-behavior: initial;}
body {
	line-height: 1;
  overflow-x: hidden;
  overflow-y: scroll;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}
a img{display:inline-block;}
p {
 margin-bottom: 1rem;}
input, textarea {
  display: inherit;
}
button {
  border: none;
}
label {
  margin-bottom: 0;
}
iframe {
  width: 100%;
  border: none;
  display: inherit;
}
img {
  max-width: 100%;
}
/*========================================================================
# Style 
========================================================================*/
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html{
    scroll-behavior: smooth;
	margin-bottom: 0px !important
}
body {
  font-family: var(--primary-font),var(--e-global-typography-primary-font-family);
  color: var(--text-color);
  font-size:var(--body-font-size);
  background:var(--ts-body-color, var(--e-global-color-e270e83));
  line-height:24px;
}
/*======================
# Link & Button
======================*/
a,
button {
color:inherit;
outline: none;
border: none;
-webkit-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
a:hover {
color: inherit;
}
a:focus,
input:focus,
textarea:focus,
button:focus {
text-decoration: none;
outline: none;
}
ul,ol
{
margin-left:0;
margin-bottom:0;
}
.wp-element-button,
input[type=submit],
.btn,
button,
.single_add_to_cart_button
{
position:relative;
font-size:var(--body-font-size); 
display:inline-block;
border:none;
padding:12px 25px;
border-radius:var(--theme-radius);
transition:all .3s ease;
overflow:hidden;
z-index:99;
line-height:100%;
}
.btn span.t-sium-hover-bg {
height: 0;
width: 0;
z-index: -1;
display: block;
border-radius: 50%;
position: absolute;
transform: translate(-50%, -50%);
transition: width 0.9s ease 0s, height 0.9s ease 0s;
background: var(--theme-accent-color);
}
.btn:hover span.t-sium-hover-bg {width:500px; height:500px;}

.wp-element-button,
input[type=submit],
.btn-primary,
.t-sium-primary-btn
{
background: var(--primary-color);
color:#fff;
}
.wp-element-button:hover,
input[type=submit]:hover,
.wp-element-button:focus,
input[type=submit]:focus,
.btn-primary:hover,
.t-sium-primary-btn:hover,
.btn-primary:focus,
.t-sium-btn-primary:focus,
.btn-primary:active,
.t-sium-btn-primary:active
{
background-color: var(--secondary-color); 
color:#fff;
}
.t-sium-btn-icon {width:25px;
height:25px; 
background:#fff; 
color:var(--primary-color); 
font-size:12px; 
border-radius:50%; 
display:inline-flex; 
align-items:center; 
justify-content:center;
}
.t-sium-primary-btn {
    font-weight: 600;
    padding: 10px 10px 10px 20px;
    color: #ffffff;
	border-radius:var(--theme-radius);
    text-decoration: none; 
	display: inline-block;
	background-color: var(--primary-color); 
}
.t-sium-default-btn {
background-color: var(--theme-secondary-color); 
color:var(--primary-color);
}
.t-sium-default-btn:hover {
color: #ffffff;
}
.t-sium-default-btn .t-sium-btn-icon {
background-color: var(--primary-color); 
color:var(--white-color);	
}
.t-sium-large-btn:hover {color: #ffffff;}
.btn-circle-icon {
  border-radius: 50%;
  background-image: -moz-linear-gradient( -90deg, rgba(241,208,195,0.99608) 0%, rgb(251,248,249) 100%);
  background-image: -webkit-linear-gradient( -90deg, rgba(241,208,195,0.99608) 0%, rgb(251,248,249) 100%);
  background-image: -ms-linear-gradient( -90deg, rgba(241,208,195,0.99608) 0%, rgb(251,248,249) 100%);
  box-shadow: 0px 26px 38px 0px rgba(0, 0, 0, 0.22);
  color:#fff;
    width:45px;
    height: 45px;
    display: flex;
	align-items:center;
	justify-content:center;
	padding:0;
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translate(-50%, -0%);
}
.btn-circle-icon:hover
.btn-circle-icon:focus 
 {
background:var(--primary-color);	 
color:var(--white-color);
}

.ts-btn-reveal {
  gap: 10px;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
    transform: translate3d(0,0,0);
    will-change: transform;
  overflow: hidden;
}
.ts-btn-ultra {
	color:#fff;
    background: #000;
    width: 100px;
    height: 100px;
    border-radius: 50%;	
}
.ts-btn-ultra:hover {
	color:#000;
}
.ts-hover-bg {
  position: absolute;
  top: 0;
  left: 0;

  width: 200px;
  height: 200px;

  border-radius: inherit;
  pointer-events: none;

  transform: translate(-50%, -50%) scale(0);
}
.ts-btn-ultra .ts-hover-bg
{
background:#fff;	
}
.ts-btn-reveal-text,
.ts-btn-reveal-icon-wrap {
  position: relative;
  z-index: 2;
}

.ts-btn-reveal-icon-wrap{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0; 
}

.ts-btn-reveal-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    line-height:1;
}

.ts-btn-reveal-icon svg{
    width:1em;
    height:1em;
}

/* KEEP TEXT ABOVE */
.ts-btn-reveal-text,
.ts-btn-reveal-icon{
    position:relative;
    z-index:2;
}
/* Ripple */
.ts-btn-reveal {
  position: relative;
  overflow: hidden;
}

.ts-btn-reveal::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;

  background: radial-gradient(circle, rgba(255,255,255,0.35) 0%, transparent 60%);
  transform: scale(0);
  opacity: 0;
  transition: transform 0.5s, opacity 0.6s;
}

.ts-btn-reveal:active::after {
  transform: scale(30);
  opacity: 1;
  transition: 0s;
}
.ts-icon {display:flex;}
/* =====================================
			BUTTON BUILDER
===================================== */
.ts-link-btn {
    cursor: pointer;
    position: relative;
    white-space: nowrap;
	display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.ts-link-btn::before,
.ts-link-btn::after {
    position: absolute;
    width: 100%;
    height: 1px;
    background: var(--primary-color);
    top: 100%;
    left: 0;
    pointer-events: none;
}

.ts-link-btn::before {
    content: '';
}
.link--metis::before {
    transform-origin: 100% 50%;
    transform: scale3d(0, 1, 1);
    transition: transform 0.3s;
}

.link--metis:hover::before {
    transform-origin: 0% 50%;
    transform: scale3d(1, 1, 1);
}

.link--io::before {
    transform-origin: 100% 50%;
    transform: scale3d(0, 1, 1);
    transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1);
}

.link--io:hover::before {
    transform-origin: 0% 50%;
    transform: scale3d(1, 1, 1);
    transition-timing-function: cubic-bezier(0.4, 1, 0.8, 1);
}

.link--io::after {
    content: '';
    top: calc(100% + 4px);
    transform-origin: 0% 50%;
    transform: scale3d(0, 1, 1);
    transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1);
}

.link--io:hover::after {
    transform-origin: 100% 50%;
    transform: scale3d(1, 1, 1);
    transition-timing-function: cubic-bezier(0.4, 1, 0.8, 1);
}

.link--thebe {
    text-transform: uppercase;
}

.link--thebe::before {
    transform-origin: 100% 50%;
    transform: scale3d(0, 1, 1);
    transition: transform 0.3s cubic-bezier(0.2, 1, 0.8, 1);
}

.link--thebe:hover::before {
    transform-origin: 0% 50%;
    transform: scale3d(1, 2, 1);
    transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
}

.link--thebe::after {
    content: '';
    top: calc(100% + 4px);
    transform-origin: 100% 50%;
    transform: scale3d(0, 1, 1);
    transition: transform 0.4s 0.1s cubic-bezier(0.2, 1, 0.8, 1);
}

.link--thebe:hover::after {
    transform-origin: 0% 50%;
    transform: scale3d(1, 1, 1);
    transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
}

.link--leda {
    overflow: hidden;
    line-height: 2;
}

.link--leda::before {
    height: 2px;
    top: calc(100% - 5px);
    transform-origin: 100% 50%;
    transform: scale3d(0, 1, 1);
    transition: transform 0.3s cubic-bezier(0.5, 0.5, 0.3, 1);
}

.link--leda:hover::before {
    transform-origin: 0% 50%;
    transform: scale3d(1, 1, 1);
}

.link--leda::after {
    content: attr(data-text);
    height: 100%;
    top: 0;
    background: none !important;
    transform-origin: 100% 50%;
    transform: translate3d(150%, 0, 0);
    transition: transform 0.3s cubic-bezier(0.5, 0.5, 0.3, 1);
}

.link--leda:hover::after {
    transform: translate3d(0, 0, 0);
}

.link--leda span {
    display: inline-block;
    transition: transform 0.3s cubic-bezier(0.5, 0.5, 0.3, 1);
}

.link--leda:hover span {
    transform: translate3d(-150%, 0, 0);
}

.link--ersa {
    padding: 0 10px;
    letter-spacing: 1px;
    text-indent: 1px;
}

.link--ersa::before {
    top: 50%;
    height: 2px;
    transform-origin: 100% 50%;
    transform: scale3d(0, 1, 1);
    transition: transform 0.3s cubic-bezier(0.4, 1, 0.8, 1);
}

.link--ersa:hover::before {
    transform-origin: 0% 50%;
    transform: scale3d(1, 1, 1);
}

.link--ersa span {
    display: inline-block;
    transition: transform 0.3s cubic-bezier(0.4, 1, 0.8, 1);
}

.link--ersa:hover span {
    transform: scale3d(1.1, 1.1, 1.1);
}

.link--elara::before {
    transform-origin: 50% 100%;
    transition: clip-path 0.3s, transform 0.3s cubic-bezier(0.2, 1, 0.8, 1);
    clip-path: polygon(0% 0%, 0% 100%, 0 100%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%, 100% 100%, 100% 0%);
}

.link--elara:hover::before {
    transform: translate3d(0, 2px, 0) scale3d(1.08, 3, 1);
    clip-path: polygon(0% 0%, 0% 100%, 50% 100%, 50% 0, 50% 0, 50% 100%, 50% 100%, 0 100%, 100% 100%, 100% 0%);
}

.link--elara span {
    display: inline-block;
    transition: transform 0.3s cubic-bezier(0.2, 1, 0.8, 1);
}

.link--elara:hover span {
    transform: translate3d(0, -2px, 0);
}

.link--dia::before,
.link--dia::after {
    opacity: 0;
    transform-origin: 50% 0%;
    transform: translate3d(0, 3px, 0);
    transition-property: transform, opacity;
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.2, 1, 0.8, 1);
}

.link--dia:hover::before,
.link--dia:hover::after {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition-timing-function: cubic-bezier(0.2, 0, 0.3, 1);
}

.link--dia::after {
    content: '';
    top: calc(100% + 4px);
    width: 70%;
    left: 15%;
}

.link--dia::before,
.link--dia:hover::after {
    transition-delay: 0.1s;
}

.link--dia:hover::before {
    transition-delay: 0s;
}

.link--kale::before {
    height: 10px;
    top: 100%;
    opacity: 0;
}

.link--kale:hover::before {
    opacity: 1;
    animation: lineUp 0.3s ease forwards;
}

@keyframes lineUp {
    0% {
        transform-origin: 50% 100%;
        transform: scale3d(1, 0.045, 1);
    }

    50% {
        transform-origin: 50% 100%;
        transform: scale3d(1, 1, 1);
    }

    51% {
        transform-origin: 50% 0%;
        transform: scale3d(1, 1, 1);
    }

    100% {
        transform-origin: 50% 0%;
        transform: scale3d(1, 0.045, 1);
    }
}

.link--kale::after {
    content: '';
    transition: opacity 0.3s;
    opacity: 0;
    transition-delay: 0s;
}

.link--kale:hover::after {
    opacity: 1;
    transition-delay: 0.3s;
}

.link--carpo {
    text-transform: uppercase;
    font-weight: 700;
}

.link--carpo::before {
    transform-origin: 0% 50%;
    transform: scale3d(0, 1, 1);
    transition: transform 0.3s;
}

.link--carpo:hover::before {
    transform: scale3d(1, 1, 1);
}

.link--carpo::after {
    content: '';
    top: calc(100% + 4px);
    transition: transform 0.3s;
    transform-origin: 100% 50%;
}

.link--carpo:hover::after {
    transform: scale3d(0, 1, 1);
}

.link--helike {
    font-weight: bold;
}

.link--helike:hover span {
    animation: glitchText 0.4s linear;
}

@keyframes glitchText {
    0% {
        opacity: 1;
        transform: translate3d(-10px, 0, 0) scale3d(-1, -1, 1);
        -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
        clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
    }

    10% {
        -webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
        clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
    }

    20% {
        -webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
        clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
    }

    35% {
        -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
        clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
    }

    50% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
        clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
    }

    60% {
        -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
        clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
    }

    70% {
        -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
        clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
    }

    80% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
        clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
    }

    90% {
        transform: translate3d(-10px, 0, 0) scale3d(-1, -1, 1);
    }

    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    }
}

.link--helike::before {
    height: 2px;
    opacity: 0;
}

.link--helike:hover::before {
    opacity: 1;
    animation: glitchLine 0.4s steps(2, start) forwards;
}

@keyframes glitchLine {
    0% {
        transform: scale3d(1, 1, 1);
    }

    10% {
        transform: translate3d(10px, 0, 0);
    }

    20% {
        transform: translate3d(0, 4px, 0);
    }

    30% {
        transform: scale3d(0.1, 1.4, 1) translate3d(0, -25px, 0);
        transform-origin: 100% 0%;
    }

    40% {
        transform: scale3d(1, 0.3, 1) translate3d(0, 25px, 0);
    }

    50% {
        transform: scale3d(0.5, 0.3, 1) translate3d(-100px, -80px, 0);
    }

    60% {
        transform: scale3d(1, 1.25, 1) translate3d(10px, -5px, 0);
    }

    70% {
        transform: scale3d(0.5, 0.5, 1) translate3d(0, 20px, 0);
    }

    80% {
        transform: translate3d(-30, 10px, 0) scale3d(1, 0.4, 1);
        transform-origin: 100% 0%;
    }

    90% {
        transform: scale3d(1, 0.5, 1) translate3d(0, -15px, 0);
        ;
        transform-origin: 0% 50%;
    }

    100% {
        opacity: 1;
    }
}

.link--mneme {
    font-family: aktiv-grotesk-extended, sans-serif;
    font-size: 0.875rem;
    text-transform: uppercase;
}

.link--mneme::before {
    height: 100%;
    top: 0;
    opacity: 0;
}

.link--mneme:hover::before {
    opacity: 1;
    animation: coverUp 0.3s ease forwards;
}

@keyframes coverUp {
    0% {
        transform-origin: 50% 100%;
        transform: scale3d(1, 0.045, 1);
    }

    50% {
        transform-origin: 50% 100%;
        transform: scale3d(1, 1, 1);
    }

    51% {
        transform-origin: 50% 0%;
        transform: scale3d(1, 1, 1);
    }

    100% {
        transform-origin: 50% 0%;
        transform: scale3d(1, 0.045, 1);
    }
}

.link--mneme::after {
    content: '';
    transition: opacity 0.3s;
}

.link--mneme:hover::after {
    opacity: 0;
}

.link--iocaste {
    overflow: hidden;
    padding: 7px 0;
}

.link__graphic {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    fill: none;
    stroke: #000;
    stroke-width: 1px;
}

.link__graphic--slide {
    top: -3px;
    stroke-width: 2px;
    transition: transform 0.7s;
    transition-timing-function: cubic-bezier(0, 0.25, 0.5, 1);
}

.ts-link-btn:hover .link__graphic--slide {
    transform: translate3d(-66.6%, 0, 0);
}

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

.link__graphic--stroke path {
    stroke-dasharray: 1;
    stroke-dashoffset: 1;
}

.ts-link-btn:hover .link__graphic--stroke path {
    stroke-dashoffset: 0;
}

.link__graphic--arc {
	top: 73%;
	left: -23%;
}

.link__graphic--arc path {
    transition: stroke-dashoffset 0.4s cubic-bezier(0.7, 0, 0.3, 1);
}

.ts-link-btn:hover .link__graphic--arc path {
    transition-timing-function: cubic-bezier(0.8, 1, 0.7, 1);
    transition-duration: 0.3s;
}

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

.link__graphic--scribble {
    top: 100%;
}

.link__graphic--scribble path {
    transition: stroke-dashoffset 0.6s cubic-bezier(0.7, 0, 0.3, 1);
}

.ts-link-btn:hover .link__graphic--scribble path {
    transition-timing-function: cubic-bezier(0.8, 1, 0.7, 1);
    transition-duration: 0.3s;
}

.link--eirene {
    font-family: europa, sans-serif;
    font-weight: bold;
}

.link--eirene::before {
    height: 4px;
    border-radius: 20px;
    transform: scale3d(1, 1, 1);
    transition: transform 0.2s, opacity 0.2s;
    transition-timing-function: cubic-bezier(0.2, 0.57, 0.67, 1.53);
}

.link--eirene:hover::before {
    transition-timing-function: cubic-bezier(0.8, 0, 0.1, 1);
    transition-duration: 0.4s;
    opacity: 1;
    transform: scale3d(1.2, 0.1, 1);
}

.link--eirene span {
    transform: translate3d(0, -0px, 0);
    display: inline-block;
    transition: transform 0.2s 0.05s cubic-bezier(0.2, 0.57, 0.67, 1.53);
}

.link--eirene:hover span {
    transform: translate3d(0, 0, 0);
    transition-timing-function: cubic-bezier(0.8, 0, 0.1, 1);
    transition-duration: 0.4s;
    transition-delay: 0s;
}
/* COLORED BUTTON */
.ts-button{
	position:relative;
	z-index:999;
	gap:5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
	overflow: hidden;
}
.ts-button::before, 
.ts-button::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	z-index:-1;
}
.button--pan {
	overflow: hidden;
}

.button--pan span {
	position: relative;
	/* mix-blend-mode: difference; */
}

.button--pan::before {
	content: '';
	background: #000;
transform: translate3d(0, -100%, 0);
transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1);
}

.button--pan:hover::before {


		transform: translate3d(0, 0%, 0);
}

.button--hyperion {
	overflow: hidden;
}

.button--hyperion span {
	display: block;
	position: relative;
}

.button--hyperion > span {
	overflow: hidden;
}

.button--hyperion > span > span {
	overflow: hidden;
	/* mix-blend-mode: difference; */
}

.button--hyperion:hover > span > span {
	animation: MoveUpInitial 0.2s forwards, MoveUpEnd 0.2s forwards 0.2s;
}

@keyframes MoveUpInitial {
	to {
		transform: translate3d(0,-105%,0);
	}
}

@keyframes MoveUpEnd {
	from {
		transform: translate3d(0,100%,0);
	}
	to {
		transform: translate3d(0,0,0);
	}
}

.button--hyperion::before {
	content: '';
	background: #000;
	transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1);
	transform-origin: 100% 50%;
}

.button--hyperion:hover::before {
	transform: scale3d(0,1,1);
	transform-origin: 0% 50%;
}

.button--mimas {
	text-transform: uppercase;
	letter-spacing: 0.05rem;
	font-weight: 700;
	font-size: 0.85rem;
	border-radius: 0.5rem;
	overflow: hidden;
	color: #fff;
	background: #e7e7e7;
}

.button--mimas span {
	position: relative;
	/* mix-blend-mode: difference; */
}

.button--mimas::before {
	content: '';
	background: #000;
	width: 120%;
	left: -10%;
	transform: skew(30deg);
	transition: transform 0.4s cubic-bezier(0.3, 1, 0.8, 1);
}

.button--mimas:hover::before {
	transform: translate3d(100%,0,0);
}

.button--atlas {
	font-family: signo, sans-serif;
	font-weight: 500;
}
.button--atlas:hover .ts-d-text,
.button--atlas:hover i,
.button--atlas:hover svg,
.button--atlas:hover img {
	opacity: 0;
}
.button--atlas > span {
	display: inline-block;
}

.button--atlas:hover > span {
	opacity: 0;
}

.btn-marquee {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	overflow: hidden;
	pointer-events: none;
	    height: 100%;
}

.btn-marquee__inner {
	width: fit-content;
	display: flex;
	position: relative;
	--offset: 1rem;
	--move-initial: calc(-25% + var(--offset));
	--move-final: calc(-50% + var(--offset));
	transform: translate3d(var(--move-initial), 0, 0);
	animation: marquee 1s linear infinite;
	animation-play-state: paused;
	opacity: 0;
	gap:5px;
}

.button--atlas:hover .btn-marquee__inner {
	animation-play-state: running;
	opacity: 1;
	transition-duration: 0.4s;
	    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.btn-marquee span {
	text-align: center;
	white-space: nowrap;
}

@keyframes marquee {
	0% {
		transform: translate3d(var(--move-initial), 0, 0);
	}

	100% {
		transform: translate3d(var(--move-final), 0, 0);
	}
}

.button--kari {
	font-family: freight-display-pro, serif;
	font-weight: 900;
	font-size: 1.25rem;
	border-radius: 50%;
	border: 2px solid #000;
}

.button--kari > span {
	display: inline-block;
	transition: opacity 0.1s;
}

.button--kari:hover > span {
	opacity: 0;
}

.button--kari .marquee {
	transform: rotate(-2.75deg);
}

.button--kari:hover .marquee__inner {
	animation-play-state: running;
	opacity: 1;
	transition-duration: 0.6s;
}

.button--pandora {
	background: #000;
	font-weight: 700;
	padding: 0;
	border-radius: 5px;
}

.button--pandora span {
	display: block;
	background: #a7a7a7;
	padding: 1.5rem 2rem;
	border: 1px solid #000;
	border-radius: 5px;
	transform: translate3d(-4px, -4px, 0);
	transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1);
}

.button--pandora:hover span {
	transform: translate3d(-8px, -8px, 0);
}

.button--anthe {
	font-family: bely-display, sans-serif;
	background: none;
}

.button--anthe::before {
	content: '';
	background: #000;
	-webkit-clip-path: polygon(0% 0%, 100% 0, 100% 50%, 100% 100%, 0% 100%);
	clip-path: polygon(0% 0%, 100% 0, 100% 50%, 100% 100%, 0% 100%);
	transition: clip-path 0.4s cubic-bezier(0.2, 1, 0.8, 1), -webkit-clip-path 0.4s cubic-bezier(0.2, 1, 0.8, 1);
}

.button--anthe:hover::before {
	background: #000;
	-webkit-clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
	clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
}

.button--anthe span {
	display: block;
	/* mix-blend-mode: difference; */
	transition: transform 0.4s cubic-bezier(0.2, 1, 0.8, 1);
}

.button--anthe:hover span {
	transform: translate3d(-10px,0,0);
}

.button--telesto {
	overflow: hidden;
}

.button--telesto span {
	display: block;
	position: relative;
	z-index: 1;
}

.button--telesto > span {
	overflow: hidden;
	/* mix-blend-mode: difference; */
}

.button--telesto:hover > span > span {
	animation: MoveRightInitial 0.1s forwards, MoveRightEnd 0.3s forwards 0.2s;
}

@keyframes MoveRightInitial {
	to {
		transform: translate3d(105%,0,0);
	}
}

@keyframes MoveRightEnd {
	from {
		transform: translate3d(-100%,0,0);
	}
	to {
		transform: translate3d(0,0,0);
	}
}

.button--telesto::before,
.button--telesto::after {
	content: '';
	background: #000;
}

.button--telesto::before {
	width: 135%;
	-webkit-clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 0% 0%);
	clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 0% 0%);
	transform: translate3d(-100%,0,0);
}

.button--telesto:hover::before {
	transform: translate3d(0,0,0);
	transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1);
}

.button--telesto::after {
	width: 105%;
	transform: translate3d(100%,0,0);
	transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1);
}

.button--telesto:hover::after {
	transform: translate3d(0,0,0);
	transition: transform 0.01s 0.3s cubic-bezier(0.7, 0, 0.2, 1);
}

.button--calypso {
	overflow: hidden;
    display: inline-flex;
    position: relative;
    align-items: center;
    justify-content: center;
    gap: 5px;
	position:relative;
}

.button--calypso span {
	display: block;
	position: relative;
	/* mix-blend-mode: difference; */
	z-index: 10;
}

.button--calypso:hover span {
	animation: MoveScaleUpInitial 0.3s forwards, MoveScaleUpEnd 0.3s forwards 0.3s;
}

@keyframes MoveScaleUpInitial {
	to {
		transform: translate3d(0,-105%,0) scale3d(1,2,1);
		opacity: 0;
	}
}

@keyframes MoveScaleUpEnd {
	from {
		transform: translate3d(0,100%,0) scale3d(1,2,1);
		opacity: 0;
	}
	to {
		transform: translate3d(0,0,0);
		opacity: 1;
	}
}

.button--calypso::before {
	content: '';
	background: #000;
	width: 120%;
	height: 0;
	padding-bottom: 120%;
	top: -110%;
	left: -10%;
	border-radius: 50%;
	transform: translate3d(0,68%,0) scale3d(0,0,0);
}

.button--calypso:hover::before {
	transform: translate3d(0,0,0) scale3d(1,1,1);
	transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
}

.button--calypso::after {
	content: '';
	background: #000;
	transform: translate3d(0,-100%,0);
	transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
}

.button--calypso:hover::after {
	transform: translate3d(0,0,0);
	transition-duration: 0.05s;
	transition-delay: 0.4s;
	transition-timing-function: linear;
}

.button--skoll {
	overflow: hidden;
}

.button--skoll span {
	display: block;
	position: relative;
}

.button--skoll > span {
	overflow: hidden;
	/* mix-blend-mode: difference; */
}

.button--skoll:hover > span > span {
	animation: MoveUpInitial 0.2s forwards, MoveUpEnd 0.2s forwards 0.2s;
}

.button--skoll::before {
	content: '';
	background: #000;
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	border-radius: 0%;
	transform: translate3d(0,0,0);
	transition: transform 0.8s;
	transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
	    top: -100px;
}

.button--skoll:hover::before {
	transform: translate3d(0,100px,0);
}

.button--greip {
	overflow: hidden;
	color: #fff;
	font-weight: 500;
	padding: 1rem 2rem;
}

.button--greip span {
	display: block;
	position: relative;
}

.button--greip > span {
	overflow: hidden;
	/* mix-blend-mode: difference; */
}

.button--greip:hover > span > span {
	animation: MoveUpInitial 0.2s forwards, MoveUpEnd 0.2s forwards 0.2s;
}

.button--greip::before {
	content: '';
	background: #000;
	width: 100%;
	height: 100%;
	transform-origin: 50% 100%;
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	transition: clip-path 0.2s, -webkit-clip-path 0.2s;
	transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
}

.button--greip:hover::before {
	transition-duration: 0.3s;
	-webkit-clip-path: polygon(0 0, 100% 0, 0 0, 0% 100%);
	clip-path: polygon(0 0, 100% 0, 0 0, 0% 100%);
}

.button--helene {
	border-radius: 7px;
	border: 1px solid #000;
	font-weight: 900;
	font-style: normal;
	text-transform: uppercase;
	font-size: 0.85rem;
	padding: 0 3rem;
	height: 4rem;
}

.button--helene::before {
	content: '';
	top: 10px;
	left: 10px;
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	background: rgba(0,0,0,0.5);
	filter: blur(7px);
	border-radius: 7px;
	z-index: -1;
	transform: translate3d(0,15px,0);
	transition: transform 0.45s;
}

.button--helene:hover::before {
	transform: translate3d(0,0,0);
}

.button--helene span {
	display: block;
}

.button--helene > span {
	height: 100%;
	overflow: hidden;
	line-height: 4rem;
}

.button--helene:hover > span > span {
	animation: slotMachine 0.15s ease-out forwards 3;
}

@keyframes slotMachine {
	50% {
		transform: translate3d(0,100%,0);
		opacity: 0;
	}
	51% {
		transform: translate3d(0,-100%,0);
		opacity: 0;
	}
	100% {
		transform: translate3d(0,0,0);
		opacity: 1;
	}
}

.button--rhea {
	font-weight: 900;
	font-style: normal;
	width: 180px;
	height: 180px;
	color: #000;
	background: none;
}

.button--rhea::before {
	content: '';
	z-index: -1;
	background: #e7e7e7;
	-webkit-clip-path: polygon(20% 30%, 0 30%, 0 50%, 0 70%, 20% 70%, 50% 70%, 80% 70%, 100% 70%, 100% 50%, 100% 30%, 80% 30%, 50% 30%);
	clip-path: polygon(20% 30%, 0 30%, 0 50%, 0 70%, 20% 70%, 50% 70%, 80% 70%, 100% 70%, 100% 50%, 100% 30%, 80% 30%, 50% 30%);
	transition: clip-path 0.4s cubic-bezier(0.3, 1, 0.2, 1), -webkit-clip-path 0.4s cubic-bezier(0.3, 1, 0.2, 1), transform 0.4s cubic-bezier(0.3, 1, 0.2, 1), background 0.4s ease;
}

.button--rhea:hover::before {
	background: #000;
	transform: scale3d(0.7,0.7,1);
	-webkit-clip-path: polygon(30% 10%, 10% 30%, 30% 50%, 10% 70%, 30% 90%, 50% 70%, 70% 90%, 90% 70%, 70% 50%, 90% 30%, 70% 10%, 50% 30%);
	clip-path: polygon(30% 10%, 10% 30%, 30% 50%, 10% 70%, 30% 90%, 50% 70%, 70% 90%, 90% 70%, 70% 50%, 90% 30%, 70% 10%, 50% 30%);
}

.button--rhea span {
	display: block;
	transition: transform 0.4s cubic-bezier(0.3, 1, 0.2, 1), opacity 0.05s;
}

.button--rhea:hover span {
	transform: scale3d(0.1,0.1,1);
	opacity: 0;
	transition-delay: 0s, 0.35s;
}

.button--hati {
	border-radius: 50%;
	overflow: hidden;
	border: 2px solid;
	background: none;
	font-weight: 900;
	font-style: italic;
}

.button--hati:hover {
	background: none;
}

.button--hati::before {
	animation: rotateIt 10s linear infinite;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAUElEQVQoU3VPSQ4AMQiS/z/aBiMNNDNeXEBQoDL66dkG52/hzlmsSqMKrAVCoOXuxR3TFVSIIJmzsFvGOMlust3iivmQd/6+3/NlN4paIOEADPIUD/MQvy0AAAAASUVORK5CYII=);
	content: '';
	width: 300%;
	height: 300%;
	top: -100%;
	left: -100%;
	z-index: -1;
	opacity: 0;
	transform-origin: 50% 50%;
	transition: opacity 0.3s;
}

@keyframes rotateIt {
  to {
  	transform: rotate(-360deg);
  }
}

.button--hati:hover::before {
	opacity: 0.7;
}

.button--hati span {
	display: block;
	position: relative;
	z-index: 1;
}

.button--bestia {
	color: #fff;
	background: none;
	padding: 0;
}

.button--bestia .button__bg {
	top: 0;
	left: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 0.85rem;
	overflow: hidden;
	transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
	    z-index: -1;
}

.button--bestia:hover .button__bg {
	transform: scale3d(1.2,1.2,1);
}

.button--bestia .button__bg::before,
.button--bestia .button__bg::after {
	content: '';
	position: absolute;
	background: #000;
}

.button--bestia .button__bg::before {
	width: 110%;
	height: 0;
	padding-bottom: 110%;
	top: 50%;
	left: 50%;
	border-radius: 50%;
	transform: translate3d(-50%,-50%,0) scale3d(0,0,1);
}

.button--bestia:hover .button__bg::before {
	transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
	transform: translate3d(-50%,-50%,0) scale3d(1,1,1);
}

.button--bestia .button__bg::after {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: opacity 0.3s;
}

.button--bestia:hover .button__bg::after {
	opacity: 1;
	transition-duration: 0.01s;
	transition-delay: 0.3s;
}

.button--bestia span {
	display: block;
	/* mix-blend-mode: difference; */
}
.button--surtur {
	padding: 0;
	background: none;
	-webkit-clip-path: circle(40% at 50% 50%);
	clip-path: circle(40% at 50% 50%);
}

.button--surtur:focus-visible {
	background: #443ffc;
}

.textcircle {
	position: relative;
	display: block;
	width: 200px;
}

.textcircle text {
	font-size: 32px;
	text-transform: uppercase;
	fill: #000;
}

.textcircle textPath {
	letter-spacing: 17px; /* Firefox needs this */
}

.button--surtur:hover .textcircle {
	animation: rotateIt 7s linear infinite;
}

.eye {
	position: absolute;
	z-index: 2;
	width: 60px;
	height: 60px;
	top: calc(50% - 30px);
	left: calc(50% - 30px);
}

.eye__outer,
.eye__inner,
.eye__lashes-up,
.eye__lashes-down {
	stroke: #000;
	fill: none;
	stroke-width: 1.5px;
}

.eye__lashes-down {
	opacity: 0;
}

.button--surtur:hover .eye__lashes-up,
.button--surtur:hover .eye__inner,
.button--surtur:hover .eye__iris {
	animation: blinkHide 2s step-end infinite;
}

.button--surtur:hover .eye__lashes-down {
	animation: blinkShow 2s step-end infinite;
}

@keyframes blinkHide {
	0% {
		opacity: 0;
	}
	10% {
		opacity: 1;
	}
}

@keyframes blinkShow {
	0% {
		opacity: 1;
	}
	10% {
		opacity: 0;
	}
}

.button--fenrir {
	background: none;
	padding: 0;
	-webkit-clip-path: circle(50% at 50% 50%);
	clip-path: circle(50% at 50% 50%);
	width: 120px;
	height: 120px;
	font-family: aktiv-grotesk-extended, sans-serif;
    font-weight: 700;
	text-transform: uppercase;
	font-size: 0.85rem;
}

.progress {
	position: absolute;
	width: 80px;
	height: 80px;
	top: calc(50% - 40px);
	left: calc(50% - 40px);
	transition: transform 0.4s cubic-bezier(0.7, 0, 0.3, 1);
}

.button--fenrir:hover .progress {
	transform: scale3d(1.2, 1.2, 1);
}

.progress__circle,
.progress__path {
	fill: none;
	stroke: #f0f0f0;
	stroke-width: 1px;
}

.button--fenrir:focus-visible .progress__circle {
	fill: rgba(252,196,63,0.4);
}

.progress__path {
	stroke: #a6a6a6;
    stroke-dasharray: 1;
    stroke-dashoffset: 1;
    transition: stroke-dashoffset 0.4s cubic-bezier(0.7, 0, 0.3, 1);
}

.button--fenrir:hover .progress__path {
    stroke-dashoffset: 0;
}
/*======================
Shape
======================*/
.clip-path-1
{
clip-path: polygon(0 var(--cut), var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%);
    --cut: 20px;
}
/*======================
# Hr
======================*/
.ts-box-shadow-1{
    box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 20px 1.64px inset, rgba(77, 77, 77, 0.13) 0px 0.839802px 0.503881px -0.3125px, rgba(77, 77, 77, 0.13) 0px 1.99048px 1.19429px -0.625px, rgba(77, 77, 77, 0.13) 0px 3.63084px 2.1785px -0.9375px, rgba(77, 77, 77, 0.13) 0px 6.03627px 3.62176px -1.25px, rgba(77, 77, 77, 0.13) 0px 9.74808px 5.84885px -1.5625px, rgba(77, 77, 77, 0.13) 0px 15.9566px 9.57398px -1.875px, rgba(77, 77, 77, 0.13) 0px 27.4762px 16.4857px -2.1875px, rgba(77, 77, 77, 0.13) 0px 50px 30px -2.5px;
}
/*======================
# Hr
======================*/
hr:not([size]) {
  margin: 0;
  border-color: var(--primary-color);
  opacity: 1;
  border-width: 1px;
}
/*======================
# Input
======================*/
input[type=text],
input[type=email],
input[type=tel],
input[type=search],
input[type=number],
input[type=password],
input[type=date],
textarea {
  color: var(--dark-color);
  font-size: var(--body-font-size);
  font-style: normal;
  font-weight: var(--regular-font);
  line-height: var(--default-line-height);
  outline: none;
  background: var(--white-color);
  width: 100%;
  height:38px;
  padding-left: 20px;
  padding-right: 20px;
  border:1px solid var(--accent-color);
  border-radius:var(--theme-radius);
}
textarea {  height: auto;}
input[type=text]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=date]:-ms-input-placeholder,
textarea:-ms-input-placeholder { /* IE 10+  Edge*/
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  color: var(--text-color);
}
input[type=text]::placeholder,
input[type=email]::placeholder,
input[type=tel]::placeholder,
input[type=number]::placeholder,
input[type=password]::placeholder,
input[type=date]::placeholder,
textarea::placeholder { /* MODERN BROWSER */
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  color: var(--text-color);
}
input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=date]:focus,
textarea:focus {
	font-size: var(--body-font-size);
}

input[type=date i]::-webkit-calendar-picker-indicator {
  filter: brightness(0) invert(1);
  opacity: 0.8;
}
/*======================
# Image
======================*/
img {
  transition: 0.3s;
  vertical-align:bottom;
  border:0;
  object-fit: cover;
}
/*======================
# HEADING
======================*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--ts-secondary-font); 
  margin-bottom:20px;
  line-height:100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {line-height:unset; color:#000;} 
h1 {font-size:60px;}
h2 {font-size:40px;}
h3 {font-size:30px;}
h4 {font-size:24px;}
h5 {font-size:20px;}
h6 {font-size:18px;}
.b-heading-font {font-size:var(--box-heading-font);}
.uppercase{text-transform:uppercase;}
strong{font-weight:var(--strong-font);}

/*========================================================================
# Theme Core 
========================================================================*/
/* ===== Scrollbar CSS ===== */
html::-webkit-scrollbar {
  width:10px;
}
 
html::-webkit-scrollbar-track {
  background: var(--box-bg-color, var(--e-global-color-e270e83)); 
  border-radius:0px;
}
 
html::-webkit-scrollbar-thumb {
  border-radius: 0px;
  background: var(--primary-color);
  border: 0px solid var(--dark-color);
}
.lenis.lenis-smooth {
  scroll-behavior: auto;
}
.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}
.lenis.lenis-stopped {
  overflow: hidden;
}
.lenis.lenis-scrolling iframe {
  pointer-events: none;
}
@media (min-width: 1200px) {
.container, .container-lg, .container-md, .container-sm, .container-xl {
max-width: var(--container-size) !important;
}
}
.br-1 {border:1px solid var(--primary-color);}
.br-2 {border:2px solid var(--primary-color);}
.br-3 {border:3px solid var(--primary-color);}
.br-4 {border:4px solid var(--primary-color);}
.br-5 {border:5px solid var(--primary-color);}
.br-4 {border-radius:4px!important;}
.br-10{border-radius:10px!important;}
.br-15{border-radius:15px!important;}
.br-20{border-radius:20px!important;}
.br-25{border-radius:25px!important;}
.br-30{border-radius:30px!important;}
.br-35{border-radius:35px!important;}
.br-40{border-radius:40px!important;}
.br-45{border-radius:45px !important;}
.br-50{border-radius:50px!important;}
.br-55{border-radius:55px !important;}
.br-60{border-radius:60px!important;}
.br-65{border-radius:65px !important;}
.br-70{border-radius:70px!important;}
.br-75{border-radius:75px !important;}
.br-80{border-radius:80px !important;}
.br-85{border-radius:85px !important;}
.br-round {border-radius: 50%;}
.ml-0 {margin-left:0px!important;}
.ml-5 {margin-left:5px!important;}
.ml-10 {margin-left:10px!important;}
.ml-15 {margin-left:15px!important;}
.ml-20 {margin-left:20px!important;}
.ml-30 {margin-left:30px!important;}
.ml-40 {margin-left:40px!important;}
.ml-50 {margin-left:50px!important;}
.ml-60 {margin-left:60px!important;}
.mr-0 {margin-right:0px!important;}
.mr-5 {margin-right:5px!important;}
.mr-10 {margin-right:10px!important;}
.mr-20 {margin-right:20px!important;}
.mr-30 {margin-right:30px!important;}
.mr-40 {margin-right:40px!important;}
.mr-50 {margin-right:50px!important;}
.mr-60 {margin-right:60px!important;}
.mt-0 {margin-top:0px!important;}
.mt-5 {margin-top:5px!important;}
.mt-10 {margin-top:10px!important;}
.mt-15 {margin-top:15px!important;}
.mt-20 {margin-top:20px!important;}
.mt-30 {margin-top:30px!important;}
.mt-40 {margin-top:40px!important;}
.mt-50 {margin-top:50px!important;}
.mt-60 {margin-top:60px!important;}
.mt-90 {margin-top:90px!important;}
.mt-120 {margin-top:120px!important;}
.mb-10 {margin-bottom:10px!important;}
.mb-20 {margin-bottom:20px!important;}
.mb-30 {margin-bottom:30px!important;}
.mb-40 {margin-bottom:40px!important;}
.mb-50 {margin-bottom:50px!important;}
.mb-60 {margin-bottom:60px!important;}
.mb-90 {margin-bottom:90px!important;}
.mb-120 {margin-bottom:120px!important;}
.p-0  {padding:0px!important;}
.p-5  {padding:5px!important;}
.p-10 {padding:10px!important;}
.p-15 {padding:15px!important;}
.p-20 {padding:20px!important;}
.p-30 {padding:30px!important;}
.p-40 {padding:40px!important;}
.p-50 {padding:50px!important;}
.p-60 {padding:60px!important;}
.pt-0 {padding-top:0px!important;}
.pt-5 {padding-top:5px!important;}
.pt-10 {padding-top:10px!important;}
.pt-15 {padding-top:15px!important;}
.pt-20 {padding-top:20px!important;}
.pt-30 {padding-top:30px!important;}
.pt-40 {padding-top:40px!important;}
.pt-50 {padding-top:50px!important;}
.pt-60 {padding-top:60px!important;}
.pt-70 {padding-top:70px!important;}
.pt-80 {padding-top:80px!important;}
.pt-90 {padding-top:90px!important;}
.pt-100 {padding-top:100px!important;}
.pt-110 {padding-top:110px!important;}
.pt-120 {padding-top:120px!important;}
.pl-0  {padding-left:0px!important;}
.pl-5  {padding-left:5px!important;}
.pl-10 {padding-left:10px!important;}
.pl-15 {padding-left:15px!important;}
.pl-20 {padding-left:20px!important;}
.pl-30 {padding-left:30px!important;}
.pl-40 {padding-left:40px!important;}
.pl-50 {padding-left:50px!important;}
.pl-60 {padding-left:60px!important;}
.pr-10 {padding-right:10px!important;}
.pr-20 {padding-right:20px!important;}
.pr-30 {padding-right:30px!important;}
.pr-40 {padding-right:40px!important;}
.pr-50 {padding-right:50px!important;}
.pr-60 {padding-right:60px!important;}
.pb-0  {padding-bottom:0px!important;}
.pb-5  {padding-bottom:5px!important;}
.pb-10 {padding-bottom:10px!important;}
.pb-15 {padding-bottom:15px!important;}
.pb-20 {padding-bottom:20px!important;}
.pb-30 {padding-bottom:30px!important;}
.pb-40 {padding-bottom:40px!important;}
.pb-50 {padding-bottom:50px!important;}
.pb-60 {padding-bottom:60px!important;}
.pb-70 {padding-bottom:70px!important;}
.pb-80 {padding-bottom:80px!important;}
.pb-90 {padding-bottom:90px!important;}
.pb-100 {padding-bottom:100px!important;}
.pb-110 {padding-bottom:110px!important;}
.pb-120 {padding-bottom:120px!important;}
.fw-100 {font-weight:100 !important;}
.fw-200 {font-weight:200 !important;}
.fw-300 {font-weight:300 !important;}
.fw-400 {font-weight:400 !important;}
.fw-500 {font-weight:500 !important;}
.fw-600 {font-weight:600 !important;}
.fw-700 {font-weight:700 !important;}
.fw-800 {font-weight:800 !important;}
.fw-900 {font-weight:900 !important;}
.fs-14 {font-size:14px !important;}
.fs-15 {font-size:15px !important;}
.fs-16 {font-size:16px !important;}
.fs-17 {font-size:17px !important;}
.fs-18 {font-size:18px !important;}
.fs-19 {font-size:19px !important;}
.fs-20 {font-size:20px !important;}
.fs-24 {font-size:24px !important;}
.fs-30 {font-size:30px !important;}
.fs-34 {font-size:34px !important;}
.fs-40 {font-size:40px !important;}
.fs-50 {font-size:50px !important;}
.fs-58 {font-size:58px !important;}
.t-sium-filter-gm{
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
.p-relative {position:relative;}
.p-a-vh-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.p-r-vh-center {
display:flex;
align-items:center;
justify-content:center;
}
.p-fixed {position:fixed;}
.p-static {position:static;}
.p-sticky {  position: -webkit-sticky;
  position: sticky; top:0;}
.p-b-center {
  position: absolute;
  bottom:0;
  left: 50%;
  transform: translate(-50%, -50%);
}
.of-hidden {overflow:hidden;}
.item-center {margin:0 auto;}
.t-sium-h-100 { height: 100%; }
.shadow {box-shadow: var(--box-shadow) !important;}
.shadow2 {box-shadow: var(--box-shadow2) !important;}
.shadow3 {box-shadow: var(--box-shadow3) !important;}
.t-sium-section-bg {
    background: var(--theme-bg-gradient)!important;
    background-image: var(--theme-bg-gradient-moz)!important;
    background-image: var(--theme-bg-gradient-webkit)!important;
    background-image: var(--theme-bg-gradient-ms)!important;
}
.t-sium-gradient {
    background-image: var(--theme-gradient-moz)!important;
    background-image: var(--theme-gradient-webkit)!important;
    background-image: var(--theme-gradient-ms)!important;
    background-image: var(--theme-gradient)!important;
}
.t-sium-section-bg-2 {
  background: linear-gradient( 90deg, rgb(253,241,245) 0%, rgb(255 255 255 / 0%) 100%)!important;
  background-image: -moz-linear-gradient( 90deg, rgb(253,241,245) 0%, rgb(255 255 255 / 0%) 100%)!important;
  background-image: -webkit-linear-gradient( 90deg, rgb(253,241,245) 0%, rgb(255 255 255 / 0%) 100%)!important;
  background-image: -ms-linear-gradient( 90deg, rgb(253,241,245) 0%, rgb(255 255 255 / 100%) 0%)!important;
}
.t-sium-overlay-1{
	background-color: #ececec;
  background-image: repeating-linear-gradient(45deg, #fffa 0 1px, transparent 1px 30px), repeating-linear-gradient(-45deg, #fffa 0 1px, transparent 1px 30px);
}
.t-sium-section-bg-3{
    background-image: radial-gradient(125% 125% at 50% 10%, #fff 40%, #e2fbe5 100%);	
}
.t-sium-main-container
{position:relative; overflow-x:hidden;}
.ts-page-block-container
{padding:0px 0;}
.single-post .section-padding,
.ts-page-block-container .woocommerce{
	padding:60px 0;
}
/*======================
# BG Style
======================*/
.grid-bg:before
{
background:#f7f9f6;
    background-color: #faf2f1;
    background-image: linear-gradient(rgba(0, 0, 0, 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 0, 0, 0.03) 1px, transparent 1px);
	    background-image: linear-gradient(0deg, rgba(245, 246, 248, 0.50) 0%, rgba(245, 246, 248, 0.50) 100%);
    background-size: 24px 24px;
}
/*======================
# Parallax
======================*/
section .img-container {
  width: 100%;
  padding-top: 80%;
  position: relative;
  overflow: hidden;
  border-radius: 32px;
}
section .img-container img {
  width: auto;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%) scale(1.4);
  transform-origin: 50% 50%;
}
/*======================
# Icon Box
======================*/
.t-sium-icon-box {position:relative;}
.t-sium-icon-box h2{font-size:24px; margin-bottom:0;}
.t-sium-icon-with-title {margin-bottom:20px;}
.t-sium-icon-box .t-sium-icon.small {font-size:14px;}
.t-sium-icon-box .t-sium-icon.medium {font-size:20px;}
.t-sium-icon-box .t-sium-icon.large {font-size:34px;}
.t-sium-icon-box .t-sium-icon.x-large {font-size:60px;}
.t-sium-icon-box .t-sium-icon.small img,
.t-sium-icon-box .t-sium-icon.small svg{width:18px;height:18px;}
.t-sium-icon-box .t-sium-icon.medium img,
.t-sium-icon-box .t-sium-icon.medium svg{width:25px;height:25px;}
.t-sium-icon-box .t-sium-icon.large img,
.t-sium-icon-box .t-sium-icon.large svg{width:34px;height:34x;}
.t-sium-icon-box .t-sium-icon.x-large img
.t-sium-icon-box .t-sium-icon.x-large svg{width:60px;height:60px;}
.t-sium-icon-box .t-sium-icon.fill-white svg path{fill:#ffffff !important;}
.t-sium-icon-box .t-sium-icon.stroke-white svg stroke{fill:#ffffff !important;}
.t-sium-icon-box .t-sium-icon.fill-color{fill:#ffffff !important;}
.t-sium-icon-box .t-sium-icon.bg-colored {background:var(--primary-color);}
.t-sium-icon-box .t-sium-icon.small.bg-colored {width:30px;height:30px;}
.t-sium-icon-box .t-sium-icon.medium.bg-colored {width:45px;height:45px;}
.t-sium-icon-box .t-sium-icon.large.bg-colored {width:60px;height:60px;}
.t-sium-icon-box .t-sium-icon.x-large.bg-colored {width:75px;height:75px;}
.t-sium-icon-box-content p {margin-bottom:0;}
.fill-white svg path{fill:#ffffff !important;}
.stroke-white svg path{stroke:#ffffff !important;}
.fill-theme svg path{fill:var(--primary-color) !important;}
.stroke-theme svg path{stroke:var(--primary-color) !important;}
.backdrop-filter{
backdrop-filter: blur(10px);
background-color: rgba(255, 255, 255, 0.3);	
-webkit-backdrop-filter: blur(10px); 
}
.height-fix {
	    min-height: 190px;
}
/*======================
# Text Totater
======================*/

/*======================
# Ticker
======================*/
.t-sium-ticker {
    width: 100%;
    overflow-x: hidden;
    white-space: nowrap;
    display: inline-block;
	position:relative;
	z-index:99;
}
.t-sium-ticker li {
    list-style: none;
    margin: 0 3em 0 0;
    padding: 0;
    display: inline-flex;
	align-items:center;
	justify-content:center;
}
.t-sium-ticker li h2 {color:var(--dark-color);font-size:6em;line-height:initial;}
.t-sium-ticker li i {font-size:0.6em;}
.t-sium-ticker span {
    display: inline-block;
}
.t-sium-ticker .t-sium-ticker-items{
    display: inline-flex;
}
/*======================
# Effect
======================*/
.t-sium-eff-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;	
}

.magnetic,
.tilt-card,
.parallax-layer {
    transition: all 0.3s ease;
    will-change: transform;
}
      .parallax-stage {
        position: relative;
        height: 240px;
        border-radius: 24px;
        overflow: hidden;
        background: linear-gradient(160deg, rgba(21, 26, 32, 0.9), rgba(11, 13, 16, 0.9));
        border: 1px solid rgba(240, 234, 223, 0.08);
      }

      .parallax-layer {
        position: absolute;
        border-radius: 18px;
        border: 1px solid rgba(240, 234, 223, 0.12);
        background: rgba(244, 185, 66, 0.08);
        backdrop-filter: blur(8px);
      }

      .parallax-layer.one {
        width: 200px;
        height: 120px;
        top: 30px;
        left: 8%;
        background: rgba(244, 185, 66, 0.12);
      }

      .parallax-layer.two {
        width: 180px;
        height: 160px;
        top: 60px;
        right: 12%;
        background: rgba(75, 216, 164, 0.12);
      }

      .parallax-layer.three {
        width: 140px;
        height: 80px;
        bottom: 28px;
        left: 38%;
        background: rgba(255, 107, 74, 0.12);
      }

      .tilt-grid {
        display: grid;
        gap: 1.4rem;
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      }

      .tilt-card {
        position: relative;
        border-radius: 22px;
        padding: 1.6rem;
        min-height: 180px;
        background: linear-gradient(160deg, rgba(21, 26, 32, 0.9), rgba(10, 12, 14, 0.85));
        border: 1px solid rgba(240, 234, 223, 0.12);
        box-shadow: 0 18px 40px rgba(0, 0, 0, 0.4);
        overflow: hidden;
      }

      .tilt-card h3 {
        margin: 0 0 0.5rem;
        font-size: 1.1rem;
      }

      .tilt-card p {
        margin: 0;
        color: var(--ink-1);
        line-height: 1.5;
      }

      .tilt-card .chip {
        display: inline-flex;
        padding: 0.3rem 0.7rem;
        border-radius: 999px;
        font-size: 0.75rem;
        text-transform: uppercase;
        letter-spacing: 0.12em;
        background: rgba(244, 185, 66, 0.14);
        border: 1px solid rgba(244, 185, 66, 0.4);
        color: var(--accent-1);
        margin-bottom: 0.8rem;
      }

/*======================
# Marquee
======================*/
.ts-marquee-wrapper[data-mode="vertical"] .swiper-slide{
    height: auto;
}

/*======================
# Odometer
======================*/
/* HIDE DEFAULT CURSOR */
[data-cursor],
.ts-active-cur {
    cursor: none;
}

/* DOT */
.ts-cursor-dot {
    position: fixed;
    top: 0;
    left: 0;
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 50%;
    pointer-events: none;
    z-index: 10001;
    transform: translate(-50%, -50%);
    mix-blend-mode: difference;
}

/* BLOB */
.ts-cursor-blob {
    position: fixed;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    background: rgba(255,255,255,0.5);
    border-radius: 50%;
    pointer-events: none;
    z-index: 10000;
    transform: translate(-50%, -50%);
    will-change: transform, width, height;
}

/* TEXT */
.ts-cursor-text {
    position: fixed;
    top: 0;
    left: 0;
    transform: translate(-50%, -50%);
padding: 20px;  
border-radius:6px;
    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 12px;
    font-weight: 600;
    color: #fff;
    pointer-events: none;
    z-index: 10002;
    opacity: 0;
max-width: 120px;
white-space: normal;
    text-align: center;
	 line-height: 1;letter-spacing: 0.5px;
}

.ts-cursor-text.show {
    opacity: 1;
}
.ts-cursor {
    position: fixed;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 999999 !important;
    transform: translate(-50%, -50%);
	
}

.ts-cursor-inner {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    background: rgba(0,0,0,0.6);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
	text-align:center;
	line-height: 100%;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    transition: all .25s ease;
}

/* VIDEO */
.ts-cursor-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* TEXT MODE */
.ts-cursor.text .ts-cursor-inner {
    width: auto;
    padding: 20px 26px;
    border-radius: 30px;
}

/* IMAGE MODE */
.ts-cursor.image .ts-cursor-inner {
    background-size: cover;
    background-position: center;
}
/* TEXT (big pill) */
.ts-cursor.text .ts-cursor-inner {
    width: 90px;
    height: 90px;
    padding: 10px 16px;
    border-radius: 50%;
}

/* ICON (circle) */
.ts-cursor.icon .ts-cursor-inner {
    width: 80px;
    height: 80px;
    border-radius: 50%;
}

/* IMAGE */
.ts-cursor.image .ts-cursor-inner {
    width: 100px;
    height: 100px;
}

/* VIDEO */
.ts-cursor.video .ts-cursor-inner {
    width: 100px;
    height: 100px;
}
.ts-cursor-inner {
    transition: all 0.25s ease;
}
.ts-cursor.icon .ts-cursor-inner i {
    font-size: 24px;
}
.ts-cursor.icon .ts-cursor-inner {
    background: rgba(0,0,0,0.8);
    color: #fff;
    transform: scale(1.1);
}
.ts-cursor-text {
    display: none !important;
}

[data-cursor-type="icon"],
[data-cursor-type="text"],
[data-cursor-type="video"],
[data-cursor-type="image"]
{
	cursor:none;
}
.ts-cursor {
    opacity: 0;
}

.ts-cursor.active {
    opacity: 1;
}
.ts-posts-slider .swiper-wrapper {
    display: flex;
}
.ts-posts-slider {
    width: 100%;
    overflow: hidden;
}

.ts-posts-slider .swiper-wrapper {
    display: flex;
}

.ts-posts-slider .swiper-slide {
    width: auto;
}
.elementor-editor-active .ts-posts-slider {
    min-width: 1px;
}
.ts-posts-slider {
    width: 100%;
    overflow: hidden;
}

.ts-posts-slider .swiper-wrapper {
    display: flex;
}

.ts-posts-slider .swiper-slide {
    flex-shrink: 0;
}

/*========================================================================
# Navbar
========================================================================*/ 
.ts-page-loading,
.ts-page-loading body{overflow:hidden !important;}
.page-loading .ts-header,
.ts-page-loading .ts-header{
    opacity: 0;
    visibility: hidden;
	max-height:40px;
}
.o-page-loader {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: opacity .5s;
    background: rgb(44,62,80);
    z-index: 9999999 !important;
}

.o-page-loader--content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
}

.o-page-loader--spinner {
    width: 40px;
    height: 40px;
    background-color: rgb(255,255,255);
    margin: 20px auto;
    animation: rotate-plane 1.2s infinite ease-in-out;
    -webkit-animation: rotate-plane 1.2s infinite ease-in-out;
}

.o-page-loader--message {
    color: rgb(255,255,255);
    font-weight: bold;
    font-size: 18px;
    font-family: 'Arial', sans-serif;
}

.o-page-loader--message .tsium-logo-wrap .dot {
  -webkit-animation: dotRotate 4.8s linear infinite;
          animation: dotRotate 4.8s linear infinite;
}
.o-page-loader--message .tsium-logo-wrap .dot:before {
 position:absolute;
  content: '';
  top: -42px;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-radius: 50%;
  background-color: #f35635;
  -webkit-animation: dotEffect 1.2s ease-in-out infinite;
          animation: dotEffect 1.2s ease-in-out infinite;
}
@-webkit-keyframes dotEffect {
  50% {
    top: 102px;
  }
  0%, 50%, 100% {
    transform: scale(1);
  }
  25% {
    transform: scale(0.5);
  }
  75% {
    transform: scale(1.5);
  }
}
@keyframes dotEffect {
  50% {
    top: 102px;
  }
  0%, 50%, 100% {
    transform: scale(1);
  }
  25% {
    transform: scale(0.5);
  }
  75% {
    transform: scale(1.5);
  }
}
@-webkit-keyframes dotRotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes dotRotate {
  100% {
    transform: rotate(360deg);
  }
}
/* --------------------------------------------------------------------------- */
/* Animation - Loading Spinner
/* --------------------------------------------------------------------------- */

@-webkit-keyframes rotate-plane {
    0% {
        -webkit-transform: perspective(120px)
    }
    50% {
        -webkit-transform: perspective(120px) rotateY(180deg)
    }
    100% {
        -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)
    }
}

@keyframes rotate-plane {
    0% {
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
    }
    50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
    }
    100% {
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    }
}
.sk-cube-grid {
  width: 40px;
  height: 40px;
  margin: 100px auto;
}

.sk-cube-grid .sk-cube {
  width: 33%;
  height: 33%;
  background-color: #333;
  float: left;
  -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
          animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; 
}
.sk-cube-grid .sk-cube1 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.sk-cube-grid .sk-cube2 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.sk-cube-grid .sk-cube3 {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s; }
.sk-cube-grid .sk-cube4 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.sk-cube-grid .sk-cube5 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.sk-cube-grid .sk-cube6 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.sk-cube-grid .sk-cube7 {
  -webkit-animation-delay: 0s;
          animation-delay: 0s; }
.sk-cube-grid .sk-cube8 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.sk-cube-grid .sk-cube9 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }

@-webkit-keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1); 
  }
}

@keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1);
  } 
}
.t-sium-header {
    position:fixed;
    width:100%;  
    z-index: 9999 !important;
    transition: all 0.5s;
	top: var(--ts-header-top, 0px);
	background:var(--ts-header-bg, rgba(255,255,255,0.0));
}

.t-sium-header.sticked {
    position: fixed;
    top: 0;
    right: 0;
    left: 0; 
    padding: 10px 0;
	background:var(--ts-bg-sticked, rgba(255,255,255,0.6));
}
.sticky-nav {
	/* box-shadow:var(--menu-box-shadow); */
    background:var(--white-color);
    -webkit-backdrop-filter: blur(32px);
    backdrop-filter: blur(32px);
}
.t-sium-header .t-sium-logo-e:after{
    position: absolute;
    content: "";
    left: -23px;
    top: 0;
    width: 123%;
    --p: 20px;
    height: 100%;
    /* aspect-ratio: 3 / 2; */
    clip-path: polygon(var(--p) 0, 100% 0, calc(100% - var(--p)) 100%, 0 100%);
    background: #ffffff;
    padding: 8px 30px;
    z-index: -1;
}
.t-sium-header .ts-site-logo{position: relative;}
.ts-site-logo-1st,
.ts-site-logo-2nd
 {width:170px;}
.t-sium-header .ts-site-logo-1st {max-height:60px; 
transform: translateY(0);
opacity: 1;
}
.logo-1st .ts-site-logo-1st {
  -webkit-animation: logoIn 0.5s;
          animation: logoIn 0.5s;
}
.logo-2nd .ts-site-logo-1st{
  -webkit-animation: logoOut 0.3s;
          animation: logoOut 0.3s;
  transform: translateY(-70px);
  opacity: 1;
}
.ts-site-logo-2nd{
  opacity: 0; display:none;
}
.logo-2nd .ts-site-logo-2nd{
  opacity: 1;display:block;
}
.logo-2nd .ts-site-logo-1st {display:none;}
@-webkit-keyframes logoIn {
  0% {
    opacity: 0;
    transform: translateY(-70px);
  }
  50% {
    transform: translateY(5px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes logoIn {
  0% {
    opacity: 0;
    transform: translateY(-70px);
  }
  50% {
    transform: translateY(5px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes logoOut {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  80% {
    opacity: 0;
  }
  100% {
    transform: translateY(-70px);
  }
}
@keyframes logoOut {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  80% {
    opacity: 0;
  }
  100% {
    transform: translateY(-70px);
  }
}

.logo-2nd .ts-site-logo-2nd {
  -webkit-animation: wordIn 0.3s;
          animation: wordIn 0.3s;
  opacity: 1;
  transform: translateY(0);
}
.logo-1st .ts-site-logo-2nd {
  -webkit-animation: wordOut 0.5s;
          animation: wordOut 0.5s;
  opacity: 0;
  transform: translateY(70px);
}

@-webkit-keyframes wordIn {
  0% {
    opacity: 0;
    transform: translateY(70px);
  }
  50% {
    transform: translateY(-4px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes wordIn {
  0% {
    opacity: 0;
    transform: translateY(70px);
  }
  50% {
    transform: translateY(-4px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes wordOut {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  80% {
    opacity: 0;
  }
  100% {
    transform: translateY(70px);
  }
}
@keyframes wordOut {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  80% {
    opacity: 0;
  }
  100% {
    transform: translateY(70px);
  }
}
.navbar {padding:0px 15px; border-radius:45px;}
.t-sium-header.add-bg .navbar {background:rgb(255,255,255,1);}
/*======================
# Dropdown menu
======================*/
 @media (min-width: 992px) {
.navbar .dropdown-mega {
position: static !important;
}	 

.t-sium-header .navbar .nav-item .dropdown-menu {
      min-width: 195px;
      display: block;
      border: none;
      left: 0%;
      opacity: 0;
      visibility: hidden;
      transition: .5s;
      width: auto;
	  z-index:1;
	  box-shadow:var(--box-shadow);
  }
.t-sium-header .navbar .dropend > .dropdown-menu {left: 100%;}
.t-sium-header .navbar .dropend:hover > .dropdown-menu {
position: absolute;
top: 0 !important;
left: 100%;
}
.t-sium-header  .navbar-nav .dropstart > .dropdown-menu,
.t-sium-header  .navbar-nav .dropstart:hover > .dropdown-menu
{
position: absolute;
top: 0;
right: 100%;
left: auto;
}
.t-sium-header .navbar .nav-item.dropdown-mega .dropdown-menu
{
width: 100%;
left: 0%!important;
}
.t-sium-header .navbar .nav-item .dropdown-menu li:hover > ul,
.t-sium-header .navbar .nav-item:hover > .dropdown-menu {
visibility: visible;
transition: .5s;
opacity: 1;
padding-top: 20px;
}
.navbar-collapse.collapse.show {
  max-height: 380px;
  overflow-y: auto;
}
}

/* =============== end =============== */

.t-sium-header .navbar a {
	font-size:var(--menu-font-size); 
	color:var(--dark-color);
}
.t-sium-header .navbar-nav > .nav-item:hover .nav-link,
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
color:var(--primary-color);
}
.t-sium-header .navbar h6 {
font-weight:bold; padding:15px; border-bottom:1px solid #eee;
}
.t-sium-header .dropdown-menu {
background:var(--primary-color);
border: none; 
padding:20px; 
min-width: 200px;
transition: all 0.4s cubic-bezier(0.93, 0.88, 0.1, 0.8);
border-radius: 0.5rem;
}
.t-sium-header .navbar .dropdown-menu a {
padding:8px 0px; 
color:var(--white-color);
border:none;
}
.t-sium-header .navbar .dropdown-menu a:hover {
color:var(--white-color);
}
.t-sium-header .navbar .dropdown-menu a:active,
.t-sium-header .navbar .dropdown-menu a:hover,
.t-sium-header .navbar .dropdown-menu a.active:hover
{
background:none;
background-color: transparent ;
opacity:0.6;
}

/* Multi-level submenu positioning */
.t-sium-header .dropdown-submenu {
position: relative;
}
.t-sium-header .dropdown-submenu .dropdown-menu {
      top: 0;
      left: 100%;
	  display: none;
}
.t-sium-header .dropdown-submenu:hover > .dropdown-menu {
      display: block;
}

.list-group-item {border:none;}	
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.t-sium-header .nav-link i,
.t-sium-header .dropdown-item i{
    margin-right:8px;
    font-size:14px;
}
/*========================================================================
# Breadcrumb
========================================================================*/
.t-sium-breadcrumb {
padding:90px 0 50px;
background:#f1f1f1;
text-align:center;
}
.t-sium-breadcrumb-banner{
    position: relative;
    min-height: 100px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
}

.t-sium-breadcrumb-banner::before{
    content: "";
    position: absolute;
    inset: 0;
    background: var(--overlay-color, rgba(0,0,0,0));
    z-index: 1;
}

.t-sium-breadcrumb-banner .container{
    position: relative;
    z-index: 2;
}
.t-sium-breadcrumb-title h1
{
	font-size: 45px;
	line-height:100%; 
	margin-bottom:10px;
	color: var(--heading-color, var(--dark-color));
}
.tq_breadcrumbs a {
color: var(--breadcrumb-link-color, var(--dark-color));
}
.tq_breadcrumbs span {
color: var(--breadcrumb-color, var(--dark-color));	
}
.breadcrumb-trail 
{
    display: flex;
    color: #000;
    text-align: center;
    align-items: center;
    justify-content: center;
}
.trail-items {color:#000; display:flex; gap:15px}
.trail-items li{font-size: 12px;}
.breadcrumb-trail {display:flex;color:#000;}
.breadcrumb-trail span{color:#000;}
/*========================================================================
# Section
========================================================================*/
/*==================================
# Tab/Elementor Tab
==================================*/
.ts-bs-tab-style-1
{width:100%;}
/* Tab Content Base */
.nav-tabs
{gap:10px;    border: none !important;}
.ts-bs-tab-style-1 .nav .nav-link
{
border-radius:4px !important; color:#fff;background:var(--accent-color);	
border:none;
}
.ts-bs-tab-style-1 .nav .nav-link.active
{
color:#000;	
background:color-mix(in srgb, var(--primary-color) 10%, transparent);	
border:none;
}
/* Tabs wrapper */
.elementor-tab-content {
    display: block !important;
    overflow: hidden !important;

    opacity: 0;
    transform: translateY(20px);
    max-height: 0;

    transition:
        opacity .4s ease,
        transform .4s ease,
        max-height .5s ease;
}

/* Active */

/* FIX WRAPPER */
.e-n-tabs-content{
    display:block !important;
    max-height:none !important;
    opacity:1 !important;
    overflow:visible !important;
}

/* Individual tab panels */
.e-n-tab-content{
    overflow:hidden;
    opacity:0;
    transform:translateY(20px);
    max-height:0;

    transition:
        max-height .5s ease,
        opacity .4s ease,
        transform .4s ease;
}

/* Active */
.e-n-tab-content[aria-hidden="false"]{
    opacity:1;
    transform:translateY(0);
    max-height:3000px;
}
/*==================================
# MASK
==================================*/
.border-styler-1 {
  mask: radial-gradient(40px at 40px 40px,#0000 98%,#000) -40px -40px;
}
.circle-cut {
  --r: 50px; /* cut size */
  height: 100%;
  border-radius: 20px;
  background: #F07818;
  mask: radial-gradient(var(--r) at left,#0000 calc(100% - 1px),#000);
  position: absolute;
}
.inverted-radius {
  --r: 20px; /* the radius */
  --s: 30px; /* size of inner curve */
  --x: 20px; /* horizontal offset (no percentage) */
  --y: 10px; /* vertical offset (no percentage) */
  border-radius: var(--r);
  --_m:/calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%,#0000 72%);
  --_g:conic-gradient(at calc(100% - var(--r)) var(--r),#0000 25%,#000 0);
  --_d:(var(--s) + var(--r));
  mask:
    calc(100% - var(--_d) - var(--x)) 0 var(--_m),
    100% calc(var(--_d) + var(--y)) var(--_m),
    radial-gradient(var(--s) at 100% 0,#0000 99%,#000 calc(100% + 1px)) 
     calc(-1*var(--r) - var(--x)) calc(var(--r) + var(--y)),
    var(--_g) calc(-1*var(--_d) - var(--x)) 0,
    var(--_g) 0 calc(var(--_d) + var(--y));
  mask-repeat: no-repeat;
}
.inverted-radius-2 {
  --r: 20px; /* the radius */
  --s: 30px; /* size of inner curve */
  --x: 20px; /* horizontal offset (no percentage) */
  --y: 10px; /* vertical offset (no percentage) */
  border-radius: var(--r);
  --_m:/calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%,#0000 72%);
  --_g:conic-gradient(at var(--r) var(--r),#000 75%,#0000 0);
  --_d:(var(--s) + var(--r));
  mask:
    calc(var(--_d) + var(--x)) 0 var(--_m),
    0 calc(var(--_d) + var(--y)) var(--_m),
    radial-gradient(var(--s) at 0 0,#0000 99%,#000 calc(100% + 1px)) 
     calc(var(--r) + var(--x)) calc(var(--r) + var(--y)),
    var(--_g) calc(var(--_d) + var(--x)) 0,
    var(--_g) 0 calc(var(--_d) + var(--y));
  mask-repeat: no-repeat;
}
.inverted-radius-3 {
  --r: 20px; /* the radius */
  --s: 30px; /* size of inner curve */
  --x: 20px; /* horizontal offset (no percentage) */
  --y: 10px; /* vertical offset (no percentage) */
  
  width: 250px;
  aspect-ratio: 1;
  background: #3FB8AF;
  border-radius: var(--r);
  --_m:/calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%,#0000 72%);
  --_g:conic-gradient(from 180deg at var(--r) calc(100% - var(--r)),#0000 25%,#000 0);
  --_d:(var(--s) + var(--r));
  mask:
    calc(var(--_d) + var(--x)) 100% var(--_m),
    0 calc(100% - var(--_d) - var(--y)) var(--_m),
    radial-gradient(var(--s) at 0 100%,#0000 99%,#000 calc(100% + 1px)) 
     calc(var(--r) + var(--x)) calc(-1*var(--r) - var(--y)),
    var(--_g) calc(var(--_d) + var(--x)) 0,
    var(--_g) 0 calc(-1*var(--_d) - var(--y));
  mask-repeat: no-repeat;
}
.inverted-radius-4 {
  --r: 20px; /* the radius */
  --s: 30px; /* size of inner curve */
  --x: 20px; /* horizontal offset (no percentane) */
  --y: 10px; /* vertical offset (no percentage) */
  
  width: 250px;
  aspect-ratio: 1;
  background: #3FB8AF;
  border-radius: var(--r);
  --_m:/calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%,#0000 72%);
  --_g:conic-gradient(from 90deg at calc(100% - var(--r)) calc(100% - var(--r)),#0000 25%,#000 0);
  --_d:(var(--s) + var(--r));
  mask:
    calc(100% - var(--_d) - var(--x)) 100% var(--_m),
    100% calc(100% - var(--_d) - var(--y)) var(--_m),
    radial-gradient(var(--s) at 100% 100%,#0000 99%,#000 calc(100% + 1px)) 
     calc(-1*var(--r) - var(--x)) calc(-1*var(--r) - var(--y)),
    var(--_g) calc(-1*var(--_d) - var(--x)) 0,
    var(--_g) 0 calc(-1*var(--_d) - var(--y));
  mask-repeat: no-repeat;
}
.inverted-radius-5{
  border-radius: 20px;
  /* Mask out the four corners */
  mask-image: 
    radial-gradient(circle 20px at top left, transparent 100%, black 100%),
    radial-gradient(circle 20px at top right, transparent 100%, black 100%),
    radial-gradient(circle 20px at bottom left, transparent 100%, black 100%),
    radial-gradient(circle 20px at bottom right, transparent 100%, black 100%);
  mask-position: top left, top right, bottom left, bottom right;
  mask-repeat: no-repeat;
  mask-size: 50% 50%;	
}
.full-layout {width:100%;}
.full-layout-left {flex-direction: row-reverse;}
.t-sium-section-spacing {padding:90px 0; position:relative;}
.set-b-radius iframe {
border-radius:15px;
overflow:hidden;
margin-bottom:30px;
}
.set-b-radius {border-radius:15px;}
.t-sium-left-spacer {padding-left:60px;}
/* Plugin Heading */
.ts-inline-heading .ts-title{
font-size:48px;
line-height:1.3;
margin-bottom:0;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
}
.ts-inline-heading .ts-inline-media{
display:inline-flex;
margin:0 6px;
}
.ts-inline-heading .ts-inline-media img{
border-radius:10px;
}
.ts-inline-heading .ts-inline-icon{
display:inline-flex;
margin:0 6px;
}
.ts-inline-heading .ts-inline-text{
display:inline-block;
margin:0 6px;
font-weight:600;
}
/* Plugin Heading */
.t-sium-heading {
font-size:44px; 
font-weight:500;
}
.t-sium-sub-heading {
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    color: var(--primary-color);
    letter-spacing: 3px;
}
.t-sium-section-heading {position:relative;}
.t-sium-section-heading.heading-light .t-sium-heading,
.t-sium-section-heading.heading-light .t-sium-sub-heading,
.t-sium-section-heading.heading-light p
{color:#ffffff !important;}
.t-sium-section-heading.align-center {text-align:center;}
.t-sium-heading-spacer {margin-bottom:60px;}
.t-sium-section-heading-block.p-bottom-center {
position:absolute;
left:50%;
bottom:-50px;
transform: translate(-50%, -50%);
z-index:99;	
}

 @media only screen and (min-width : 481px) {
.row.equal-cols {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.row.equal-cols:before,
.row.equal-cols:after {
  display: block;
}

.row.equal-cols > [class*='col-'] {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.row.equal-cols > [class*='col-'] > * {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; 
}

}

/*======================
# Marquee
======================*/
.trading-marquee .bottom-link
{
display:none !important;	
}

/*======================
# About Us
======================*/
.t-sium-about-us-box img.about-img {
    border-radius: 220px;
    overflow: hidden;	
}
/*======================
# Why Choose Us
======================*/
.t-sium-why-choose-us-container{
position:relative;
z-index:99;
display:flex;
background:color-mix(in srgb, var(--primary-color), transparent 80%);
}
.t-sium-video-player:before {
content:"";
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
z-index:1;
	background:var(--dark-color);
opacity:0.2;
}
.t-sium-icon-box-style-1{
margin:0 auto;
}
.t-sium-icon-box-style-1.clean{
background-color:transparent;
padding:0px;
}
.t-sium-icon-box-style-1 .t-sium-box-icon {
background:var(--primary-color);
width:80px; height:80px;
}
.t-sium-icon-box-style-1 .t-sium-box-icon.small {
background:var(--primary-color);
width:40px; height:40px;
}
.t-sium-icon-box-style-1 .t-sium-box-icon.medium {
background:var(--primary-color);
width:60px; height:60px;
}
.t-sium-icon-box-style-1 .t-sium-box-icon.large {
background:var(--primary-color);
width:100px; height:100px;
}
.t-sium-icon-box-style-1 .t-sium-box-icon.dark-color {
background:var(--dark-color);
width:90px; 
height:90px;
}
.t-sium-icon-box-style-1 h2 {
font-size:18px;
font-weight: 600;
margin:0px 0 20px 20px;
text-align:left;
line-height: 24px;
margin-bottom:0;
}
.t-sium-icon-box-style-1.dark-text h2 {color:var(--dark-color)}
.t-sium-icon-box-style-1.white-text h2 {color:var(--white-color)}
.t-sium-icon-box-style-1 .t-sium-box-icon svg {width:50%;}
.t-sium-icon-box-style-1 .t-sium-box-icon svg path{
fill:var(--primary-color) !important;
}
.t-sium-icon-box-style-1 .t-sium-box-icon svg path{
fill:#fff !important;
}
.t-sium-icon-box-style-1 .t-sium-box-icon.icon-white svg path{
fill:#fff !important;
}

/*================================================================
# Elementor Addon
================================================================*/
/* ==========================
		  Popup
========================== */
.ts-image-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  z-index: 9999;
}

.ts-image-popup.active {
  opacity: 1;
  visibility: visible;
}
.ts-image-popup-inner {  background:#111; 
  padding:20px;}
.ts-image-popup img {
  max-width: 90%;
  max-height: 90%;
  object-fit: contain;
}

.ts-img-close {
  position: absolute;
  top: 20px;
  right: 30px;
  font-size: 30px;
  color: #fff;
  cursor: pointer;
}
.ts-img-popup {
  cursor: zoom-in;
}
.ts-image-popup img {
  transform: scale(0.9);
  transition: 0.3s;
}

.ts-image-popup.active img {
  transform: scale(1);
}

/* =======================
READMORE POPUP
======================= */
.ts-testi-readmore-popup{
    position:fixed !important;
    inset:0!important;
    z-index:99999;
    pointer-events:none;
}

.ts-testi-readmore-popup::before{
    content:'';
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.5);
    opacity:0;
    transition:.4s;
}

.ts-testi-readmore-popup.active{
    pointer-events:auto;
}

.ts-testi-readmore-popup.active::before{
    opacity:1;
}

.ts-testi-readmore-popup-inner{
    position:absolute;
    top:0;
    right:0;
    width:min(650px,100%);
    height:100vh;
    background:#fff;
    overflow:auto;
    padding:40px;
    transform:translateX(100%);
    transition:transform .45s cubic-bezier(.77,0,.18,1);
}

.ts-testi-readmore-popup.active .ts-testi-readmore-popup-inner{
    transform:translateX(0);
}

.ts-readmore-close{
    position:absolute;
    top:20px;
    right:20px;
    font-size:34px;
    cursor:pointer;
    line-height:1;
    z-index:2;
}

.ts-popup-top{
    display:flex;
    gap:25px;
    margin-bottom:30px;
}

.ts-popup-image{
    width: 140px;
    flex-shrink: 0;
    height: 140px;
    overflow: hidden;
}

.ts-popup-image img{
    width:100%;
	height:100%;
	object-fit:cover;
    border-radius:14px;
}
.ts-test-popup-name
{font-size: 20px;}
.ts-popup-socials{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:20px;
}

.ts-popup-social{
    display:inline-flex;
    align-items:center;
    gap:8px;
    text-decoration:none;
}

.ts-popup-social img{
    width:18px;
    height:18px;
    object-fit:contain;
}

.ts-popup-content{
    margin-top:30px;
    line-height:1.8;
}
.ts-popup-social{
    width:40px;
    height:40px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    border:1px solid #ddd;
}

.ts-popup-social .dashicons{
    font-size:18px;
    width:auto;
    height:auto;
}

.ts-popup-social img{
    width:18px;
    height:18px;
    object-fit:contain;
}
.ts-popup-social .ts-socials-list i,
.ts-popup-social .ts-socials-list i{
    font-size:18px;
    line-height:1;
}

.ts-popup-social .tts-socials-list img,
.ts-popup-social .ts-socials-list img{
    width:18px;
    height:18px;
    object-fit:contain;
}
@media(max-width:767px){

    .ts-popup-top{
        flex-direction:column;
    }

    .ts-popup-image{
        width:100%;
        max-width:220px;
    }

}


/*======================
# Services
======================*/
.t-sium-service-page-container
{position:relative;}
.t-sium-service-header-container
{}
.t-sium-service-cat-container {
    margin-top: -100px;
    background: #fff;
    z-index: 99;
    position: relative;
    border-radius: 15px;
    padding: 20px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    margin-bottom: 60px;	
	}
.t-sium-service-cat-image-container {
	display:flex;
	align-items:start;
	justify-content:center;
	flex-direction:column;
	position:relative;
}
.t-sium-service-cat-inner
{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:20px;
}
.t-sium-service-cat-image {
    width: 200px;
    height: 200px;
    margin-bottom: 30px;
    overflow: hidden;
    border-radius: 50%;
}
.t-sium-service-cat-image img{
  width: 100%;
    height: 100%;
object-fit:cover;
}
.t-sium-service-cat-icon

 {
  display: flex;
  align-items: center;
  justify-content:center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 90px;
  background: var(--box-bg-color, var(--e-global-color-e270e83));
  font-size: 12px;
  font-weight: 500;
  width: 65px;
  height: 65px;
  position: absolute;
bottom:20px;
right:0;
transition:0.3s;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.t-sium-service-cat-icon img{
  width:70%;
    height:70%;
object-fit:cover;
}
.t-sium-service-cat-content {display:flex;
align-items:start;
justify-content:center;
flex-direction:column;
}
.t-sium-service-cat-content .t-sium-service-category-title{
font-size:26px;	
}
.t-sium-service-cat-content .t-sium-service-category-desc{
margin-bottom:0;
}
.t-sium-service-box{position:relative; 
margin-bottom:30px;
background:var(--box-bg-color, var(--e-global-color-e270e83));
border-radius:var(--ts-service-radius);
overflow:hidden;
}

.t-sium-service-box .t-sium-service-box-img {
  transition: transform 0.3s ease;
  overflow:hidden;
}
.t-sium-service-box .t-sium-service-box-img img{
width:100%;
height:100%;
object-fit:cover;
}
.t-sium-service-box .t-sium-service-box-img.br-round { border-radius:var(--br-round);}
.t-sium-service-box .t-sium-service-box-img.small { width:100px; height:100px;}
.t-sium-service-box .t-sium-service-box-img.medium { width:150px;height:150px;}
.t-sium-service-box .t-sium-service-box-img.large { width:250px;height:250px;}
.t-sium-service-box .t-sium-service-box-img.full { width:100%;height:100%;}
.t-sium-service-box .t-sium-service-box-img.circle { border-radius:50%;}
.center.t-sium-service-box{text-align:center;}
.left.t-sium-service-box{text-align:left;}
.right.t-sium-service-box{text-align:right;}
.center.t-sium-service-box .t-sium-service-box-img{margin:0 auto;}
.left.t-sium-service-box{margin-left:auto;}
.right.t-sium-service-box{margin-right:auto;}
.t-sium-service-box .t-sium-entry-title,
.t-sium-service-box .t-sium-entry-title a{ font-size:16px; 
    line-height: 1.5;
font-weight:bold;
color:var(--dark-color);
margin:0px 0 10px;
}
.t-sium-service-box .t-sium-service-box-inner {padding:0px;}
.t-sium-service-box p {
    margin-bottom: 25px; 
}
.t-sium-service-box ul {margin:20px 0 40px 0;}
.t-sium-service-box li {padding:5px 5px 5px 0px;}
.t-sium-service-box li,
.t-sium-service-box li a {color:var(--primary-color);}
.ts-service-cat-btn {
margin: 5px 0 0 0;
    padding: 5px 20px;
    color: #fff;
    background: var(--primary-color);
    border-radius: 25px;
}
.ts-service-cat-btn:hover {
color:#fff;
padding:5px 20px;
border-radius:45px;
opacity:0.8;
}
.t-sium-service-box.style-2
{
background:#fff;
border-radius:8px;
overflow:hidden;
}
.t-sium-service-entry-content
{
padding:20px;
}
.t-sium-service-entry-content .t-sium-entry-title,
.t-sium-service-entry-content .t-sium-entry-title a {font-size:22px;}
.t-sium-service-box.style-2 .t-sium-service-box-img img
{
  -webkit-mask-image: url(../images/mask/shape-mask-2.svg);
  mask-image: url(../images/mask/shape-mask-2.svg);
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  -webkit-mask-position: center;  
}
.t-sium-service-box.style-3
{
background:#f2f2f2;
border-radius:0px 120px 0 120px;
overflow:hidden;
padding: 50px 0 20px;
box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
}
.t-sium-service-box.style-3 .t-sium-service-box-img img
{
  -webkit-mask-image: url(../images/mask/shape-mask-3.svg);
  mask-image: url(../images/mask/shape-mask-3.svg);
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  -webkit-mask-position: center;  
}
.t-sium-service-box.style-4
{
background:#f9f9f9;
border-radius:190px;
overflow:hidden;
    padding: 50px 0 20px;
box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
}
.t-sium-service-box.style-4 .t-sium-service-box-img img
{
  -webkit-mask-image: url(../images/mask/shape-mask-4.svg);
  mask-image: url(../images/mask/shape-mask-4.svg);
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  -webkit-mask-position: center;  
}
.t-sium-service-box.style-5
{
background:#f9f9f9;
border-radius:190px;
overflow:hidden;
    padding: 50px 0 20px;
box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
}
.t-sium-service-box.style-5 .t-sium-service-box-img img
{
  -webkit-mask-image: url(../images/mask/shape-mask-5.svg);
  mask-image: url(../images/mask/shape-mask-5.svg);
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  -webkit-mask-position: center;  
}
.t-sium-service-box.style-6{
background:#fff;
overflow:hidden;	
}
.t-sium-service-box.style-6 .t-sium-service-box-img
{border-radius:0 0 160px 160px;}
.t-sium-service-box.style-6 .t-sium-service-box-img img
{
  -webkit-mask-image: url(../images/mask/shape-mask-7.svg);
  mask-image: url(../images/mask/shape-mask-7.svg);
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  -webkit-mask-position: center;  
}
.t-sium-service-box.style-7
{
background:#f9f9f9;
border-radius:190px;
overflow:hidden;
    padding: 50px 0 20px;
box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
}
.t-sium-service-box.style-7 .t-sium-service-box-img img
{
  -webkit-mask-image: url(../images/mask/shape-mask-7.svg);
  mask-image: url(../images/mask/shape-mask-7.svg);
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  -webkit-mask-position: center;  
}
.t-sium-service-box.style-8 .t-sium-service-box-img img
{
  mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 70%, rgba(0,0,0,0) 100%);
  -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 70%, rgba(0,0,0,0) 100%);
}


/* ==========================
		  Popup
========================== */
.ts-image-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  z-index: 9999;
}

.ts-image-popup.active {
  opacity: 1;
  visibility: visible;
}
.ts-image-popup-inner {  background:#111; 
  padding:20px;}
.ts-image-popup img {
  max-width: 90%;
  max-height: 90%;
  object-fit: contain;
}

.ts-img-close {
  position: absolute;
  top: 20px;
  right: 30px;
  font-size: 30px;
  color: #fff;
  cursor: pointer;
}
.ts-img-popup {
  cursor: zoom-in;
}
.ts-image-popup img {
  transform: scale(0.9);
  transition: 0.3s;
}

.ts-image-popup.active img {
  transform: scale(1);
}

/* ==========================
		  Social
========================== */
.ts-socials-list{
    display: flex;
    align-items: center;
    justify-content: center;
}
.ts-socials-list a {
  margin-right: 10px;
  width:20px; height:20px;    
}
.ts-socials-list img {width:100%; height:auto;}
/* ==========================
		  Thumb
========================== */
.ts-thumb img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
}
/* ==========================
		  Contentd
========================== */
.ts-full-content {
  position: fixed;
  top: 0;
  right: -100%;
  width: 400px;
  height: 100%;
  background: #fff;
  z-index: 9999;
  transition: right 0.4s ease;
  box-shadow: -10px 0 30px rgba(0,0,0,0.1);
}

.ts-full-content.active {
  right: 0;
}

.ts-panel-inner {
  padding: 30px;
  overflow-y: auto;
  height: 100%;
}

.ts-close-btn {
  position: absolute;
  top: 15px;
  right: 20px;
  font-size: 24px;
  cursor: pointer;
}

.ts-readmore-btn {
  margin-top: 10px;
  cursor: pointer;
}
.ts-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.4);
  opacity: 0;
  pointer-events: none;
  transition: 0.3s;
}

.ts-overlay.active {
  opacity: 1;
  pointer-events: all;
}
/* Panel */
.ts-global-panel {
  position: fixed;
  top: 0;
  right: -100%;
  width: 480px;
  height: 100%;
  background: #fff;
  z-index: 9999;
}

.ts-panel-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.5);
  opacity: 0;
  pointer-events: none;
}

/*======================
# Woo Builder
======================*/
.t-sium-woo-builder .t-sium-products-filter
{
background:#f4f4f4;
padding:20px;
border-bottom:1px solid #111;	
}
.t-sium-woo-builder ul.products li.product, .woocommerce-page ul.products li.product
{
	width:100%;
	float:none;
	clear:both;
}
.t-sium-woo-builder .product_title {font-size:34px; line-height:1;}
.t-sium-section-breadcrumb {
	padding:15px 0;
	border-bottom:1px solid var(--primary-color);
	margin-bottom:30px;
}
.t-sium-woo-builder.woocommerce .woocommerce-breadcrumb {
    margin: 0;
    padding: 0;
}
.t-sium-woo-builder.woocommerce .quantity .qty {
    width: 45px;
    text-align: center;
    padding: 3px 0; border-radius:40px;
}
.t-sium-woo-builder.woocommerce  div.product form.cart div.quantity{
    border: none;
    background-color: #f7f7f7;
}
.t-sium-woo-builder.woocommerce  .quantity {
    display: flex;
    align-items: center;
    border: 1px solid #e5e5e5;
    width: fit-content;
}

.t-sium-woo-builder.woocommerce  .quantity .qty {
    width: 30px;
    height: 38px;
    border: 0;
	padding:0 5px;
    text-align: center;
    font-weight: 600;
    background: transparent;
}

.t-sium-woo-builder.woocommerce  .quantity button {
    width: 38px;
    height: 38px;
    border: 0;
	 color: #fff;
    background: var(--dark-color);
    font-weight: 700;
    cursor: pointer;
    transition: .3s;
}

.t-sium-woo-builder.woocommerce  .quantity button:hover {
    background: var(--primary-color);
    color: #fff;
}
.t-sium-woo-builder.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt
{
position:relative;
font-size:var(--body-font-size); 
display:inline-block;
border:none;
padding:12px 25px;
border-radius:var(--br-small);
transition:all .3s ease;
overflow:hidden;
z-index:99;
}
.t-sium-woo-builder.woocommerce  .woocommerce .star-rating {
    color: #f1c524;	
}
.t-sium-woo-builder.woocommerce div.product .woocommerce-tabs ul.tabs::before {
    border-bottom: 1px solid var(--theme-secondary-color);
}
.t-sium-woo-builder.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background: #fff;
    color: #515151;
    z-index: 2;
    border-bottom-color: transparent;
}
.t-sium-woo-builder.woocommerce div.product .woocommerce-tabs ul.tabs li,
.t-sium-woo-builder.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    border: 1px solid transparent;
    background-color:transparent;
    color: var(--text-color);
    display: inline-block;
    position: relative;
    z-index: 0;
    border-radius: 4px 4px 0 0;
    margin: 0 -5px;
    padding: 0 1em;
}
.t-sium-woo-builder.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.t-sium-woo-builder.woocommerce div.product .woocommerce-tabs ul.tabs li::after
 {
display:none;
}
.t-sium-woo-builder.woocommerce div.product .woocommerce-tabs .panel h2
{
	font-size:24px;
}
.t-sium-woo-builder.woocommerce div.summary .product_meta .posted_in {
    color: var(--primary-color);
}
.t-sium-woo-builder.woocommerce div.summary .pls-product-cat .posted_in a {
    color: var(--theme-secondary-accent);
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
}
.t-sium-woo-builder.woocommerce div.product  .ts-woo-show_price {
text-align:left;
font-size:15px; font-weight:bold;	
}
.t-sium-woo-builder.woocommerce div.product  .ts-woo-show_price .price ins {text-decoration:none;}
.t-sium-woo-builder.woocommerce div.product  del .woocommerce-Price-amount.amount {color:red;}
.t-sium-woo-builder.woocommerce div.product  ins .woocommerce-Price-amount.amount {color:var(--primary-color);}
.t-sium-woo-builder.woocommerce div.product  del .woocommerce-Price-amount.amount,
.t-sium-woo-builder.woocommerce div.product  ins .woocommerce-Price-amount.amount {
text-decoration:none; font-size:18px;
}
.t-sium-woo-builder.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, 
.t-sium-woo-builder.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, 
.t-sium-woo-builder.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, 
.t-sium-woo-builder.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .t-sium-woo-builder.woocommerce #respond input#submit, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .t-sium-woo-builder.woocommerce a.button, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .t-sium-woo-builder.woocommerce button.button, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .t-sium-woo-builder.woocommerce input.button
{
	color:#fff;
	background:var(--primary-color);
}
.t-sium-woo-builder.woocommerce span.onsale {
    background-color: #4CAF50;
}
.t-sium-woo-builder.woocommerce div.product p.stock {
    font-size: .92em;
    display: inline-block;
    padding: 5px 15px;
    background: red;
    color: #fff;
    border-radius: 5px;
}
.t-sium-woo-builder.woocommerce div.product div.images .flex-control-thumbs
{
    display: flex;
    flex-wrap: wrap;	
}
.t-sium-woo-builder.woocommerce div.product div.images .flex-control-thumbs li
{
    flex: 0 0 20%;
}
.t-sium-woo-builder.woocommerce div.product div.images .flex-control-thumbs li img{
    border-radius: 4px;
    padding: 0 15px;
	border:4px solid var(--primary-color);
}

/*===============================
# Hook remove
================================*/ 
.woocommerce-cart .cart-empty,
.wp-block-woocommerce-empty-cart-block
 {
    display: none !important;
}
.woocommerce-cart .woocommerce-notices-wrapper,
.woocommerce-cart .cart-empty {
    display: none!important;
}
/*========================================================================
# Blog
========================================================================*/ 
.t-sium-blog-spacing {padding-top:160px;}
.t-sium-blog-item {
    margin-bottom: 40px;
    height: 100%;
}
.t-sium-blog-item-single {
    height:auto
}
.t-sium-blog .t-sium-content-box-details{margin-top:20px;}
.t-sium-blog-item .t-sium-blog-image {max-height:200px; 
overflow:hidden;
margin-bottom:20px;
}
.t-sium-blog-item.t-sium-blog-item-single .t-sium-blog-image{
	max-height:auto;
}
.t-sium-blog-image{position:relative;}
.t-sium-blog-image img {width:100%; height:auto;
  object-fit: cover;     
  object-position: center;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
.t-sium-blog-item:hover .t-sium-blog-image img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.t-sium-blog-item .t-sium-blog-image::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.t-sium-blog-item .t-sium-blog-image:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}
.t-sium-blog .t-sium-blog-item  { margin-bottom: 30px;}
..t-sium-blog-item  .t-sium-blog-item-content h2 {
    font-size: 24px;
    font-weight: var(--strong-font);
}
.t-sium-blog-item  .t-sium-blog-entry-title {font-size:20px; margin-bottom:10px;}
.t-sium-blog-item blockquote {
   margin: 60px  auto;
   position:relative;
}

.t-sium-blog-item blockquote {
    position: relative;
    color: var(--primary-color);
    padding: 30px 0;
    width: 100%;
    max-width: 600px;
    z-index: 1;
    align-self: center;
    border-top: solid 1px;
    border-bottom: solid 1px;
}

.t-sium-blog-item blockquote p {
    position: relative;
    color: var(--primary-color);
    font-size: 20px;
    font-weight: 400;
    line-height: 1.5;
    margin: 0;
}

.t-sium-blog-item blockquote:after {
    position: absolute;
    content: "”";
    color: var(--primary-color);
    font-size: 10rem;
    line-height: 0;
    bottom: -43px;
    right: 30px;
}

.t-sium-blog-meta .t-sium-blog-meta-list {
display:block;
margin-top:5px;
margin-bottom:10px;
}
.t-sium-blog-meta-list li {display:inline-block;margin-right: 10px;}
.t-sium-blog-meta .t-sium-blog-meta-list span  {font-size:13px; color:var(--gray-color);display: flex;    align-items: center;}
.t-sium-blog-meta,
.t-sium-blog-meta a {color:var(--primary-color);font-size: 13px; }
.t-sium-blog-meta .t-sium-blog-meta-list .t-sium-blog-meta-category a {padding: 0 0 0 4px;}
.t-sium-autor-meta img{max-width:20px; max-height:20px; border-radius:50%; margin-right:0px;top: -3px;    position: relative;}
.t-sium-blog-meta .t-sium-blog-meta-list i {margin-right:5px;color:var(--primary-color);}
.t-sium-author-box{
    background: white;
    border-radius: 10px;
    padding: 20px;
    margin: 20px 0;
    transition: transform 0.2s;
    border: 1px solid color-mix(in srgb, var(--primary-color) 20%, transparent);
}
.t-sium-author-box img{width:80px; height:80px; margin-right:20px;}
.t-sium-author-info span{font-size:10px; font-weight:600; text-transform:uppercase;}
.t-sium-author-info h4 {margin-top:5px;font-size:18px; font-weight:800;color:var(--primary-color);}

.t-sium-widget,
.widget {
	padding:25px;
	margin-bottom:30px; 
	position:relative; 
	background:var(--white-color);
margin-left:20px;
	}
.full-layout-left .t-sium-widget,
.full-layout-left.widget {
margin-left:0px;
margin-right:20px;	
}
.wp-block-heading,
.t-sium-widget-title,
.widget-title {
	padding-left:25px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    font-size:20px;
    position:relative;
    font-weight:var(--strong-font);
    border-bottom: 1px solid var(--theme-light-color);
}
.t-sium-widget .wp-block-heading::before,
.widget-title::before {
    content: '\F3CF';
    font-family: bootstrap-icons !important;
    position: absolute;
    left: -3px;
	top: 3px;
    font-size: 20px;
    line-height: 20px;
    color: var(--primary-color);
    font-weight: normal;
}
.t-sium-widget .wp-block-search__button {padding-left:15px; }
.t-sium-widget-area .wp-block-latest-posts.wp-block-latest-posts__list li
{
	min-height:50px;
padding-left:50px;	
    line-height: 1.2;
margin-bottom: 20px;
    border-bottom: 1px solid var(--theme-light-color);
    display: flex;
    flex-direction: column;
}
.t-sium-widget-area .wp-block-latest-posts.wp-block-latest-posts__list li:last-child
{
margin-bottom: 0px;
    border-bottom: 0px solid var(--theme-light-color);	
}
.t-sium-widget-area .wp-block-latest-posts__post-title {
    margin-bottom: 5px;
    display: block;
}
.t-sium-widget-area .wp-block-latest-posts .wp-block-latest-posts__featured-image,
.t-sium-widget-area .t-sium-latest-posts .wp-block-latest-posts__featured-image
{
width:40px;	
height:auto;
position:absolute;
left:25px;
margin-right: 10px;
border-radius: 8px;
overflow: hidden;
}
.wp-block-latest-posts__post-author,
.wp-block-latest-posts__post-date {
    float: left;
}
.wp-block-latest-posts__post-date:after {
    clear:both;
}
.wp-block-latest-posts__read-more,
.wp-block-latest-posts__post-date,
.wp-block-latest-posts__post-author
{
	font-size: 11px;
    color: #919191;
    margin-right: 10px;
}
.wp-block-latest-posts__post-excerpt, .wp-block-latest-posts__post-full-content {
    margin-top: 5px;
    font-size: 14px;
    line-height: 1.5;
    float: none;
    clear: both;
}
.t-sium-entry-content.dropcap:first-letter { 
font-family: "Source Sans Pro", Arial, Helvetica, sans-serif; 
float: left; font-size: 6rem; 
line-height: 0.65; 
margin: 0.1em 0.1em 0.2em 0; 
}
.t-sium-entry-footer-post {
	margin-bottom:40px;
	padding:15px;
	background:#fff;
    border-radius: 8px;
    font-size: 13px;
    display: flex;
    gap: 15px;
}
.t-sium-entry-footer {
	text-align:center;
}
.t-sium-post-navigation {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.t-sium-post-navigation .nav-previous,
.t-sium-post-navigation .nav-next {
    width: 48%;
}

.t-sium-post-navigation a {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
}

.nav-thumb img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 6px;
}
.t-sium-quote p {
    font-size: 18px;
    font-weight: 600;
    border-left: 3px solid var(--primary-color);
    padding-left: 20px;
}
.t-sium-author-block {
	position:relative; 
	display:flex;
	gap:20px;
    background: #fff;
    border-radius: 15px;
    padding: 20px;
    margin: 30px 0;
}
.t-sium-author-block .t-sium-author-img {    flex-basis: 120px;}
.t-sium-author-img img {
    border-radius: 50%;
    width:60px;
    height:60px;
}
.t-sium-author-block h3 {
    font-size: 18px;
}
.t-sium-blog-comments { margin:40px 0 0;}
.t-sium-comments {
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 20px;
    transition: transform 0.2s; 
}
.t-sium-comment-wrapper {position:relative;}
.t-sium-comments ol li,
.t-sium-comments ul li{
    padding-bottom: 20px;
    margin-bottom: 40px;
    border-bottom: 1px solid color-mix(in srgb, var(--primary-color) 20%, transparent);
    border-radius: 0;
}
.comment-respond .comment-reply-title,
.t-sium-comments h2{font-size:20px;}
.t-sium-comments .t-sium-comment-author img {
width:100%; height:auto;
border-radius:50%;
}
.t-sium-comment-wrapper .t-sium-comment-meta {
    font-size: 13px;
    color: #727272;
}
.t-sium-comment-wrapper .comment-reply-link {
    position: absolute;
    top: 0;
    right: 0;
    background: var(--primary-color);
    color: #fff;
    font-size: 12px;
    padding: 0 15px;
    border-radius: 15px;
}
.t-sium-comment-input {
    border-radius: 4;
    padding: 5px 20px;
    border: 1px solid color-mix(in srgb, var(--primary-color) 20%, transparent);
    transition: all 0.3s;
    margin-bottom:20px;
}

.t-sium-comment-input:focus {
    box-shadow: none;
    border-color: color-mix(in srgb, var(--primary-color) 20%, transparent);
}

.t-sium-comment-actions {
    font-size: 0.9rem;
    display:flex;
    gap:5px;
}

.t-sium-comment-actions a {
    color: #6c757d;
    text-decoration: none;
    margin-right: 15px;
    transition: color 0.2s;
    display: flex;
    gap: 5px;
}

.t-sium-comment-actions a:hover {
    color: var(--primary-color);
}

.t-sium-comment-time {
    color: #adb5bd;
    font-size: 0.85rem;
}

.t-sium-reply-section {
    margin-left: 60px;
    border-left: 2px solid #e9ecef;
    padding-left: 20px;
}
.t-sium-pagination-block {margin:30px 0}
.t-sium-widget  {
padding:25px; 
border-radius:var(--theme-br);
}


.wp-block-latest-comments,
.wp-block-archives-list,
.wp-block-categories-list
 {    
display: block;
margin:0;
padding:0;
}
.wp-block-latest-comments li a,
.wp-block-archives-list li a,
.wp-block-categories-list li a {
    display:block; 
padding: 10px 0px 10px 0px;
    display: block;
    position: relative;
    border-radius: 0;
    font-size: var(--body-font);
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    margin:5px 0;
    border-bottom: 1px solid #0a122e0d;
}
.wp-block-latest-comments li a:last-child,
.wp-block-archives-list li:last-child a,
.wp-block-categories-list li:last-child a {
    border-bottom: 1px solid transparent;
}   
.wp-block-latest-comments li a::before,
.wp-block-archives-list li a::before,
.wp-block-categories-list li a::before {
    position: absolute;
    content: '\f135';
    font-family: bootstrap-icons !important;
    right: 10px;
    left: auto;
    width: 25px;
    height: 25px;
    top: 7px;
    border-radius: 50%;
    line-height: 25px;
    font-size: 18px;
    text-align: center;
    transition: all .5s ease-in-out;
    color:var(--primary-color);
}
.wp-block-latest-comments a:hover::before,
.wp-block-archives-list a:hover::before,
.wp-block-categories-list li a:hover {    
color:var(--primary-color);
}
.wp-block-latest-comments a:hover::before,
.wp-block-archives-list a:hover::before,
.wp-block-categories-list a:hover::before {
    background:var(--primary-color);
    color:#fff;
    right: 0px; 
    }
.wp-block-latest-comments li.active a::before,
.wp-block-archives-list li.active a::before,
.wp-block-categories-list li.active a::before {
    background:var(--primary-color);
    color:#fff;
    transform: translate3d(0px, 0px, 0px) rotateZ(0deg);
	}
.t-sium-pagination .nav-links {display:flex; gap:10px;}
.t-sium-pagination .nav-links span,
.t-sium-pagination .nav-links a {width:25px; height:25px; 
display:flex;
align-items:center;
justify-content:center;
background:var(--primary-color);
color:#fff;
    border-radius: 50px;
}
.t-sium-pagination .nav-links a.next.page-numbers,
.t-sium-pagination .nav-links a.prev.page-numbers
 {width:auto; padding:0 15px;}
 .t-sium-pagination .nav-links span.page-numbers.current {
	 background:var(--white-color);
	 color:var(--primary-color);
box-shadow:var( --box-shadow);
	 }
/*========================================================================
# Footer
========================================================================*/
.t-sium-footer {
background:var(--primary-color);	
color:#fff;
position: relative;
}
.t-sium-footer-block h2 {color:#fff; font-size:20px}
.t-sium-footer-block p{color:#fff;}
.t-sium-list-items li a {
display: flex;
color: #fff;
padding: 10px 0;
align-items: center; 
}
.t-sium-list-items li a i {
    width: 28px;
    height: 28px;
	margin-right:10px;
    border:1px solid #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.t-sium-copyright {
color:#ffffff; 
font-size:12px;
text-align:center;
border-top: 1px solid #ffffff1c;
padding: 20px 0 0 0;
margin-top: 25px;
}
.t-sium-copyright p {margin-bottom:0;}
.t-sium-social-heading {font-size:16px;color:#fff; margin-bottom:0;}
.t-sium-social-list {padding:20px 30px; 
border-radius:30px; 
background:var(--text-color);
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -50%);
}
.t-sium-social-list,
.t-sium-social-list-items {gap:20px}
.t-sium-social-list,
.t-sium-social-items {color:#fff;}
/*========================================================================
# 404
========================================================================*/
.no-results.not-found,
.error-404.not-found
{
	padding:60px 0;
	text-align:center;
}
.error-404.not-found .search-field
{
border: 0 !important;
    border-bottom: 1px solid #ddd!important;
    border-radius: 0!important;
}
.t-sium-page-title {font-size:34px;    line-height: 100%;}
form.search-form { display:inline-flex;}
form.search-form input[type=submit]{line-height: 100%;}
.error-404 .page-header h1 {font-size:36px;}

/*========================================================================
# ScrollTop
========================================================================*/
.scrollTop {
  position: fixed;
  right: 20px;
  bottom: 10px;
background:var(--dark-color);
  border-radius:50%;
  width:50px;
  height:50px;
  line-height:50px;
  text-align:center;
  opacity: 0;
  transition: all 0.4s ease-in-out 0s;
  z-index:9999;
  box-shadow:var(--box-shadow);
}
.scrollTop a {
  color: #fff;font-size:30px;
  transition: all 0.5sease;
}
.scrollTop:hover {
    transform: scale(1.1) translateY(-10px);
}

@media screen and (max-width: 640px) 
{
.t-sium-home-slider-container .t-sium-slider-img-block img {
    width: auto;
    height: 100vh;
}
.t-sium-left-spacer-0 {padding-left:0;}

}