/*
Theme Name: TKR
Theme URI: https://bellop.io
Version: 1.0
Author: bellop.io
Author URI: https://bellop.io
*/

:root,
[data-bs-theme=light]{

	/* Defaults */
	--header-min-height: 65px;	

	/* Colors */
	--bs-heading-color: inherit; /* H1, H2 colors */

    --bs-body-color: #02332B;
    --bs-body-bg: #fff;

	--bs-primary:#00EFA2;
	--bs-primary-rgb: 0, 239, 162;

	--bs-secondary: #02332B;
	--bs-secondary-rgb: 2, 51, 43;

	--bs-tertiary: #C0F2BD;


    --bs-white: #fff;
    --bs-light: #f2f6f8;

    --bs-dark:#081F1A;
    --bs-dark-rgb: 8, 31, 26;

	--bs-black: #1A1A1A;
    


	--bs-gray: #cacaca;

	/* Links */
    --bs-link-color: #0d6efd;
    --bs-link-color-rgb: 13,110,253;
    --bs-link-decoration: underline;
    --bs-link-hover-color: #0a58ca;
    --bs-link-hover-color-rgb: 10,88,202;

    /* BS Borders */
    --bs-border-width: 1px;
/*    --bs-border-color: #fc3f50;*/
    --bs-border-radius: 50px;

    --font-display: 'Recoleta', serif;
  	--font-body: 'ChaletBook', sans-serif;
}

@media screen and (min-width:1200px){
	:root,
	[data-bs-theme=light]{
		--header-min-height: 72px;
	}
}

/* Animate */

@keyframes bounce{
	0% { transform: translate(0, 0); }
	50% { transform: translate(0, -100%); }
	100% { transform: translate(0, 0); }
}
@keyframes dropDown{
    0% {transform: scaleY(0);}
    80% {transform: scaleY(1.1);}
    100% {transform: scaleY(1);}
}
@keyframes slideInDown{
	from {transform: translate3d(0, -100%, 0);visibility: visible;}
	to {transform: translate3d(0, 0, 0);}
}
@keyframes fadeIn{
  from { opacity: 0; transform: translate3d(0, 10px, 0); }
  to   { opacity: 1; transform: translate3d(0, 0, 0); }
}
@keyframes fadeInUp{
	from { opacity: 0; transform: translate3d(0, 40px, 0); }
	to { opacity: 1; transform: translate3d(0, 0, 0); }
}
@keyframes fadeInLeft{
	from { opacity: 0; transform: translate3d(-40px, 0, 0); }
	to { opacity: 1; transform: translate3d(0, 0, 0); }
}
@keyframes fadeInRight{
	from { opacity: 0; transform: translate3d(40px, 0, 0); }
	to { opacity: 1; transform: translate3d(0, 0, 0); }
}
@keyframes zoomInUp {
	from { opacity: 0.8; transform: scale(1.15,1.15) rotate(.01deg); }
	to { opacity: 1; transform: scale(1, 1) rotate(.01deg); }
}

.wow{
	visibility: hidden;
	opacity: 0;
	animation-duration: 1s;
	animation-fill-mode: both;
	animation-timing-function: cubic-bezier(.25, .1, .25, 1);
	animation-play-state: paused;
	will-change: opacity, transform;
}
.wow.slow{
	animation-duration: 6s;
}
.wow.fadeIn{
	animation-duration: 1.3s;
	transform: translate3d(0, 8px, 0);
}
.wow.is-visible{
	visibility: visible;
	animation-play-state: running;
}

.fadeIn{ animation-name: fadeIn; }
.fadeInUp{ animation-name: fadeInUp; }
.fadeInLeft{ animation-name: fadeInLeft; }
.fadeInRight{ animation-name: fadeInRight; }
.zoomInUp{ animation-name: zoomInUp; }



.image:has(.zoomInUp){
	overflow: hidden;
}


/* Utilities */

.has-primary-color,
.text-primary{ 
	color: var(--bs-primary) !important; 
}

.has-secondary-color,
.text-secondary{ 
	color: var(--bs-secondary) !important; 
}

.has-primary-background-color,
.bg-primary{ 
	background: var(--bs-primary) !important; 
}

.has-secondary-background-color,
.bg-secondary{ 
	background: var(--bs-secondary) !important; 
}

.has-white-background-color,
.bg-white{
	background: var(--bs-white) !important; 
}

.has-dark-background-color,
.bg-dark{
	background: var(--bs-dark) !important; 
}

.has-black-background-color,
.bg-black{
	background: var(--bs-black) !important; 
}

.has-light-background-color,
.bg-light{
	background: var(--bs-light) !important;
}

/* 3. Structure */

html{
	scroll-behavior: smooth;
}

body{
	font-size: 16px;
	font-weight: 400;
	font-family: var(--font-body);
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	line-height: 1.2em;
}

@media screen and (min-width:1200px){
	body{
		font-size: 18px;
	}
}

/*body.header-fixed{
	padding-top: var(--header-min-height);
}*/

.noise {
	position: relative;
}
 .noise::before {
  content: '';
  position: absolute;
  inset: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.2'/%3E%3C/svg%3E");
  pointer-events: none;
  z-index: 1;
}

.noise * {
	z-index: 2;
}

.noise-dark{
	background: var(--bs-dark) url('assets/img/extras/noise-dark.webp'); 
 	background-repeat: repeat !important;
  	background-size: 220px 220px !important;
}

.font-display{
	font-family: var(--font-display);
}

a{
	color: inherit;
	text-decoration: none;
	transition: 0.3s all;
}

h1, h2, h3, h4, h5, h6{
	font-weight: 400;
	line-height: 1.1em;
	letter-spacing: -0.02em;
}

h1 { font-size: 30px; }
h2 { font-size: 28px; }
h3 { font-size: 24px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }

@media screen and (min-width: 992px) {
	h1 { font-size: 34px; }
	h2 { font-size: 30px; }
	h3 { font-size: 26px; }
	h4 { font-size: 22px; }
	h5 { font-size: 20px; }
	h6 { font-size: 18px; }
}

