/*
Theme Name: MAH
Theme URI: https://mati.agency
Version: 1.0
Author: @matiagency
Author URI: https://mati.agency
*/

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

	/* Defaults */
	--header-min-height: 65px;
	--header-fixed-min-height: 56px;
	--top-menu-height: 36px;

	/* Colors */
    --bs-body-color: #004565; /* Indigo Dye */
    --bs-body-bg: #fff;
    --bs-primary: #FF9966;
    --bs-primary-rgb: 255,153,102;

	--color-blue: #0045CB;
	--color-blue-dark: #053FAE;
	--color-blue-light: #5386F5;
	--color-blue-sky: #3BCDF5;
	--color-blue-grey: #ABB5C8;

	--color-tangerine: #FF9966;
	--color-tangerine-dark: #F58B56;
	--color-tangerine-light: #FEC0A2;


	--color-seashell: #FAF0E9;
	--color-seashell-dark: #DFC5B8;

	--color-indigo: #004565;
	--color-indigo-light: #7FB3CB;
	
	--color-black: #121212;
	--silver: #c1c1c1;
	--color-platinum: #e0e0e0;
	--color-off-white: #f6f6f6;
	--color-white: #ffffff;

	--bs-border-radius: 20px;
}

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

/* Utilities */

.bg-seashell{
	background-color: var(--color-seashell);
}
.bg-off-white{
	background-color: var(--color-off-white);
}
.bg-platinum{
	background-color: var(--color-platinum);
}
.bg-indigo{
	background-color: var(--color-indigo);
}
.bg-blue{
	background-color: var(--color-blue);

}

/* 3. Structure */

html{
	scroll-behavior: smooth;
}

[id] {
  scroll-margin-top: var(--header-min-height);
}

body{
	font-size: 16px;
	font-weight: 400;
	 font-family: "Roboto", sans-serif;
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
}

body:has(.header.open-submenu){
	overflow-x: hidden;
}


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

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

h1, h2, h3, h4, h5, h6{
	font-weight: 600;
}

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


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


.image:not(.square) {
	border-radius: 20px;
	overflow: hidden;
}

.image.full img{
	aspect-ratio: 1.92 / 1;
	object-fit: cover;
}

/* 4. Structure > Framework */

.main {
	width: 100%;
	min-height: 80vh;
	overflow: hidden;
}
/*
body:not(.header-fixed) .main{
	margin-top: calc(var(--header-min-height) + var(--top-menu-height));
}
*/
.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%;
	}
	.w-lg-50 {
		max-width: 45%;
	}
}

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

	.w-md-50 {
		max-width: 45%;
	}
	.w-xl-50 {
		max-width: 45%;
	}
}

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

/* Structure > extras */

.wow{
	visibility: hidden;
}

.overh .main{
	overflow: hidden;
}

#pageloader{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--bs-white);
	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;
}
#pageloader.show{
	opacity: 1;
	pointer-events: all;
}

.grecaptcha-badge{
	opacity:0;
}

/* Components > card */
.card {
	position: relative;
	border-radius: 20px;
	border: none;	
	background: #fff;
	box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.07);
	padding: 24px 10px;
	transition: all 0.3s ease;
}

.card h2{
	font-size: 17px;
}

.card a{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

@media screen and (min-width: 992px) {
	.card{
		padding: 24px;
	}

	.card h2{
		font-size: 20px;
	}
}

.card.blue-light {
	background: var(--color-blue-light);
	color: var(--color-white);
}
.card.blue-light:has(a):hover {
	background: var(--color-blue);
}
.card.blue-light:has(a):hover .icon {
	filter: brightness(0) saturate(100%) invert(85%) sepia(25%) saturate(5569%) hue-rotate(159deg) brightness(96%) contrast(100%);
}

.card.blue-light .see-more{
	color: var(--color-white);
}
.card.blue-light .see-more:after{
	filter: invert() brightness(20);
}

/* Components > buttons */

.btn-close:focus{
	box-shadow: none;
}

.btn{
	min-width: 100px;
	--bs-btn-padding-x: 23px;
	--bs-btn-padding-y: 11px;
	font-weight: 600;
	border-radius: 100px;
}
.btn i{
	vertical-align: -1px;
	font-size: 18px;
	margin-right: 6px;
}

.btn-block{
	display: block;
}

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

.btn-primary{
	--bs-btn-color: var(--color-white);
    --bs-btn-bg: var(--color-tangerine);
    --bs-btn-border-color: var(--color-tangerine);

    --bs-btn-hover-color:var(--color-white);
    --bs-btn-hover-bg: var(--color-tangerine-dark);
    --bs-btn-hover-border-color: var(--color-tangerine-dark);

    ---bs-btn-active-color:var(--color-white);
    --bs-btn-active-bg: var(--color-tangerine-dark);
    --bs-btn-active-border-color: var(--color-tangerine-dark);
}
.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-outline-secondary{
    --bs-btn-bg: transparent;
    --bs-btn-color: var(--color-indigo);
    --bs-btn-border-color: var(--color-indigo);

    --bs-btn-hover-bg: var(--color-indigo);
    --bs-btn-hover-color: var(--color-white);
    --bs-btn-hover-border-color: var(--color-indigo);

    --bs-btn-active-bg: var(--color-indigo);
    --bs-btn-active-color: var(--color-white);
    --bs-btn-active-border-color: var(--color-indigo);
}

/* See More */
.see-more{
	display: inline-flex;
	font-weight: 600;
	align-items: center;
}
.see-more:after{
	content: '';
	display: inline-flex;
	width: 8px;
	height: 14px;
	background-image: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.96028 6.49171C7.17996 6.71138 7.17996 7.06748 6.96028 7.28716L1.22541 13.022C1.00573 13.2417 0.649631 13.2417 0.429956 13.022L0.164756 12.7568C-0.0549187 12.5372 -0.0549187 12.181 0.164756 11.9614L5.23671 6.88943L0.164756 1.81748C-0.0549186 1.59781 -0.0549186 1.24171 0.164756 1.02203L0.429956 0.756832C0.649631 0.537157 1.00573 0.537157 1.22541 0.756832L6.96028 6.49171Z' fill='%23004565'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-size: contain;
	margin-left: 10px;
	transition: margin 0.3s ease;
}

article:hover .see-more,
.see-more:hover{
	color: var(--color-tangerine);
}
article:hover .see-more:after,
.see-more:hover:after{
	margin-left: 14px; 
	filter: brightness(0) saturate(100%) invert(78%) sepia(89%) saturate(4361%) hue-rotate(318deg) brightness(109%) contrast(105%);
}



.see-more.light{
	color: var(--color-white);
}
.see-more.light:after{
	filter: brightness(0) invert(1);
}

/* Btn Float */

.btn-float{
    position: fixed;
    right: 30px;
    bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    font-size: 32px;
    text-align: center;
    z-index: 9999;
    border-radius: 50%;
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.1);
    transition: 0.3s all;
}