b, strong {
    font-weight: 700;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

.ratio-4x3 {
	aspect-ratio: 4 / 3;	
}
.ratio-4x3 img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}


@media screen and (min-width: 992px){
	.w-lg-50 {
		max-width: 50%;
	}
}

/* 4. Structure > Framework */

.main {
	width: 100%;
	min-height: 80vh;
	overflow: hidden;
}

.container,
.container-fluid{
	width: 100%;
	max-width: 100%;
}
.container{
	max-width: 1600px;
}
.container-fluid{
	max-width: 1920px;
}

/*
[class^="col-"]{
	padding-left: 15px;
	padding-right: 15px;
}*/

@media screen and (min-width: 992px){
	.col-lg-5-2{
		-ms-flex: 0 0 20%;
	    flex: 0 0 20%;
	    max-width: 20%;
	}
}

@media screen and (min-width: 1440px){
	.container,
	.container-fluid{
		padding: 0 70px;
	}
}

/* Keyframes */

@keyframes dropDown{
    0% {
        transform: scaleY(0);
    }
    80% {
        transform: scaleY(1.1);
    }
    100% {
        transform: scaleY(1);
    }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounce{
	0% {
		transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
	}
	50% {
		transform: translate(0, -100%);
		-webkit-transform: translate(0, -100%);
		-moz-transform: translate(0, -100%);
	}
	100% {
		transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
	}          
}

/* Structure > extras */

.animated{
	will-change: opacity, transform;
}

.overh{
	overflow: hidden;
}

#pageloader{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--bs-dark);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2em;
	transition: opacity 0.5s ease-in-out;
	z-index: 1000;
	opacity: 0;
	pointer-events: none;
}

body.loading #pageloader {
	opacity: 1;
	pointer-events: all;
}
body.loading {
	overflow: hidden;
}

.grecaptcha-badge{
	opacity:0;
}


/* Components > buttons */

.btn{
	min-width: 150px;
	--bs-btn-padding-x: 20px;
	--bs-btn-padding-y: 13px;
	--bs-btn-font-weight: 700;
	text-transform: uppercase;
	font-size: 15px;
	overflow: hidden;
	position: relative;
}
.btn i{
	vertical-align: -1px;
	font-size: 18px;
	margin-right: 6px;
}

@media screen and (max-width: 576px){
	.btn-block-mobile{
		width: 100%;
	}
}

@media screen and (min-width: 992px) {
	.btn{
		font-size: 17px;
		--bs-btn-padding-x: 42px;
	}
}

.btn-primary{
    position: relative;
    background: linear-gradient(120deg, #00EFA2,  #00EFA2);
    background-size: 100%;
    color: var(--bs-dark);
    border: none;
    overflow: hidden;
    transition: all .4s ease;
}
.btn-primary::before{
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(
        120deg,
        transparent 20%,
        rgba(255,255,255,0.25),
        transparent 80%
    );
    transform: translateX(-100%);
    transition: transform .6s ease;
}
.btn-primary:hover{
	background: linear-gradient(90deg, #02E098 0%, #04B57C 100%);
    background-position: 100% 0;
    transform: translateY(-2px);
     color: var(--bs-dark);
}
.btn-primary:hover::before{
    transform: translateX(100%);
}


.btn-outline-primary{
    --bs-btn-bg: transparent;
    --bs-btn-color: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);

    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-color: var(--bs-light);
    --bs-btn-hover-border-color: var(--bs-primary);

    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-color: var(--bs-light);
    --bs-btn-active-border-color: var(--bs-primary);
}

.btn-secondary{
    --bs-btn-bg: var(--bs-secondary);
    --bs-btn-color: var(--bs-light);
    --bs-btn-border-color: var(--bs-secondary);

    --bs-btn-hover-bg: transparent;
    --bs-btn-hover-color: var(--bs-secondary);
    --bs-btn-hover-border-color: var(--bs-secondary);

    --bs-btn-active-bg: var(--bs-light);
    --bs-btn-active-color: var(--bs-secondary);
    --bs-btn-active-border-color: var(--bs-secondary);
}
.btn-outline-secondary{
    --bs-btn-bg: transparent;
    --bs-btn-color: var(--bs-secondary);
    --bs-btn-border-color: var(--bs-secondary);

    --bs-btn-hover-bg: var(--bs-secondary);
    --bs-btn-hover-color: var(--bs-light);
    --bs-btn-hover-border-color: var(--bs-secondary);

    --bs-btn-active-bg: var(--bs-secondary);
    --bs-btn-active-color: var(--bs-light);
    --bs-btn-active-border-color: var(--bs-secondary);
}

.btn-arrow{
	min-width: fit-content;
	padding: 3px 12px;
}

.btn-arrow .arrow{
    display: inline-block;
    width: 38px;
    height: 12px;
    background: var(--bs-white);
    mask:  url('assets/img/icons/icon-arrow-btn.svg') no-repeat center;
    -webkit-mask: url('assets/img/icons/icon-arrow-btn.svg') no-repeat center;
    transition: 0.3s;
}

.btn-arrow:hover .arrow{
	background: var(--bs-body-color);
}
.btn-arrow:hover {
	transform: translateX(2px);
}

/* Buttons Float */

.btn-float{
    position: fixed;
    right: 30px;
    bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    text-align: center;
    z-index: 9999;
    border-radius: 25px;
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.1);
    transition: 0.3s all;
}
.btn-float-edit{
	left: 30px;
	right: auto;
	bottom: 15px;
    padding: 10px 15px;
    color: #fff;
    background: rgba(0,0,0,0.75);
    opacity: 0.95;
}
.btn-float-edit:hover{
    background: var(--bs-primary);
    color: #fff;
}

.btn-float-whatsapp{
    width: 50px;
    height: 50px;
	border-radius: 50%;
	font-size: 32px;
    color: #fff;
    background: #25D366;
}
.btn-float-whatsapp:hover{
    background: #fff;
    color: #25D366;
}

@media screen and (min-width:768px){
	.btn-float-whatsapp{
	    width: 70px;
	    height: 70px;
	    font-size: 40px;
	}
}

.btn-loading:before{
	content: '';
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 10px;
    width: 20px;
    height: 20px;
    border: 2px solid #fff;
    border-right-color: transparent;
    border-radius: 50%;
    animation: spinner-border .75s linear infinite;
    -webkit-animation: spinner-border .75s linear infinite;
}


/* btn arrow */
.see-more{
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding-left: 0px;
	padding-right: 50px;
	overflow: hidden;
	cursor: pointer;
	transition: all .6s cubic-bezier(0.23, 1, 0.32, 1);
	z-index: 4;
}
.see-more:hover{
	padding-left: 50px;
	padding-right: 30px;
	color: var(--bs-primary);
}
.see-more::before,
.see-more::after{
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 24px;
	height: 24px;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath d='M16.974 7.049a.46.46 0 0 1 .65-.65l8.276 8.276a.46.46 0 0 1-.65.65L16.974 7.05Z'/%3E%3Cpath d='M16.974 23.602a.46.46 0 0 1 0-.65l8.276-8.277a.46.46 0 0 1 .65.65l-8.276 8.277a.46.46 0 0 1-.65 0Z'/%3E%3Cpath d='M25.575 15.46H4.425a.46.46 0 0 1 0-.92h21.15a.46.46 0 0 1 0 .92Z'/%3E%3C/svg%3E") no-repeat center / contain;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath d='M16.974 7.049a.46.46 0 0 1 .65-.65l8.276 8.276a.46.46 0 0 1-.65.65L16.974 7.05Z'/%3E%3Cpath d='M16.974 23.602a.46.46 0 0 1 0-.65l8.276-8.277a.46.46 0 0 1 .65.65l-8.276 8.277a.46.46 0 0 1-.65 0Z'/%3E%3Cpath d='M25.575 15.46H4.425a.46.46 0 0 1 0-.92h21.15a.46.46 0 0 1 0 .92Z'/%3E%3C/svg%3E") no-repeat center / contain;
	transition: all .8s cubic-bezier(0.23, 1, 0.32, 1);
}

.see-more::before{
	left: -30px;
}
.see-more::after{
	right: 12px;
}
.see-more:hover::before{
	left: 15px;
}
.see-more:hover::after{
	right: -30px;
}

/* Card */
.card {
	padding: 36px 24px;
	background: var(--bs-secondary);
	border-radius: 8px;
	color: var(--bs-white);
	height: 100%;
}

/* Structure */

.section{
	position: relative;
	padding: 50px 0;
	background-size: cover;
	background-repeat: no-repeat;
}

@media screen and (min-width: 992px){
	.section{
		padding: 100px 0;
	}
}

/* Structure > Header */

.header{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-height: var(--header-min-height);
	background: transparent;
	transition: 0.3s all ease-in-out;
	z-index: 999;
	align-content: center;
}
.header .container{
	display: flex;
	align-items: center;
	justify-content: space-between;
	transition: all 0.3s ease;
}

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

.header .container .items .btn{
	margin-right: 24px;
}

.header .logo{
	display: inline-block;
	max-width: 72px;
}
.header.active {
	top: 0 !important;
	position: fixed;
}
.header.fixed{
	position: fixed;
	top: -90px;
	background: var(--bs-white);
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);
	z-index: 999;
    -webkit-animation: slideInDown 0.3s ease-out;
    -moz-animation: slideInDown 0.3s ease-out;
	--header-min-height: 58px;
}

.header.fixed.nav-down{
	top: 0;
}

.header.active{
	background: var(--bs-white);
}



/* Header Light */
.header.light:not(.fixed):not(.active) .logo{
	 filter: brightness(0) invert(1);
}

.header.light:not(.fixed):not(.active) .nav-menu .menu-line {
	background: var(--bs-white);
}

/* Header > Navigation */

.header .nav-menu {
	position: relative;
	width: 16px;
	height: 14px;
	cursor: pointer;
}

.header .nav-menu .menu-line {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background: var(--bs-body-color);
	transition: all 0.3s ease;
	transform-origin: center;
}

/* posiciones exactas */
.header .nav-menu .menu-line:nth-child(1) { top: 0; }
.header .nav-menu .menu-line:nth-child(2) { top: 50%; transform: translateY(-50%); }
.header .nav-menu .menu-line:nth-child(3) { bottom: 0; }

/* estado activo */
.header.active .nav-menu .menu-line:nth-child(1) {
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
}

.header.active .nav-menu .menu-line:nth-child(3) {
	top: 50%;
	bottom: auto;
	transform: translateY(-50%) rotate(-45deg);
}

.header.active .nav-menu .menu-line:nth-child(2) {
	opacity: 0;
}

.header .navigation {
	display: block;
	position:fixed;
	top: var(--header-min-height);
	left: 0;
	width: 100%;
	margin: 0;
	background: var(--bs-white);
	height: calc(100svh - var(--header-min-height));
	padding: 50px 0 30px 0;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateY(-12px);
	transition: opacity 0.28s ease, transform 0.36s ease, visibility 0s linear 0.36s;
}
.header.active .navigation{
	opacity: 1;
	visibility: visible;
	pointer-events: all;
	transform: translateY(0);
	transition-delay: 0s;
}
.header .navigation .container{
	height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}
.header .navigation .menu {
	position: relative;
}
.header .navigation .menu li a {
	display: block;
	position: relative;	
	font-size: 36px;
	line-height: 1.2em;
	width: fit-content;
}

.header .navigation .menu li a:before{
	content: '';
	width: 0;
	height: 2px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: var(--bs-body-color);
	transition: all 0.3s ease;
}

.header .navigation .menu li a:hover:before{
	width: 100%;
}
.header .navigation .socialmedia{
	font-size: 24px;
}

.header .navigation .menu li,
.header .navigation .socialmedia{
	opacity: 0;
	transform: translateY(30px);
	transition: opacity 0.35s ease, transform 0.35s ease;
	will-change: transform, opacity;
}