.btn-float-whatsapp{
    color: #fff;
    background: #25D366;
}
.btn-float-whatsapp:hover{
    background: #fff;
    color: #25D366;
}

@media screen and (min-width:768px){
	.btn-float{
	    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;
}

/* Components > forms */

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

.required{
	color:inherit;
}

.form-select,
.form-control{
	min-height: 48px;
	line-height: 1.8em;
	border-radius: 24px;
	background-color: transparent;
	border: solid 1px var(--color-indigo);
}

.form-control::placeholder{
	color: var(--bs-body-color);
}
.form-select:focus,
.form-control:focus{
	background-color: transparent;
    box-shadow: none !important;
    border-color: var(--bs-dark);
}
textarea.form-control{
	border-radius: 15px;
}

/* Form checkbox */

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

.form-check-input:focus{
	background: transparent;
	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;
}


/* Form light */
.form-light .form-select,
.form-light .form-control{
	border: solid 1px var(--color-white);
	color: var(--color-white);
}

.form-light .form-control::placeholder{
	color: var(--color-white);
}

/* 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: 15px;
	right: 15px;
	width: 24px;
	height: 24px;
	padding: 0;
	background: url('assets/img/icons/icon-cross.svg') no-repeat center;
	background-size: contain;
	z-index: 10;
	opacity: 0.5;
}

.modal-body{
	padding: 20px 20px;
}

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

	.modal-body{
		padding: 40px 64px;
	}
}

#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: 5px;
	list-style: none;
}
ul.socialmedia li{
	display: inline-block;
	vertical-align: middle;
}
ul.socialmedia li a{
	display: block;
	font-size: 26px;
	padding: 5px;
}
ul.socialmedia li a:hover{
	color: var(--bs-primary);
}

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


/* Components > Slider > Swiper */

.slider{
	position: relative;
}

.swiper:has(.swiper-pagination){
    padding-bottom: 60px;
}
.swiper-pagination {
	bottom: 0;
}
.swiper-pagination-bullet{
	background: var(--silver);
	opacity: 1;
}
.swiper-pagination-bullet-active {
	background:var(--color-indigo);
}

.swiper-button-prev,
.swiper-button-next{
	position: absolute;
	width: 45px;
	height: 45px;
    color: transparent;
  	/*background-image: url("data:image/svg+xml,%3Csvg width='12' height='22' viewBox='0 0 12 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.532528 11.6401C0.179046 11.2866 0.179046 10.7136 0.532528 10.3601L9.7606 1.13205C10.1141 0.778576 10.6871 0.778576 11.0406 1.13205L11.4673 1.55874C11.8208 1.91221 11.8208 2.4853 11.4673 2.83878L3.30596 11.0001L11.4673 19.1614C11.8208 19.5149 11.8208 20.0879 11.4673 20.4414L11.0406 20.8681C10.6871 21.2216 10.1141 21.2216 9.7606 20.8681L0.532528 11.6401Z' fill='%23004565'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
   	background-size: 12px 22px;*/
}
.swiper-button-prev:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.5325 17.6401C11.179 17.2866 11.179 16.7136 11.5325 16.3601L20.7606 7.13205C21.1141 6.77858 21.6871 6.77858 22.0406 7.13205L22.4673 7.55874C22.8208 7.91221 22.8208 8.4853 22.4673 8.83878L14.306 17.0001L22.4673 25.1614C22.8208 25.5149 22.8208 26.0879 22.4673 26.4414L22.0406 26.8681C21.6871 27.2216 21.1141 27.2216 20.7606 26.8681L11.5325 17.6401Z' fill='%23004565'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
    background-position: center;
    background-size: 34px;
}
.swiper-button-next:after{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.4675 16.3599C22.821 16.7134 22.821 17.2864 22.4675 17.6399L13.2394 26.868C12.8859 27.2214 12.3129 27.2214 11.9594 26.868L11.5327 26.4413C11.1792 26.0878 11.1792 25.5147 11.5327 25.1612L19.694 16.9999L11.5327 8.83857C11.1792 8.48508 11.1792 7.91208 11.5327 7.5586L11.9594 7.13186C12.3129 6.77838 12.8859 6.77838 13.2394 7.13186L22.4675 16.3599Z' fill='%23004565'/%3E%3C/svg%3E ");
	background-repeat: no-repeat;
    background-position: center;
}

.circle.swiper-button-next,
.circle.swiper-button-prev{
	background-color: #fff;
	border: 1px solid var(--color-indigo);
	border-radius: 50%;
}

.circle.swiper-button-next.light,
.circle.swiper-button-prev.light{
	background-color: transparent;
	border-color: #fff;
}
.circle.swiper-button-next.light:after,
.circle.swiper-button-prev.light:after{
	filter: invert() brightness(10);
}


.arrows.outside .swiper-button-prev {
	left: -30px;
	top: 40%;
}
.arrows.outside .swiper-button-next {
	right: -30px;
	top: 40%;
}

@media screen and (max-width: 991.99px) {
	.circle.swiper-button-next,
	.circle.swiper-button-prev{
		display: none;
	}
}
@media screen and (min-width: 992px){	
	.swiper-button-prev,
	.swiper-button-next{
		width: 66px;
		height: 66px;
	}
}