.header.active .navigation .menu li,
.header.active .navigation .socialmedia{
	opacity: 1;
	transform: translateY(0);
}

.header.active .navigation .menu li:nth-child(1){ transition-delay: 0.05s; }
.header.active .navigation .menu li:nth-child(2){ transition-delay: 0.10s; }
.header.active .navigation .menu li:nth-child(3){ transition-delay: 0.15s; }
.header.active .navigation .menu li:nth-child(4){ transition-delay: 0.20s; }
.header.active .navigation .menu li:nth-child(5){ transition-delay: 0.25s; }
.header.active .navigation .menu li:nth-child(6){ transition-delay: 0.30s; }
.header.active .navigation .socialmedia{ transition-delay: 0.35s; }

@media screen and (min-width: 992px) {
	.header .navigation .menu li a {
		font-size: 60px;
		line-height: 80px;
	}
}

/* Components > Forms */

label{
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 8px;
}
.bg-primary label,
.bg-dark label{
	color: var(--bs-white);
}

.required{
	color: #ff0000;
}

.form-select,
.form-control{
	background: transparent;
	line-height: 1.8em;
	border-color: var(--bs-tertiary);
	border-radius: 16px;
	color: var(--bs-white);
}
.form-control::placeholder{
	color: var(--bs-white);
	opacity: 0.5;
}

.form-select:focus,
.form-control:focus{
	background: transparent;
    box-shadow: none !important;
    border-color: var(--bs-primary);
    color: var(--bs-white);
}
textarea.form-control{
	border-radius: 16px;
}

/* newsletterForm*/
#newsletterForm .form-control{
	border-radius: 50px;
}
#newsletterForm .btn.btn-primary{
	font-size: 15px;
	padding: 10px;
	color: var(--bs-body-color);
	font-weight: 400;
}

/* Form checkbox */

.form-check{
	display: inline-block;
}

.form-check-input:focus{
	box-shadow: none;
}
.form-check-input:checked{
	background-color: var(--bs-dark);
	border-color: var(--bs-dark);
}

input[type="checkbox"] ~ label,
input[type="radio"] ~ label{
	margin: 0;
	font-weight: 400;
}

/* Form files */

.input-file-group{
	position: relative;
	display: block;
	padding: 30px 15px;
	margin: 0;
	font-size: 1rem;
	font-weight: 400;
	text-align: center;
	background-color: var(--bs-body-bg);
	border: var(--bs-border-width) dashed var(--bs-border-color);
	border-radius: 15px;
	cursor: pointer;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.input-file-group input{
	opacity: 0;
	width: 0;
}

.input-file-group .files{
	max-height: 100px;
	overflow: auto;
}
.input-file-group .files span{
	display: block;
	font-size: 12px;
	text-transform: uppercase;
}
.input-file-group:hover,
.input-file-group:focus{
	border-color: var(--bs-dark);
}

/* Forms > Show password */

.show_password{
	position: absolute;
	bottom: 0;
	right: 15px;
	padding: 15px;
}
.show_password.active,
.show_password:hover{
	color: #f58426;
}

/* Components > modals */

.modal{
	z-index: 99999;
}
.modal-backdrop{
	z-index: 9999;
}
.modal .modal-content{
	border: 0;
	border-radius: 0;
}

.modal .btn-close{
	position: absolute;
	top: -50px;
	right: 15px;
	width: 30px;
	height: 30px;
	padding: 0;
	background: url('assets/img/icons/icon-cross.svg') no-repeat center;
	background-size: contain;
	z-index: 10;
	opacity: 0.5;
}

@media screen and (min-width: 992px) {
	.modal .btn-close{
		top: 20px;
		right: -50px;
	}
}

#modalVideo .modal-content{
	background-color: #000;
}
#modalVideo .modal-body{
	padding: 0;
}
#modalVideo .btn-close{
	top: -40px;
	right: 0;
	color: #fff;
	font-size: 30px;
	filter: brightness(0) invert(1);
}

/* Components > tables */

@media screen and (max-width: 767px){
	.table-responsive{
		white-space: nowrap;
		overflow: auto;
	}
	.table-responsive .table{
		white-space: normal;
	}
}

/* Components > socialmedia */

.socialmedia h4{
	font-size: 18px;
	line-height: 24px;
}

ul.socialmedia{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	margin: 0;
	padding: 0;
	gap: 12px;
	list-style: none;
}
ul.socialmedia li{
	display: inline-block;
	vertical-align: middle;
}
ul.socialmedia li a{
	display: block;
	font-size: 21px;
	color: var(--bs-body-color);
}
ul.socialmedia li a:hover{
	color: var(--bs-primary);;
	transform: translateY(-2px) scale(1.1);
}

@media screen and (min-width: 992px){	
	ul.socialmedia{
		justify-content: flex-start;
	}
	
}


/* Components > Slider  */

.slider{
	position: relative;
}

/* Components > Slider > Swiper */


.slider .swiper-pagination {
	bottom: 0;
}
.slider .swiper-pagination-bullet{
	background: var(--bs-light);
	opacity: 0.3;
}

.bg-light .slider .swiper-pagination-bullet{
	background: var(--bs-dark);
}
.slider .swiper-pagination-bullet-active {
	opacity: 1;
}

.slider .swiper-button-next,
.slider .swiper-button-prev{
	position: absolute;
	width: 26px;
	height: 22px;
    color: var(--bs-white);
}

.bg-light .slider .swiper-button-next,
.bg-light .slider .swiper-button-prev{
	color: var(--bs-dark);
}

.slider .swiper-button-next:hover,
.slider .swiper-button-prev:hover{
	color: var(--bs-primary);
}

.slider .swiper-button-next svg,
.slider .swiper-button-prev svg{
	display: none;
}