.slider:has(.arrows.bottom){
	padding-bottom: 50px;
}
.arrows.bottom .circle.swiper-button-next,
.arrows.bottom .circle.swiper-button-prev{
	top: auto;
	bottom: 0;
}
.arrows.bottom .circle.swiper-button-prev {
	right: 65px;
	left: auto;
}

.slider:has(.arrows.bottom) .swiper-pagination{
	width: 50%;
	text-align: left;
}



.bg-seashell .circle.swiper-button-next,
.bg-seashell .circle.swiper-button-prev{
	background-color: var(--color-seashell);
}
.bg-off-white .circle.swiper-button-next,
.bg-off-white .circle.swiper-button-prev{
	background-color: var(--color-white);
}



/* Components > Tab Menu */

.module-tabs .tabs {
	min-height: 55px;
	/*box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);*/
}
.module-tabs .tabs ul {
    margin: 0 -15px;
    padding: 0 15px;
    white-space: nowrap;
    overflow: auto;
    display: flex;
    justify-content: center;
    border-bottom: solid 1px #CACACA;
}
.module-tabs .tabs ul li a {
    display: block;
    padding: 15px 12px;
    position: relative;
}
.module-tabs .tabs ul li a.active,
.module-tabs .tabs ul li a:hover{
	color: var(--bs-primary);
}

.module-tabs .tabs ul li a:before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 1px;
    background: var(--bs-primary);
    transition: 0.3s all;
}
.module-tabs .tabs ul li.current-menu-item a:before,
.module-tabs .tabs ul li a.active:before,
.module-tabs .tabs ul li a:hover:before{
    left: 10%;
    width: 80%;
}
.module-tabs .tabs.fixed{
	position: fixed;
	top: 70px;
	width: 100%;
	z-index: 1;
	box-shadow: 0px 5px 5px 0 rgb(0 0 0 / 0.05);
}


/* Categories Filter */

.categories-filter ul {
    margin: 0 -15px;
    padding: 0 15px;
    white-space: nowrap;
    overflow: auto;
    display: flex;
    gap: 20px;
}
.categories-filter ul li a {
    display: block;
    padding: 8px 22px;
    border: solid 1px var(--bs-primary);
    border-radius: 50px;
    position: relative;
}
.categories-filter ul li a.active,
.categories-filter ul li a:hover{
	background: var(--bs-primary);
	color: var(--bs-white);
}


/* Components > Title */

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

.title h1,
.title h2,
.title h3,
.title h4,
.title h5{
	margin: 0;
	font-weight: 700;
}

.title h1{
	font-size: 42px;
	line-height: 1em;
}
.title h2{
	font-size: 32px;
}
.title h3{
	font-size: 28px;
	margin-bottom: 12px;
}
.title h4{
	font-size: 22px;
}
.title h5{
	font-size: 22px;
}
.title span{
	color: var(--bs-primary);
}
.title p{
	margin: 0;
	margin-top: 8px;
}

.title .btn{
	margin-top: 20px;
}
.title .subtitle{
	margin: 0;
	font-weight: 700;
	font-size: 18px;
	color: var(--color-tangerine);
	margin-bottom: 8px;
}

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

.title h3 span.light{
	color: inherit;
	font-weight: 300;
	font-size: 16px;
}

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

@media screen and (min-width: 992px){
	.title{
		margin-bottom: 50px;
	}
	.title h1{
		font-size: 60px;		
	}
	.title h2{
		font-size: 54px;
	}
	.title h3{
		font-size: 40px;
		margin-bottom: 24px;
	}
	.title h3.small{
		font-size: 32px;
	}

	.title h4{
		font-size: 32px;
	}
	.title h5{
		font-size: 24px;
	}
	.title p{
		margin-top: 12px;
	}
	.title .subtitle{
		margin-bottom: 16px;
	}
	.title .description {
		font-size: 18px;
	}
	.title .btn{
		margin-top: 32px;
	}

	.title .icon img{
		max-width: 90px;
		height: auto;
	}


	.title h3 span.light{
		font-size: 24px;
	}
}

@media screen and (min-width: 1440px){
	.title h1{
		font-size: 72px;
	}
}	

/* Components > Video Player */

.video-player{
	position: relative;
	width: 100%;
	padding: 25% 0;
	background: #000 no-repeat center;
	background-size: cover;
	border-radius: 20px;
}
.video-player .play{
	display: none;
	position: absolute;
	align-items: center;
	justify-content: center;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 60px;
	height: 60px;
	font-size: 24px;	
	background: transparent;
	color: #fff;
	border: solid 2px #fff;
	border-radius: 50%;
	transition: 0.3s all;
	cursor: pointer;
}
.video-player.active .play,
.video-player:hover .play{	
	color: #fff;
}
.video-player .play:hover{
	transform: translate(-50%, -50%) scale(1.1);
}
.video-player .play i{
	margin-left: 4px;
}

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

	.video-player .play{
		width: 90px;
		height: 90px;
		font-size: 32px;
	}
	.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  {
}
.share ul {
	display: flex;
	align-items: center;
	margin: 0;
	gap: 8px;
}
.share ul li a{
	display: block;
	font-size: 16px;
	background: #F4F4F4;
	border-radius: 50%;
	width: 32px;
	height: 32px;
	text-align: center;
    align-content: center;
}
.share ul li a:hover{
	background: var(--color-indigo);
	color: #F4F4F4;
}

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

/* Components > Errors */

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

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


/* Structure */

.section{
	position: relative;
	padding: 50px 0;
}

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

/* Structure > Header */

/* Top Menu */

.header .top-menu {
	width: 100%;
    background: var(--color-blue);
    color: #fff;
    position: absolute;
    height: var(--top-menu-height);
    left: 0;
    top: calc(-1 * var(--top-menu-height));
    align-content: center;
}
.header .top-menu ul {
	display: inline-flex;
	gap: 20px;
	margin: 0;
}
.header .top-menu ul li{
	display: inline-flex;
	align-items: center;
}

.header .top-menu .container {
	align-items: center;
	justify-content: flex-end;
}

.header .top-menu li a{
    font-size: 14px;
}

.header .top-menu .menu li a:hover{
	text-decoration: underline;
}


/* Header */

.header {
    position: absolute;
    display: flex;
    align-items: center;
    top: var(--top-menu-height);
    left: 0;
    width: 100%;
    min-height: var(--header-min-height);
    z-index: 999;
    background: #FFF;
    border-bottom: solid 1px var(--silver);
}

.header .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header > .container {
	min-height: var(--header-min-height);
	position: relative;
}

.header .logo{
    display: block;
    max-width: 140px;
}

.header.fixed {
	top: 0;
    position: fixed;    
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);
    z-index: 9998;
    -webkit-animation: slideInDown 0.3s ease-out;
    -moz-animation: slideInDown 0.3s ease-out;
}


/* Megamenu */

.header .navigation .menu .megamenu{
	display: none;
    position: relative;
    top: calc(var(--header-min-height) + 1px);
    left: 0;
    width: 100%;
    /*min-height: 30vh;*/
    text-align: left;
    background: #fff;
    border-bottom: solid 1px #B3B3B3;
    padding: 0;
    z-index: 999;
}


.header .navigation .menu .megamenu .container {
	align-items: flex-start;
	padding-right: 0;
}

/* Menu Title*/
.header .navigation .menu .megamenu .menu-title{
	color: var(--color-tangerine);
	font-size: 32px;
	padding-top: 35px;
	width: 20%;
}


/* Menu resources */
.header .navigation .menu .megamenu .menu-resources{
	background: var(--color-seashell);
	padding: 32px 62px 32px 32px;
	font-weight: 600;
	position: relative;
}
.header .navigation .menu .megamenu .menu-resources li:first-child {
	color: var(--color-tangerine);
	font-size: 14px;
	font-weight: 700;
}

.header .navigation .menu .megamenu .menu-resources:before {
    content: '';
    width: 15vw;
    height: 100%;
    position: absolute;
    right: -15vw;
    top: 0;
    background: var(--color-seashell);
}

/* Menu Submenu */
.header .navigation .megamenu .sub-menu {
	padding-left: 0;
}
.header .navigation .megamenu .sub-menu .sub-menu{
	position: relative;
	width: 100%;
	padding: 0;
	z-index: 5;	
}

.header .navigation .megamenu .sub-menu li{
	display: block;
	margin-bottom: 0px;
}
.header .navigation .megamenu .sub-menu li .menu-subtitle{
	display: block;
}
.header .navigation .megamenu > .sub-menu > li > a{
	color: var(--color-tangerine);
	font-weight: 700;
}

.header .navigation .megamenu .sub-menu .sub-menu li a{
	font-size: 18px;
	font-weight: 700;
}

.header .navigation .megamenu .sub-menu .sub-menu li a .menu-subtitle {
	font-size: 14px;
	font-weight: 500;
	display: none;
}

.header .navigation .megamenu .container > ul.sub-menu > li > a {
	color: var(--color-tangerine);
	font-weight: 700;
}

/* Header > Navigation */

.header .nav-menu {
    position: relative;
    float: right;
    width: 35px;
    padding: 20px 0;
    z-index: 21;
    cursor: pointer;
    overflow: hidden;
    padding: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 10px 0;
}


.header .nav-menu .menu-line {
    float: right;
    display: block;
    width: 25px;
    height: 2px;
    margin: 3px 0;
    background: var(--bs-body-color);
    border-radius: 0px;
    transition: 0.3s;
}

.header .nav-menu.active {
	background: transparent;
}

.header .nav-menu.active .menu-line:nth-child(1) { transform: rotate(45deg); width: 40px; }
.header .nav-menu.active .menu-line:nth-child(3) { transform: rotate(-45deg); width: 40px; margin-top: -13px; }
.header .nav-menu.active .menu-line:nth-child(2) { opacity: 0; }


.header .navigation {
    display: none;
     top: calc(var(--header-min-height) + 1px);
    left: 0;
    width: 100%;
    height: auto;
    margin: 0;
    text-align: left;
    background: #fff;
}
.header .navigation.active{
	display: block;
}
.header .navigation .menu {
    margin: 15px 0;
}
.header .navigation .menu li a{
    display: block;
    padding: 12px 0;
    font-size: 16px;
}
.header .navigation .menu > li.current-menu-item > a,
.header .navigation .menu li a:hover{
	color: var(--color-tangerine);
}

.header .navigation .menu li.current-menu-item > a span,
.header .navigation .menu li a:hover span{
	color: var(--color-indigo);
}

.header .navigation .menu li.menu-contact a{
	padding: 11px 17px;
	color: var(--bs-white);
	background: var(--color-tangerine);
	border: solid 1px var(--color-tangerine);
	transition: 0.3s all;
	border-radius: 50px;
	text-align: center;
}
.header .navigation .menu li.menu-contact a:hover{
	background: var(--color-tangerine-dark);
}

/* Arrow */

.header .navigation .menu.primary > .menu-item-has-children > a:after {
    content: '';
    display: inline-block;
    width: 14px;
    height: 8px;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.39819 7.66292C7.17851 7.88259 6.82241 7.88259 6.60274 7.66292L0.867876 1.92804C0.648208 1.70837 0.648208 1.35227 0.867876 1.13259L1.13305 0.867393C1.35271 0.647718 1.70887 0.647718 1.92854 0.867393L7.00046 5.93934L12.0724 0.867393C12.2921 0.647718 12.6482 0.647718 12.8679 0.867393L13.1331 1.13259C13.3527 1.35227 13.3527 1.70837 13.1331 1.92804L7.39819 7.66292Z' fill='%23004565'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
	background-size: contain;
    margin-left: 4px;
    background-position: center center;    
    transition: transform 0.3s;
}

.header .navigation .menu.primary > .menu-item-has-children.current-menu-item > a:after,
.header .navigation .menu.primary > .menu-item-has-children > a:hover:after {
    filter: brightness(0) saturate(100%) invert(78%) sepia(89%) saturate(4361%) hue-rotate(318deg) brightness(109%) contrast(105%);
}


/* Header Desktop */