.swiper-button-prev::after{
  content:'';
  position:absolute;
  inset:0;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='21' fill='none'%3E%3Cpath stroke='%230F0F0F' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M23.5 10.5H.75m0 0L10.5.75M.75 10.5l9.75 9.75'/%3E%3C/svg%3E") no-repeat center / 25px 21px;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='21' fill='none'%3E%3Cpath stroke='%230F0F0F' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M23.5 10.5H.75m0 0L10.5.75M.75 10.5l9.75 9.75'/%3E%3C/svg%3E") no-repeat center / 25px 21px;
  background-color: currentColor;
}
.swiper-button-next::after {
  content: '';
  position: absolute;
  inset: 0;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='21' fill='none'%3E%3Cpath stroke='%230F0F0F' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M.75 10.5H23.5m0 0-9.75 9.75m9.75-9.75L13.75.75'/%3E%3C/svg%3E") no-repeat center / 25px 21px;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='21' fill='none'%3E%3Cpath stroke='%230F0F0F' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M.75 10.5H23.5m0 0-9.75 9.75m9.75-9.75L13.75.75'/%3E%3C/svg%3E") no-repeat center / 25px 21px;
  background-color: currentColor;
}

.slider:has(.nav-bottom){
	padding-bottom: 50px;
}
.slider .nav-bottom .swiper-pagination {
	text-align: left;
	width: fit-content;
}

.slider .nav-bottom .swiper-button-next,
.slider .nav-bottom .swiper-button-prev{
	top: auto;
	bottom: 0;
}
.slider .nav-bottom .swiper-button-prev{
	left: auto;
	right: 60px;
}




/* Categories Filter */

.categories-filter ul {
	margin: 0;
    padding: 5px 15px;
    white-space: nowrap;
    overflow: auto;
    display: flex;
    gap: 5px;
    font-size: 16px;
}
.categories-filter ul li a {
    display: block;
    padding: 8px 22px;
    border: solid 1px transparent;
    border-radius: 50px;
    transition: all 0.3s;
}

.categories-filter ul li.all {
	text-transform: uppercase;
	font-weight: 600;
}
.categories-filter ul li.active a{
	background: var(--bs-primary);
}

.categories-filter ul li a:hover{
	border-color: var(--bs-primary);
}

/* Components > Title */

.title{
	position: relative;
	margin-bottom: 30px;
}

.title :is(h1,h2, h3, h4, h5, h6) {
	margin: 0;
	text-transform: uppercase;
	letter-spacing: -0.02em;
	line-height: 1;
}

.title h1{
	font-size: 36px;
}
.title h2{
	font-size: 28px;
}
.title h2.big{
	font-size: 34px;
}
.title h3{
	font-size: 34px;
}
.title h4{
	font-size: 22px;
}
.title h5{
	font-size: 20px;
}
.title span{
	font-family: var(--font-display);
	color: var(--bs-primary);
}
.title p:not(.subtitle){
	margin-top: 8px;
	line-height: 1.2em;
}
.title p span {
	font-family: var(--font-body);
}

.title p.small{
	font-size: 14px;
}
.title .btn{
	margin-top: 16px;
}
.title .subtitle{
	margin-bottom: 16px;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 14px;
}

.title .description {
	font-size: 17px;
}
.title.lined{
	padding-bottom: 15px;
	border-bottom: 1px solid #262626;
}

.title.max-width-sm{
	max-width: 520px;
}
.title.max-width{
	max-width: 768px;
}
.title.max-width-lg{
	max-width: 992px;
}


.title.split :is(h2, h3){
	width: 85%;
	max-width: 840px;
	text-align: left;
	margin: 0 auto;
}

.title.split :is(h2, h3) span{
	display: block;
	text-align: right;
	margin-left: auto;
	margin-right: 0;
}

@media (max-width: 575.98px){
	.title.split :is(h2, h3){
		width: 100%;
	}
}

@media screen and (min-width: 992px){
	.title{
		margin-bottom: 50px;
	}
	.title h1{
		font-size: 80px;
	}
	.title h2{
		font-size: 60px;
	}
	.title h2.big{
		font-size: 80px;
	}
	.title h3{
		font-size: 80px;
	}
	.title h4{
		font-size: 42px;
	}
	.title h5{
		font-size: 36px;
	}
	.title h6{
		font-size: 28px;
	}
	.title p:not(.subtitle){
		font-size: 21px;
		margin-top: 16px;
	}

	.title p.small{
		font-size: 16px;
	}
	.title .subtitle{
		font-size: 18px;
	}

	.title .description {
		font-size: 19px;
	}
	.title .btn{
		margin-top: 32px;
	}

}

/* Components > Video Player */

.video-player:not(.btn){
	position: relative;
	width: 100%;
	padding: 25% 0;
	background: #000 no-repeat center;
	background-size: cover;
}
.video-player:not(.btn) .play{
	display: none;
	position: absolute;
	top: calc(50% - 30px);
	left: calc(50% - 30px);
	width: 60px;
	height: 60px;
	font-size: 24px;
	line-height: 60px;
	text-align: center;
	background: var(--bs-white);
	color: #000;
	border-radius: 50%;
	transition: 0.3s all;
	cursor: pointer;
	mix-blend-mode: screen;
}
/*.video-player.active .play,
.video-player:hover .play{
	background: var(--bs-primary);
	color: #fff;
}*/
.video-player .play:hover{
	transform: scale(1.1);
}
.video-player .play i{
	margin-left: 4px;
}

.video-player.allowed{
	cursor: pointer;
}
.video-player.allowed .play{
	display: block;
}
/*@media screen and (min-width: 1200px){

	.video-player .play{
		top: calc(50% - 28px);
		left: calc(50% - 28px);
		width: 56px;
		height: 56px;
		font-size: 24px;
		line-height: 58px;
	}
	.video-player .play i{
		margin-left: 5px;
	}
}*/

/* Components > Pagination */

.pagination {
	justify-content: center;
	width: 100%;
	padding: 60px 0 0;
	text-align: center;
}
.pagination .screen-reader-text {
	display: none;
}
.pagination .page-numbers {
	display: inline-block;
	vertical-align: middle;
	padding: 6px 12px;
	font-size: 18px;
}
.pagination .page-numbers:hover{
	color: var(--bs-primary);
}
.pagination .page-numbers.current{
	font-weight: bold;
	color: var(--bs-primary);
}