@media screen and (min-width: 1300px) {
    /*.header{
    	top: 47px;
        min-height: 95px;       	
    }*/
    .header .logo{
    	max-width: 179px;
	    margin: 8px 0 8px 0;
	    align-self: end;
    }
    .header .nav-menu {
        display: none;
    }
    .header .navigation{
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        width: 100%;
        background: transparent;
    }
    .header .navigation > .menu,
    .header .navigation > .menu > li{       
        display: inline-block;
        vertical-align: middle;
    }
    .header .navigation .menu{
        width: 100%;
        margin: 0;
        text-align: center;
        padding-right: 180px;
    }

    .header .navigation .menu .menu-contact {
    	position: absolute;
    	right: 70px;
    	top: 50%;
        transform: translateY(-50%);
    }

    .header .navigation .menu li a{
        padding: 5px 20px;
        text-align: left;
    }

    .header.fixed{
        min-height: 50px;
    }
    .header.fixed .top-menu{
    	display: none;
    }

   
   	.header .navigation .megamenu .sub-menu .sub-menu{
		column-count: 2;
	}
	.header .navigation .megamenu .sub-menu .sub-menu .menu-item {
	    break-inside: avoid;
	}


	/* Megamenu */

	.header .navigation .menu li.open-submenu .megamenu{
		display: block;
	}
	.header .navigation .menu .megamenu{
	    position: absolute;	    
	    border-bottom: none;
	    /*overflow: hidden;*/
	}

	.header .navigation .menu .megamenu:after {
	    content: '';
	    width: 150vw;
	    height: 100%;
	    background: #ffffff;
	    position: inherit;
	    top: 0;
	    left: -50vw;
	    z-index: -1;
	    border-bottom: solid 1px #B3B3B3;
	}

	.header .navigation .menu .megamenu .menu-resources{
		border-bottom: solid 1px #B3B3B3;
	}

	.header .navigation .menu li.open-submenu .megamenu .container{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		padding: 0 70px;
	}
	
	.header .navigation .megamenu .container > ul.sub-menu{
		width: 55%;
		padding-top: 35px;
	}

	.header .top-menu .socialmedia {
		display: block;
		margin-left: 20px;
	}
}

/* Header Mobile */

@media screen and (max-width: 1299px) {
	.header .top-menu ul.menu {
		display: none;
	}

	.header .top-menu .socialmedia {
		gap: 15px;
	}
	.header .top-menu .socialmedia li a{
	    font-size: 20px;
	    padding: 0;
	}

	.header .navigation{
		position: absolute;
		width: 100%;
		min-height: 100dvh;
		padding-bottom: 50px;
		 overflow-y: scroll;
	}

	.header .navigation .megamenu .container{
		flex-direction: column;
	}
   
    /*.header .navigation,
    .header .navigation .menu {
    	overflow-y: scroll;
    }*/
    .header .navigation .menu li .megamenu{
    	display: none;
    	padding: 20px 0;

    }
    .header .navigation .menu li.open-submenu .megamenu {
	    display: block;
	    top: 0;	   
	}

	.header .navigation .menu li.open-submenu .megamenu .menu-resources{
		display: none;
	}

	.header .navigation .megamenu .sub-menu .sub-menu li a{
		font-size: 16px;
		padding: 6px 0;
	}

	.header .navigation .menu li a {
		width: 100%;
	}
	.header .navigation .menu > li:not(:last-child) > a {
	    border-bottom: solid 1px var(--silver);
	    font-size: 17px;
	    padding: 12px 15px;
	    display: flex;
	    justify-content: space-between;
	    align-items: center;
	}
    .header .navigation .menu > li > a:before {
    	content: '';
	    width: 18px;
	    height: 10px;
	    background: url(assets/img/icons/icon-menu-arrow-down.svg) no-repeat center;
	    background-size: contain;
	    position: absolute;
	    right: 15px;
	    top: 20px;
	    transition: all 0.3s;
    }
     .header .navigation .menu > li.open-submenu > a:before {
    	transform: rotate(180deg);
    }
   


    .header .navigation .megamenu .container > .sub-menu {
    	width: 100%;
    }
	.header .navigation .megamenu .container > .sub-menu > li:not(:last-child):after{
		content: '' ;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 1px;
		background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='white' stroke-width='2' stroke-dasharray='3%2c 8' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
	}

	.header .navigation .menu li.menu-contact a {
		margin: 20px 10px;
        width: auto;
    }

	.header .navigation .menu li.menu-mobile{
		display: block !important;
	}

	/* Menu Title*/
	.header .navigation .menu .megamenu .menu-title{
		font-size: 18px;
		padding-top: 5px;

	}

	.header .navigation .megamenu .container > .sub-menu >li > a {
	    display: none;
	}
}



/*
	Modules
*/

/* Module > Presentation */


.presentation .slider .slide{
	display: flex;
	align-items: center;
	height: 100dvh;
	min-height: 600px;
	padding: 30px 0;
	background: var(--color-indigo) no-repeat bottom;
	background-size: cover;
	position: relative;
}

.presentation .title {
	max-width: 920px;
	color: var(--bs-white);
	margin: 0 auto;
}
.presentation .title p{
	max-width: 740px;
	margin: 0 auto;
}

.presentation .title h1{
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	text-transform: uppercase;
}

.presentation .parallax-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    z-index: 0;
}

.presentation .shape {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
	max-width: 30%;
}

@media screen and (min-width: 992px) {
	.presentation .slider .slide{
		max-height: 855px;
		padding: 50px 0;
	}

	.presentation .title h1{
		font-size: 66px;
	}

    .presentation .title p:not(.subtitle){
    	font-size: 21px;
    }
}


/* Modules > Banner */

.banner{
	height: 60dvh;
	position: relative;
	display: flex;
	align-items: center;
	background: var(--color-indigo) no-repeat center;
	background-size: cover;	
	padding: 50px 0;
	min-height: 350px;
	overflow: hidden;
}

.banner .title{
	position: relative;
	max-width: 650px;
	margin: 0;
	color: var(--bs-white);
	z-index: 2;
	margin-top: var(--header-min-height);
}

.banner .bg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.banner .bg img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.banner .shape {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 2;
	max-width: 50%;
}
@media screen and (min-width: 992px){
	.banner{
		height: 100dvh;
	}

	.banner .title p:not(.subtitle) {
    	font-size: 18px;
    }
}


/* Module Menu Inner */
.menu-inner{
	min-height: 55px;
	color: #fff;
	background: var(--color-blue);
	align-content: center;
	transition: 0.3s all;
}

.menu-inner ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 40px;
    padding: 0 15px;
    margin: 0 -15px;
    white-space: nowrap;
    overflow: auto;
}
.menu-inner ul li a {
    display: block;
}
.menu-inner ul li a:hover{
	color: var(--color-tangerine);
}

.menu-inner.fixed{
	position: fixed;
	top: var(--header-min-height);
	width: 100%;
	z-index: 998;
	box-shadow: 0px 5px 5px 0 rgb(0 0 0 / 0.05);
}
@media screen and (min-width: 992px){
	.menu-inner ul {
	    justify-content: center;
	}
}
@media screen and (min-width: 1300px){
	.menu-inner {
		min-height: 72px;
	}
	.menu-inner.fixed{
		min-height: 55px;
	}
}

body:has(.menu-inner.fixed){
	padding-top: 55px;
}



/* Module > Newsletter */

.module-newsletter{
	
}



/* Modules > Faqs */

.module-accordion .items{

}
.module-accordion .items .item{
	position: relative;
	margin-bottom: 3px;
	border-bottom: solid 1px var(--bs-primary);
	padding: 20px 0;
}

.module-accordion .items .item .question{
	position: relative;
	display: block;
	font-size: 18px;
	font-weight: 600;
	padding-right: 50px;

}
.module-accordion .items .item .question:after {
    content: '+';
    position: absolute;
    top: calc(50% - 10px);
    right: 0px;
    width: 20px;
    height: 20px;
    line-height: 20px;
}
.module-accordion .items .item .question[aria-expanded="true"]{
	
}
.module-accordion .items .item .question[aria-expanded="true"]:after{
	content: '-';
}

.module-accordion .items .item .answer{
	margin-top: 15px;
}

.module-accordion .items .item .answer a {
	text-decoration: underline;
}

.module-accordion .items .item .answer a:hover {
	color: var(--bs-primary);
}

.module-accordion .items .item .answer .data {
	max-width: 980px;
}

@media screen and (min-width: 992px) {
	.module-accordion .items .item .question:after {
		right: 20px;
	}
}

/* Module > Clients */

.module-clients .swiper .swiper-slide article{
    display: flex;
    align-items: center;
    justify-content: center;
}
.module-clients .swiper .swiper-slide article img {
	aspect-ratio: 1 / 1;
	object-fit: contain;
}

.module-clients .swiper-wrapper {
  -webkit-transition-timing-function: linear !important;
  -o-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
}


/* Module image text */
.module-img-txt .title .description {
	max-width: 616px;
}

.module-img-txt .title .see-more{
	margin-top: 30px;
}

.module-img-txt .image,
.module-img-txt .image img {
	aspect-ratio: 0.88 / 1;
	object-fit: cover;
	background: var(--color-off-white);
}

.module-img-txt .title .description ul{
	padding-right: 1.2rem;
}

.module-img-txt .title .description ul li{
	margin-bottom: 12px;
}

.module-img-txt .title h3 {
	text-wrap-style: balance;
}
@media screen and (min-width: 992px) {
	.module-img-txt.image-left .title{
		padding-left: 50px;
	}
}

/* Module > Professionals */
.module-professionals.feed .items article .thumbnail,
.module-professionals.feed .items article .thumbnail img {
	aspect-ratio: 1.39 / 1;
}
.module-professionals.feed .items article .data .subtitle{
	font-size: 14px;
	font-weight: 700;
}
.module-professionals .data h2{
	font-size: 24px;
	font-weight: 700;
}

/* Module > Contact */

.module-contact{
	
}


/*
	Pages
*/

.page.relative,
.single.relative {
	margin-top: calc(var(--header-min-height) + var(--top-menu-height));
}

/* Page > Home */

.page.home .links {
	margin-top: -160px;
	position: relative;
	z-index: 5;
}
.page.home .links .items article{	
	padding:20px;
}

.page.home .links .items article:hover{
	background: var(--color-blue-dark);
}
@media screen and (min-width: 992px){
	.page.home .links .items article{	
		padding: 40px 20px;
	}
}

.page.home .about .items article {
	padding: 24px;
}
.page.home .about .items article:hover{
	background: var(--color-tangerine);
	color: var(--color-white);
}
.page.home .about .items article:hover .icon{
	filter: brightness(0) invert(1);
}

.page.home .services .slider article {
	max-width: 280px;
	margin: 0 auto;
}

.page.home .services .slider article .icon{
	min-height: 130px;
}

.page.home .members .title h3{
	max-width: 475px;
}
.page.home .services .items .data h2{
	font-size: 24px;
}



/* Page > About */

@media screen and (min-width: 992px){
	.page.about .values .item-3 ul,
	.page.about .history .content {
		column-count: 2;
		column-gap: 100px;
	}
	.page.about .values .item-3 ul li{
		max-width: 500px;
	}
}

/*
.page.about .team .directors .items article {
	display: flex;
	align-items: center;
	gap: 12px;
}

.page.about .team .directors .items article .thumbnail,
.page.about .team .directors .items article .thumbnail img{
	background: var(--color-seashell);
	width: 80px;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	object-fit: cover;
	overflow: hidden;
}
*/

/*.page.about .team .directors .items {
	max-width: 1200px;
}*/

.page.about .team .items article .data h2,
.page.about .team .items article .data h4{
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 0;
}

.page.about .team .staff .items .item{
	 break-inside: avoid;
}
@media screen and (min-width: 992px){
	.page.about .team .staff .items{
		column-count: 3;
	}
}

@media screen and (min-width: 1200px){
	.page.about .team .staff .items{
		column-count: 4;
	}
}

/* Page > Members */
.page.members .who .items .item {
	margin-bottom: 24px;
}
.page.members .who .items .item h4{
	font-size: 20px;
	font-weight: bold;
}