@media screen and (min-width: 992px) {
	.pagination .page-numbers {
		font-size: 22px;
	}
}


/* Components > Share */


.share ul {
	display: flex;
	align-items: center;
	margin: 0;
	gap: 16px;
}
.share ul li a{
	display: block;
	font-size: 18px;
	color: var(--bs-body-color);
}
.share ul li a:hover{
	color: var(--bs-primary);
}


/* Components > Errors */

.error{
	text-align: center;
	padding: 30px 0;
}
.error.error-nologued {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 60svh;
}

.error .smile {
	margin: 0;
	font-size: 50px;
	transform: rotate(90deg);
	color: var(--bs-primary);
}
@media screen and (min-width: 992px){
	.error .smile {
		font-size: 80px;
	}
}



/*
	Modules
*/

/* Module > Presentation */

.presentation{
	position: relative;
	background: var(--bs-dark) no-repeat bottom;
	background-size: cover;
	padding: 0;
	overflow: hidden;
}
.presentation .container{
	position: relative;
	z-index: 2;
}

.presentation .title {
	max-width: 980px;
	color: var(--bs-white);
	margin: 0 auto;
	align-content: center;
}
.presentation .title h1{
	line-height:1em;
}

.presentation .title.hero {
	height: 100svh;
}

.presentation .title p:not(.subtitle) {
	max-width: 632px;
	margin: 0 auto;
	margin-top: 16px;
	font-size: 21px;
}

.presentation .arrow-down{
	display: block;
	position: absolute;
	left: calc(50% - 20px);
	bottom: 32svh;
	width: 21px;
	height: 26px;
	background: url('assets/img/icons/icon-arrow-down.svg') no-repeat center;
	background-size: contain;
	animation: bounce 3s infinite;
	z-index: 3;
}

.presentation  .module-clients{
	position: relative;
	z-index: 3;
	height: 30vh;
	align-content: center;
}

.presentation video{
	position: absolute;	
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	object-fit: cover;
}

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

    .presentation .title p:not(.subtitle){
    	font-size: 24px;
    	margin-top: 32px;
    }
}


/* Modules > Banner */

.banner{
	margin-top: var(--header-min-height);
	position: relative;
	display: flex;
	align-items: center;
	padding: 80px 0;
	min-height: 250px;
	overflow: hidden;
	background: no-repeat center right;
	background-size: cover;
}

.banner .title{
	position: relative;
	margin: 0;
}

.banner .arrow-down{
    display: block;
    position: absolute;
    right: 70px;
    bottom: 5%;
    width: 37px;
	height: 46px;
    background: url('assets/img/icons/icon-arrow-down-banner.svg') no-repeat center;
    background-size: contain;
    animation: bounce 3s infinite;
    z-index: 3;
}

@media screen and (min-width: 992px){
	.banner{
		min-height: 340px;
	}
}

/* Module > Contact */
.module-contact .title p {
	max-width: 500px;
	margin-inline: auto;
}


/* Module > Newsletter */

.module-newsletter{
	
}



/* Module > Clients */


.module-clients .swiper-wrapper {
	display: flex;
    align-items: center;
  -webkit-transition-timing-function: linear !important;
  -o-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
}
.module-clients .swiper-slide article{
	text-align: center;
}

/* Module > Testimonial */
.module-testimonial .items article{ 
	padding: 48px 24px 60px;
	background: #FFFFFF;
	border: 0.5px solid #C9C7C7;
	border-radius: 16px;
	text-align: center;
 }

 .module-testimonial .items article .thumbnail img{
 	aspect-ratio: 1 / 1;
 	width: 75px;
 	height: 75px;
 	border-radius: 50%;
 	object-fit: cover;
 	margin: 0 auto;
 }

.module-testimonial .items article .data h2{
	font-size: 36px;
	text-transform: uppercase;
	font-family: var(--font-display);
}

 .module-testimonial .items article  .rating .star{
 	color: var(--bs-primary);
 	font-size: 24px;
 }

/*
	Pages
*/


/* Page > Home */

.page.home .okrs {
  position: relative;
  background: var(--bs-dark);
}

.page.home .okrs .okr {
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 80px 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  will-change: transform, opacity;
  transform-origin: center top; 
  overflow: hidden;
}

.page.home .okrs .okr .bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    z-index: 0;
}

.page.home .okrs .okr .title {
    position: relative;
    z-index: 1;
}
.page.home .okrs .okr .title p {
	max-width: 670px;
	margin-left: auto;
	margin-right: auto;
}



.page.home .conferences{
	position: relative;
}
.page.home .conferences .shape{
	content:'';
	position: absolute;
	max-width: 70%;
	z-index: 0;
}

.page.home .conferences .shape-01{	
	left: 40%;
	top: 26%;
	width: 660px;
	aspect-ratio: 1.38 / 1;
	background: transparent url('assets/img/extras/home-conferences-01.webp') no-repeat;
	background-size: contain; 
}

.page.home .conferences .shape-02{	
	right: -10%;
	bottom: 20%;
	width: 920px;
	aspect-ratio: 1.04 / 1;
	background: transparent url('assets/img/extras/home-conferences-02.webp') no-repeat;
	background-size: contain; 
}

.page.home .workshops .items article{
	position: relative;
	overflow: hidden;
	height: 495px;
	display: flex;
	justify-content: space-between;
}
.page.home .workshops .items article .data{
	max-width: 340px;
}
.page.home .workshops .items article .data h2{
	font-size: 28px;
	line-height: 1em;
	text-transform: uppercase;
}
.page.home .workshops .items article .data p{
	font-size: 21px;
	line-height: 1.2em;
}

.page.home .workshops .items article .number {
	font-size: 42px;
}

.page.home .workshops .items article .icon{
	position: absolute;
	bottom: 0;
	right: 0;
}