@media screen and (min-width: 992px){
	.page.members .who .items{
		column-count: 2;
		column-gap: 200px;
	}
	.page.members .who .items .item-5 {
	    break-before: column;
	}
}


.page.members .types .items article .data{
	max-width: 410px;
	margin: 0 auto;
}


.page.members .active-member .items li {
    position: relative;
    padding-left: 32px; 
    margin-bottom: 16px;
}

.page.members .active-member .items li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 23px;
    background-image: url("data:image/svg+xml;utf8,<svg width='24' height='23' viewBox='0 0 24 23' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12 23C18.3513 23 23.5 17.8513 23.5 11.5C23.5 5.14873 18.3513 0 12 0C5.64873 0 0.5 5.14873 0.5 11.5C0.5 17.8513 5.64873 23 12 23Z' fill='%23FF9966'/><path d='M17.3727 7.7802L10.7598 15.2198' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/><path d='M6.62695 11.9133L10.7601 15.2198' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");
    background-size: contain;
    background-repeat: no-repeat;
}

@media screen and (min-width: 992px){
	.page.members .active-member .items{
		column-count: 2;
		column-gap: 200px;
	}
}

.page.members .benefits .items article .image,
.page.members .benefits .items article .image img{
	aspect-ratio: 1.63 / 1;
	object-fit: cover;
	margin-bottom: 36px;
}

.page.members .plans .items article{
	padding: 32px;
}

.page.members .plans .items article .title {
	min-height: 70px;
}
.page.members .plans .items article .title h4{
	font-size: 20px;
	color: var(--color-blue-sky);
}
.page.members .plans .items article .price{
	border-top: solid 1px var(--color-indigo);
	border-bottom: solid 1px var(--color-indigo);
	padding: 32px 0;
}

.page.members .plans .items article .price .number{
	font-size: 56px;
	font-weight: 700;
	margin: 0;
}
.page.members .plans .items article .price .tag{
	font-size: 14px;
	font-weight: 700;
	margin: 0;
}



.page.members .payment .items article{
	background: var(--color-blue-light);
	color: var(--color-white);
	padding: 32px;
	/*min-height: 280px;*/
	transition: all 0.3s ease;
}
.page.members .payment .items article:hover{
	background: var(--color-blue);
}


/* Page > Services */
.page.services .feed .item .childs-items li a{
	display: flex;
	align-items: center;
	border-bottom: solid 1px var(--color-indigo);
	width: 100%;
	gap: 16px;
	padding: 20px 0;
}

.page.services .feed .item .childs-items .icon{
	min-width: 70px;
}

.page.services .feed .item .childs-items li h2{
	font-size: 20px;
	font-weight: 700;
}
.page.services .feed .item .title .description{
	max-width: 616px;
}


/* Relateds > Services */
.relateds .feed-services article {
	height: 100%;
}
.relateds .feed-services article .thumbnail,
.relateds .feed-services article .thumbnail img{
	aspect-ratio: 1.29 / 1;
}
.relateds .feed-services article .data{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.relateds .feed-services article .data .title h2 {
	font-size: 32px;
	margin-top: 32px;
}
.relateds .feed-services article .data .title p{
	font-weight: 400;
}
.relateds .feed-services article .data .see-more{
	position: absolute;
	bottom: 0;
}


/* Proffesionals  > Articles */
.page.material .banner .title {
	max-width: 755px;
}

.articles-items .items article,
.material-items .items article{
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	background: #FFF;	
	gap: 24px;
	padding: 24px 20px;
}
.articles-items .articles .items article .date{
	font-size: 14px;
	font-weight: 400;
}
.articles-items .items article h2,
.material-items .items article h2{
	font-size: 20px;
}

.material-items .items article .title{
	min-height: 120px;
}
.material-items .items article .title .subtitle{
	color: var(--color-indigo);
	font-size: 14px;
}



/* Proffesionals  > Books */
.page.books .books-items .module-img-txt .image,
.page.books .books-items .module-img-txt .image img{
	background: #FCF2ED;
	text-align: center;
}

.page.books .books-items .module-img-txt .image img{
	width: 616px;
	margin: 0 auto;
}
.page.books .books-items .module-img-txt:nth-child(even) .image,
.page.books .books-items .module-img-txt:nth-child(even) .image img{
	background: #EDF8FB;
}


/* Pages > Resources */
.page.resources .categories-filter .navbar{
	justify-content: center;
}
.page.resources .categories-filter ul li a{
	border: none;
	padding: 0;
}

.page.resources .categories-filter ul li a:hover{
	background: transparent;
	color: var(--color-tangerine);
}


.page.resources .intro .title{
	max-width: 850px;
}


.page.resources.notas .banner .title{
	max-width: 780px;
}


/* Pages > Contact */

.page.contact .vias li{
	display: flex;
	gap: 16px;
	margin-bottom: 16px;
}

.page.contact .vias li .icon{
	min-width: 28px;
}

.page.contact .hours{
	font-size: 18px;
}

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

/* Page > Bookings */
.page.bookings .data .whatsapp i{
	font-size: 48px;
}

/* Page > Locations */

.page.locations .locations .items article a:hover{
	text-decoration: underline;
}

.page.locations select.form-select{
	width: 160px;
}
.page.locations .table {
	--bs-table-bg: transparent;
	--bs-table-border-color: var(--color-indigo);
	--bs-table-color: var(--color-indigo);
	--bs-table-hover-bg: rgb(225 225 225 / 26%);
	--bs-table-hover-color: var(--color-indigo);
	max-width: 890px;
    margin: 0 auto;
}

.page.locations .table a:hover{
	text-decoration: underline;
}

.page.locations .table>:not(caption)>*>* {
	padding: 15px 0;
}

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

.page.page-maintenance .socialmedia .youtube{
	display: none;
}

/*
	CPT Feed
*/

/* Feed > General */

.feed article{
	position: relative;
}
.feed article a{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}
.feed article .thumbnail{
	display: block;
	aspect-ratio: 1.7 / 1;
	width: 100%;
	background-color: #eee;
	overflow: hidden;
	border-radius: 20px;
}
.feed article .thumbnail img{
	aspect-ratio: 1.7 / 1;
	object-fit: cover;
	width: 100%;
	transition: 0.3s all;
}
.feed article:hover .thumbnail img{
    transform: scale(1.1);
}

/* Feed > Blog */

.feed-resources article .thumbnail,
.feed-resources article .thumbnail img{
	aspect-ratio: 16 / 9;
}

.feed-resources article .data {
	padding: 24px 0;
}
.feed-resources article .data h2{
	margin: 16px 0 16px;
	font-size: 24px;
}
.feed-resources article .data p{

}
.feed-resources article .meta {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 14px;
	font-weight: 700;
	gap: 16px;
}
.feed-resources article .meta .category{
	display: inline-block;
	vertical-align: middle;
	font-weight: 600;
	background: var(--color-tangerine);
	color: var(--color-white) ;
	border-radius: 16px;
	padding: 4px 14px;
}
.feed-resources article .author{
	display: none;
}

/***/
.notas.feed-resources article .author{
	display: block;
}

/* Feed > Latest */
.latest .feed-resources article .thumbnail,
.latest .feed-resources article .thumbnail img{
	/*aspect-ratio: 1.22 / 1;*/
}

/* Feed > Product */

.feed-products article {
	padding: 0 50px;
}
.feed-products article .thumbnail,
.feed-products article .thumbnail img{
	aspect-ratio: 1.4 / 1;
	background: #fff;
}
.feed-products article:hover .thumbnail img{
    transform: scale(1.05);
}

.feed-products article .data h2{
	font-size: 24px;
	font-weight: 700;
}



/* Relateds products */
.relateds .feed-products article{
	background: #fff;
	box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.07);
	border-radius: 16px;
	padding: 24px 0;
}
.relateds .feed-products article .data h2{
	font-size: 20px;
}