@media screen and (min-width: 992px) {
	.page.home .workshops .items article .data h2{
		font-size: 42px;
	}
}


.page.home .team .circle{
	content: '';
    position: absolute;
    width: 85%;
    right: -20%;
    top: -50%;
    aspect-ratio: 1 / 1;
    border: solid 1px var(--bs-tertiary);
    opacity: 0.5;
    border-radius: 50%;
}

.page.home .team .items article .thumbnail{
	background: var(--bs-black);
	aspect-ratio: 0.84 / 1;
	border-radius: 6px;
	overflow: hidden;
	margin-bottom: 18px;
}

.page.home .team .items article .thumbnail img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.page.home .team .items article .data .name{
	text-transform: uppercase;
	color: var(--bs-primary);
	font-size: 24px;
	line-height: 1em;
}
.page.home .team .items article .data .position{
	text-transform: uppercase;
	color: var(--bs-tertiary);
	font-size: 14px;
	font-weight: 700;
}
.page.home .team .items article .data p{
	font-size: 16px;
}

.page.home .solutions .items article:hover{
	box-shadow: 2px 7px 10.9px rgba(0, 0, 0, 0.07);
}

.page.home .solutions .items article h3{
	text-transform: uppercase;
	text-wrap-style: balance;
}

@media screen and (min-width: 992px) {
	.page.home .team .items article .data .name{
		font-size: 42px;
	}
	.page.home .solutions .items article h3{
		font-size: 36px;
	}
}


/* Impact */
.page.home .impact {
	position: relative;
	height: 100svh;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}
.page.home .impact .data {
	display: flex;
	justify-content: center;
	align-items: flex-end;
}
.page.home .impact .data .counter .symbol{
	color: var(--bs-primary);
}
.page.home .impact .data .counter .number{
	font-size: clamp(90px, 20vw, 270px);
	line-height: 0.9em;
	font-family: var(--font-display);
	font-weight: 300;
}

.page.home .impact .data .counter .subtitle{
	color: var(--bs-primary);
	text-transform: uppercase;
	font-size: 36px;
}
.page.home .impact .data .title{
	max-width: 200px;
}
.page.home .impact .title.bottom{
	display: flex;
	justify-content: space-between;
}
.page.home .impact .title.bottom p {
	max-width: 400px;
}

.page.home .impact .image{
	position: absolute;
}
.page.home .impact .image-1{
	max-width: 260px;
	top: 20%;
	left: -60px;
}
.page.home .impact .image-2{
	max-width: 260px;
	top: -15%;
	left: 20%;
}
.page.home .impact .image-3{
	max-width: 230px;
	top: -10%;
	left: 60%;
}

.page.home .impact .image-4{
	max-width: 260px;
	top: 24%;
	right: -20px;
}

.page.home .impact .image-5{
	max-width: 335px;
	bottom: -2%;
	left: 40%;
}

@media screen and (max-width: 768px){
	.page.home .impact .image{
		width: 40%;
	}
	.page.home .impact .data,
	.page.home .impact .title{
		flex-direction: column;
		align-items: center;
	}

	.page.home .impact .data .title {
	    text-align: center;
	    max-width: fit-content;
	}
	.page.home .impact .image-1{
		top: 90%;
	}
	.page.home .impact .image-2{
		top:-2%;
		left: 0;
	}
	.page.home .impact .image-4{
		display: none;
	}
	.page.home .impact .image-5{
		bottom: 0;
	}
}


/**/
.page.home .impact .image {
  will-change: transform, opacity;
}

.page.home .impact .counter .number span:last-child {
  display: inline-block;
  min-width: 3.5ch; 
  text-align: left;
}

.page.home .impact .counter .symbol {
  display: inline-block;
}


/* Success*/
.page.home .success .items article {
	height: 100svh;
	background: var(--bs-dark) no-repeat bottom;
	background-size: cover;
	align-content: center;
	color: var(--bs-white);
}

.page.home .success .swiper-pagination{
	bottom: 20px;
}
.page.home .success .swiper-button-prev{
	left: 10px;
}
.page.home .success .swiper-button-next{
	right: 10px;
}

@media screen and (max-width: 576px){
	.page.home .success .swiper-button-prev,
	.page.home .success .swiper-button-next{
		top: 80%;
	}
}

.page.home .resources .items article{
	background: #FAFAFA;
	border: 1px solid rgba(201, 199, 199, 0.2);
	border-radius: 8px;
	overflow: hidden;
	height: 100%;
}
.page.home .resources .items article .data{
	padding: 24px 32px;
}

.page.home .resources .items article .data h3{
	text-transform: uppercase;
}

.page.home .toolkit {
	height: 100svh;
	align-content: center;
	background-color: var(--bs-dark);
	background-size: cover;
  	background-position: center;
  	background-repeat: no-repeat;
}

/* Page > Landing */
.page.landing .presentation .circle{
	content: '';
	position: absolute;
	width: 100%;
	right: -50%;
	top: -20%;
	aspect-ratio: 1 / 1;
	border: solid 1px var(--bs-white);
	opacity: 0.5;
	border-radius: 50%;
}

.page.landing .presentation .video .shape{
	content: '';
	position: absolute;
	left: 0;
	top: -35%;
	width: 50%;
	aspect-ratio: 1 / 1;
	background: transparent url('assets/img/extras/landing-video.webp') no-repeat;
	background-size: contain; 
}

.page.landing .presentation .results .items{
	max-width: 980px;
	margin: 0 auto;
	position: relative;
}
.page.landing .presentation .results .items article {
	aspect-ratio: 1.05 / 1;
	width: 100%;
    height: 100%;    
    background: no-repeat center right;
    background-size: cover;
    border-radius: 36px;
    padding: 50px 30px;
}

.page.landing .presentation .results .items article .title{
	height: auto;
}

.page.landing .presentation .results .items article h2{
	font-size: 26px;
}

.page.landing .presentation .results .items:before{
	content: '';
	position: absolute;
	width: 100%;
	aspect-ratio: 1 / 1;
	border: solid 1px var(--bs-primary);
	border-radius: 50%;
}
@media screen and (min-width:992px){
	.page.landing .presentation .results .items article h2{
		font-size: 36px;
	}
}

/* Page > Blog */

.page.blog .featured .feed-blog article .data h2{
	font-size: 28px;
	text-transform: uppercase;
	font-weight: 400;
}

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

	.page.blog .featured .feed-blog article{
		display: flex;
		align-items: center;
	}
	.page.blog .featured .feed-blog article .thumbnail{
		width: 50%;
	}
	.page.blog .featured .feed-blog article .data{
		width: 50%;
		padding: 50px;
	}
	.page.blog .featured .feed-blog article .title{
		margin: 0;
	}

	.page.blog .featured .feed-blog article .data h2{
		font-size: 48px;
	}
}

/* Pages > Contact */

.page.contact #map{
	position: relative;
	background-color: #eee;
	width: 100%;
	height: 400px;
}
.page.contact .map .maparea{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#map .leaflet-control-attribution {
    display: none;
}

/* Pages > Thanks */

.page.page-thanks .content{
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	min-height: 80vh;
}

/* Pages > Internal */

.page.internal .content .title{
	text-align: center;
}
.page.internal .content article {
	max-width: 850px;
	margin-left: auto;
	margin-right: auto;
}

/* Pages > Page 404 */

.page.page-404 .content,
.page.page-maintenance .content{
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	min-height: 80vh;
}

.page.page-maintenance .content{
	min-height: 100vh;
}


/*
	CPT Feed
*/

/* Feed > General */

.feed article{
	position: relative;
	transition: all 0.3s ease;
}
.feed article a:not(.see-more){
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}
.feed article .thumbnail{
	display: block;
	aspect-ratio: 1.65 / 1;
	width: 100%;
	background-color: #eee;
	overflow: hidden;
	border-radius: 8px;
}
.feed article .thumbnail img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: 0.3s all;
}
.feed article:hover .thumbnail img{
    transform: scale(1.1);
}
.feed article:hover {
	box-shadow: 2px 7px 10.9px rgba(0, 0, 0, 0.07);
	transform: translateY(-2px);
}
/* Feed > Blog */

.feed-blog article{
	box-shadow: 2px 7px 10.9px rgba(0, 0, 0, 0.07);
	border-radius: 4px;
	height: 100%;
}

.feed article .thumbnail {
	aspect-ratio: 1.35 / 1;
}
.feed-blog article .data {
	padding: 24px;
}
.feed-blog article .data h2{
	font-size: 24px;
	line-height: 1em;
	margin: 0 0 15px;
}
.feed-blog article .data p{

}
.feed-blog article .meta {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.feed-blog .excerpt{
	min-height: 85px;
}


/*
	CPT Single
*/

/* CPT > Single */

.single{}
.single .content article.post-content{}

.single .content article.post-content img{
	max-width: 100%;
	height: auto;
}

.single .content article.post-content .wp-block-quote{
	border-left: solid 2px var(--bs-dark);
	padding-left: 30px;
}


/* CPT > Single > Blog */
.single.blog .banner {
	min-height: 85svh;
	align-content: center;
	padding: 0;
}

.single.blog .banner .data {
	max-width: 560px;
    display: flex;
    flex-direction: column;
    height: auto;
    justify-content: space-between;
    padding: 20px 0;
}
.single.blog .banner .meta{
	display: flex;
	justify-content: space-between;
}
.single.blog .banner .thumbnail img{
	aspect-ratio: 1.04  / 1;
	object-fit: cover;
	border-radius: 8px;
}
@media screen and (min-width: 992px){
	.single.blog .banner .title h1{
		font-size: 48px;
	}

	@media screen and (min-width: 992px){
		.single.blog .banner .data {
    		height: 85svh;
		}
	
	.single.blog .banner .thumbnail img{
		aspect-ratio: 1.04  / 1;
	}
}


.single.blog .content article :is(h2, h3,h4){
	font-family: var(--font-display);
}


.single.blog .tags {
	margin: 40px 0;
    padding: 20px 0;
}
.single.blog .tags h4{
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
}
.single.blog .tags ul{
	display: flex;
	padding: 0;
	margin: 0;
	list-style: none;
	gap: 16px;
}
.single.blog .tags ul li a{
	display: block;
	background: transparent;
	color: var(--bs-primary);
	border: solid 1px var(--bs-primary);
	border-radius: 20px;
	padding: 5px 20px;
}

.single.blog .tags ul li a:hover{
	background: var(--bs-primary);
	color: var(--bs-white);
}



/* Structure > Footer */


.footer .widgets{
	padding: 50px 0;
	text-align: center;
}
.footer .widgets h4{
	margin: 0;
	font-size: 15px;
	line-height: 28px;
	font-weight: 600;
	text-transform: uppercase;
}
.footer .widgets .logo{
	display: block;
	width: 66px;
	filter: brightness(0) invert(1);
}

.footer .items{
	display: flex;
	gap: 50px;
	align-items: flex-end;
}


.footer .widgets .menu li a{
	display: block;
	position: relative;
	padding: 5px 0;
	width: fit-content;
}
.footer .widgets .menu li a:before{
	content: '';
	width: 0;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: var(--bs-white);
	transition: all 0.3s ease;
}
.footer .widgets .menu li a:hover:before{
	width: 100%;
}

.footer .copyright {
	padding-top: 48px;
	border-top: solid 1px var(--bs-white);
	margin-top: 64px;
}
.footer .copyright p{
	font-size: 14px;
}

.footer .socialmedia li a{
	color: var(--bs-primary);
}

@media screen and (min-width: 992px){
	.footer .widgets{
		padding: 80px 0;
		text-align: left;
	}
	.footer .widgets .logo{
		margin: 0;
	}

	.footer .widgets .menu {
		column-count: 2;
		column-gap: 80px;
		width: fit-content;
	}
	
	.footer .items{
		gap: 117px;
	}
	
}

/* Extras */