/***/
.feed.products-cat article .thumbnail,
.feed.products-cat article .thumbnail img{
	aspect-ratio: 2.13 / 1;
}


/*
	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 */
@media screen and (min-width: 992px){
	.single.resources .content .title h1 {
		font-size: 54px;
	}
}

.single.resources .content .thumbnail img{
	border-radius: 20px;	
	aspect-ratio: 2.19 / 1;
    object-fit: cover;
}

.single.resources .content article a{
	color: var(--color-blue);
}
.single.resources .content article a:hover{
	text-decoration: underline;
}

.single.resources .tags {
}

.single.resources .tags ul{
	display: flex;
	padding: 0;
	margin: 0;
	list-style: none;
	gap: 16px;
}
.single.resources .tags ul li a{
	display: block;
	background: var(--color-indigo-light);
	color: var(--color-white);
	border: solid 1px var(--color-indigo-light);
	border-radius: 20px;
	padding: 5px 20px;
}

.single.resources .tags ul li a:hover{
	background: transparent;
	color: var(--color-indigo-light);
}


/* CPT > single > Products */

.single.products .title h1{
	font-size: 28px;

}

@media screen and (min-width: 992px){
	.single.products .title h1{
		font-size: 40px;
	}
}

.single.products .swiper .thumbnail img{
	aspect-ratio: 1 / 1;
	object-fit: cover;
}
.single.products .product-thumbs-slider {
	margin-top: 16px;
}
.single.products .product-thumbs-slider .thumbnail img{
	opacity: 0.5;
}

.single.products .swiper-slide-thumb-active .thumbnail img{
	opacity: 1;
}



/* Single > Services */
.single.services .intro .thumbnail img{
	height:50dvh;
	object-fit: cover;
}

.single.services .intro .title{
	/*max-width: 530px;*/
	max-width: 650px; 
}
.single.services .intro .title h1{
	text-wrap-style: balance;
}

.single.services .intro .swiper-button-prev,
.single.services .intro .swiper-button-next{
	width: 42px;
	height: 42px;
}

.single.services .module-img-txt ol li::marker{
	font-size: 32px;
	font-weight: 700;
}
@media screen and (min-width: 992px){
	.single.services .intro .thumbnail img{
		height: 100dvh;
		max-height: 800px;
	}
}

.single.services .module.icons .items h4{
	font-size: 20px;	
	text-wrap-style: balance;
}

.single.services .module.slider-text .swiper-button-prev,
.single.services .module.slider-text .swiper-button-next{
	width: 42px;
	height: 42px;
}



.single.services .module.text-box .items article h4{
	color: var(--color-blue-sky);
}
.single.services .module.text-box .items article .data{
	text-wrap-style: balance;
}
.single.services .module.text-box .items article h4 span {
	color: var(--color-indigo-light);
}

/* Structure > Footer */
.footer{
	background: var(--color-blue);
	color: var(--color-white);
}
.footer a:hover{
	text-decoration: underline;
}

.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: 179px;
	margin: 0 auto 30px;
}

.footer .copyright {
	margin-top: 50px;
	padding-top: 30px;
	border-top: solid 1px #fff;
}
.footer .copyright p{
	margin: 0;
	font-size: 14px;
}

.footer .menu {
	border-top: solid 1px #fff;
	padding-top: 50px;
}

.footer .menu > li > a{
	display: block;
	color: var(--color-tangerine);
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 10px;
	margin-top: 22px;
}
.footer .menu .sub-menu{
	list-style: none;
	padding: 0;
}

.footer .menu .sub-menu li{
	padding: 6px 0;
	font-size: 14px;
	font-weight: 400;
}


.footer .module-newsletter{
	padding-top: 50px;
}

@media screen and (min-width: 992px){
	.footer .widgets{
		padding: 80px 0;
		text-align: left;
	}
	.footer .widgets .logo{
		margin: 0;
	}	
	.footer .menu{
		display: flex;
		justify-content: space-between;
		padding-top: 80px;
	}

	.footer .copyright {
		margin-top: 80px;
	}
	.footer .module-newsletter{
		padding-top: 80px;
	}

	.footer .menu > li > a{ 
		margin-top: 0;
	}

		
}

/* Extras */

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

.map .gm-style-iw-d{
	padding-right: 30px;
}

.map .gm-style-iw-chr button {
    position: absolute !important;
    right: 0;
    z-index: 5;
}