/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

@font-face {
    font-family: 'Canta One';
    src: url('./assets/fonts/cantataone-regular-webfont.woff2') format('woff2'),
         url('./assets/fonts/cantataone-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('./assets/fonts/opensans-light-webfont.woff2') format('woff2'),
         url('./assets/fonts/opensans-light-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('./assets/fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('./assets/fonts/opensans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('./assets/fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('./assets/fonts/opensans-bold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('./assets/fonts/montserrat-semibold-webfont.woff2') format('woff2'),
         url('./assets/fonts/montserrat-semibold-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

:root {
	--oea_border_sizes: 1px;
	--oea_transition_duration: 0.1s;
	--oea_cubic_bezier_property: 0.4, 0, 0, 1;
	--oea_spacing_default : 1rem;
}

/*CSS STARTER KIT*/

strong {
	color: var(--oea_colors_accent);
}

html {
	scroll-behavior: smooth;
}

.border-radius-img img {
	border-radius: 50px !important;
}

.border-radius.bg-overlay-gradient-1::before, .border-radius.bg-overlay-gradient-2::before {
	border-radius: 4px;
}

.border-radius-ov::before {
    border-radius: 50px !important;
}

/*CSS FORM*/

.gform_fields,
.gform_wrapper.gravity-theme .gform_fields {
	grid-row-gap:1rem !important;
}

input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
select,
textarea {
	padding: 1.35rem 1.25rem !important;
	line-height: 1em !important;
	border-radius:3px !important;
	border: 1px solid var(--oea_colors_dark);
	background-color: transparent !important;
}

.dark-section input[type=date],
.dark-section input[type=email],
.dark-section input[type=number],
.dark-section input[type=password],
.dark-section input[type=search],
.dark-section input[type=tel],
.dark-section input[type=text],
.dark-section input[type=url],
.dark-section select,
.dark-section textarea {
	border: 1px solid var(--oea_colors_alternate);
	background-color: transparent !important;
}

input[type=date]::placeholder,
input[type=email]::placeholder,
input[type=number]::placeholder,
input[type=password]::placeholder,
input[type=search]::placeholder,
input[type=tel]::placeholder,
input[type=text]::placeholder,
input[type=url]::placeholder,
select,  
textarea::placeholder {
	color: var(--oea_colors_dark) !important;
}

input[type=date]::placeholder,
input[type=email]::placeholder,
input[type=number]::placeholder,
input[type=password]::placeholder,
input[type=search]::placeholder,
input[type=tel]::placeholder,
input[type=text]::placeholder,
input[type=url]::placeholder,
select,  
.dark-section textarea::placeholder {
	color: var(--oea_colors_dark) !important;
}

textarea {
	max-height: 7rem !important;
}

/*CSS LIST*/

.osmose-tabs-anything ul,
.osmose-repeat-anything .list-style  ul,
.elementor-widget-text-editor .elementor-widget-container ul {
	padding-inline-start:0px;
	list-style-type: none;
	line-height: 1.4em;
	margin-bottom: .5rem;
}

.osmose-tabs-anything ul li,
.osmose-repeat-anything .list-style  ul li,
.elementor-widget-text-editor .elementor-widget-container ul li {
	margin-bottom: .5rem;
	display: flex;
	align-items: start;
}

.osmose-tabs-anything ul li:before,
.osmose-repeat-anything .list-style ul li:before,
.elementor-widget-text-editor .elementor-widget-container ul li:before {
    content: '\f054';
    font-family: 'Font Awesome 5 Pro';
    display: inline-block !important;
    margin-right: 10px;
    color: var(--oea_colors_white);
    font-weight: 300;
}

.dark-section .osmose-tabs-anything ul li:before,
.dark-section .osmose-repeat-anything .list-style  ul li:before,
.dark-section.elementor-widget-text-editor .elementor-widget-container ul li:before, 
.dark-section .elementor-widget-text-editor .elementor-widget-container ul li:before {
    color: var(--oea_colors_accent);
}

/*CSS BUTTON*/

button.btn.btn-primary, a.btn.btn-primary, .btn-primary.elementor-widget-button .elementor-button,  
button.btn.btn-secondary, a.btn.btn-secondary, .btn-secondary.elementor-widget-button .elementor-button {
	text-transform: uppercase !important;
	letter-spacing: 1.6px;
	font-weight: 700 !important;
}


button.btn.btn-primary:after, a.btn.btn-primary:after, .btn-primary.elementor-widget-button .elementor-button span.elementor-button-text:after,
button.btn.btn-secondary:after, a.btn.btn-secondary:after, .btn-secondary.elementor-widget-button .elementor-button span.elementor-button-text:after {
	content: '\f054';
    font-family: 'Font Awesome 6 Pro';
    display: inline-block !important;
    font-size: 15px;
    font-weight: 400;
    margin-left: 15px;
    transition: all ease.5s;
}

button.btn.btn-primary.btn-phone:before, a.btn.btn-primary.btn-phone:before, .btn-primary.btn-phone.elementor-widget-button .elementor-button span.elementor-button-text:before,
button.btn.btn-secondary.btn-phone:before, a.btn.btn-secondary.btn-phone:before, .btn-secondary.btn-phone.elementor-widget-button .elementor-button span.elementor-button-text:before  {
	content: '\f095';
    font-family: 'Font Awesome 5 Pro';
    display: inline-block;
    margin-right: 10px;
    position: relative;
    top: 1px;
	font-weight: 900;
}

button.btn.btn-primary.btn-phone:after, a.btn.btn-primary.btn-phone:after, .btn-primary.btn-phone.elementor-widget-button .elementor-button span.elementor-button-text:after,
button.btn.btn-secondary.btn-phone:after, a.btn.btn-secondary.btn-phone:after, .btn-secondary.btn-phone.elementor-widget-button .elementor-button span.elementor-button-text:after  {
	content: none;
}

.light-section button.btn.btn-primary:hover,
.light-section a.btn.btn-primary:hover,
.light-section .btn-primary.elementor-widget-button .elementor-button:hover {
	background-color: var(--oea_colors_dark) !important;
	color: var(--oea_colors_white) !important;
} 

.light-section button.btn.btn-secondary:hover,
.light-section a.btn.btn-secondary:hover,
.light-section .btn-secondary.elementor-widget-button .elementor-button:hover {
	background-color: var(--oea_colors_dark) !important;
	color: var(--oea_colors_white) !important;
	border-color: var(--oea_colors_dark) !important;
}

/*SLICK CSS*/

.slick-dots {
	bottom: -40px;
}

.slick-dots li.slick-active button:before,
.slick-dots li:hover button:before {
    color: var(--oea_colors_secondary);
    opacity: 1;
}

.slick-dots li {
    margin: 0px;
}

.slick-dots button:hover, 
.slick-dots button:focus, 
.slick-dots button:focus-visible {
    background-color: transparent !important;
}

.slick-prev, .slick-next {
    font-size: 40px !important;
    line-height: 1.5em !important;
    height: 55px !important;
    width: 55px !important;
    color: var(--oea_colors_white) !important;
}

.slick-next {
    right: -60px !important;
}

.slick-prev {
    left: -60px !important;
}

.slick-prev:before, .slick-next:before {
    font-family: 'Font Awesome 6 Pro' !important;
    font-size: 60px !important;
    line-height: 1;
    opacity: 1 !important;
    color: var(--oea_colors_primary) !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-weight: 200;
}

.slick-prev::before {
    content: '\f053' !important;
}

.slick-next::before {
    content: '\f054' !important; 
}

/*CSS UTILITIES*/

/*CSS UTILITIES FONT FAMILY*/

.primary-font {
	font-family: var(--oea_primary_font);
}

.secondary-font {
	font-family: var(--oea_secondary_font);
	
}

/*CSS UTILITIES TRANSITION*/

/*CSS TRANSITION-PROPERTY*/

.oea-transition.oea-property-all,
.oea-transition-before.oea-property-all::before,
.oea-transition-after.oea-property-all::after,
.oea-transition-img.oea-property-all-img img{
	transition-property: all;
}

.oea-transition.oea-property-box-shadow,
.oea-transition-before.oea-property-box-shadow::before,
.oea-transition-after.oea-property-box-shadow::after{
	transition-property: box-shadow;
}

/*CSS TIMING-FUNCTION*/

.oea-transition.oea-timing-function-ease,
.oea-transition-before.oea-timing-function-ease::before,
.oea-transition-after.oea-timing-function-ease::after,
.oea-transition-img.oea-timing-function-ease-img img {
	transition-timing-function: ease;
}

.oea-transition.oea-timing-function-cubic-bezier,
.oea-transition-before.oea-timing-function-cubic-bezier::before,
.oea-transition-after.oea-timing-function-cubic-bezier::after,
.oea-transition-img.oea-timing-function-cubic-bezier-img img {
	transition-timing-function: cubic-bezier(var(--oea_cubic_bezier_property));
}

/*CSS TRANSITION-DURATION*/

.oea-transition.oea-duration-1,
.oea-transition-before.oea-duration-1::before,
.oea-transition-before.oea-duration-1::after,
.oea-transition-img.oea-duration-1-img img{
	transition-duration: var(--oea_transition_duration);
}

.oea-transition.oea-duration-2,
.oea-transition-before.oea-duration-2::before,
.oea-transition-after.oea-duration-2::after,
.oea-transition-img.oea-duration-2-img img{
	transition-duration: calc(var(--oea_transition_duration)*2);
}

.oea-transition.oea-duration-3,
.oea-transition-before.oea-duration-3::before,
.oea-transition-after.oea-duration-3::after,
.oea-transition-img.oea-duration-3-img img {
	transition-duration: calc(var(--oea_transition_duration)*3);
}

.oea-transition.oea-duration-4,
.oea-transition-before.oea-duration-4::before,
.oea-transition-after.oea-duration-4::after,
.oea-transition-img.oea-duration-4-img img{
	transition-duration: calc(var(--oea_transition_duration)*4);
}

.oea-transition.oea-duration-5,
.oea-transition-before.oea-duration-5::before,
.oea-transition-after.oea-duration-5::after,
.oea-transition-img.oea-duration-5-img img{
	transition-duration: calc(var(--oea_transition_duration)*5);
}

/*CSS UTILITIES TEXT ALIGNEMENT*/

.text-center {
	text-align: center;
}

.text-left {
	text-align: left;
}

.text-right {
    text-align: right;
}

/*CSS WIDTH UTILITIES*/

.width-fit-content {
	width: fit-content;
}

.width-20 {
    width: 20%;
}

.width-30 {
    width: 30%;
}

.width-40 {
    width: 40%;
}

.width-50 {
    width: 50%;
}

.width-70 {
    width: 70%;
}

.width-80 {
    width: 80%;
}

.width-85 {
    width: 85%;
}

.width-90 {
    width: 90%;
}

.width-100 {
    width: 100%;
}

.min-width-100,
.min-width-100-img img {
    min-width: 100%;
}

/*CSS HEIGHT UTILITIES*/

.min-height-100,
.min-height-100-img img{
    min-height: 100%;
}

.height-fill-available {
	height: -webkit-fill-available;
}

.height-100,
.height-100-slider .slick-slide,
.height-100-slider-div .slick-slide>div {
	height: 100%;
}

.height-90 {
	height: 90%
}

.height-85 {
	height: 85%
}

/*CSS FONT SIZES*/

.fs-0-75 {
	font-size: 0.75rem;
}

.fs-0-9 {
	font-size: 0.9rem;
}

.fs-1 {
	font-size: 1rem;
}

.fs-1-2 {
	font-size: 1.2rem;
}

.fs-1-3 {
	font-size: 1.3rem;
}

.fs-1-5 {
	font-size: 1.5rem;
}

.fs-1-8 {
	font-size: 1.8rem;
}

.fs-2 {
	font-size: calc(1rem * 2);
}

.fs-3 {
	font-size: calc(1rem * 3);
}

.fs-4 {
	font-size: calc(1rem * 4);
}

.fs-5 {
	font-size: calc(1rem * 5);
}

.fs-6 {
	font-size: calc(1rem * 6);
}

/*CSS LETTER-SPACING*/

.ls-0-8 {
	letter-spacing: 0.8px;
}

.ls-0-9 {
	letter-spacing: 0.9px;
}

/*FONT WEIGHTS*/

.fw-bold {
	font-weight: bold;
}

.fw-bolder {
	font-weight: bolder;
}

/*FONT-STYLE*/

.italic {
	font-style: italic;
}

/*CSS TEXT TRANSFORM*/

.uppercase {
	text-transform: uppercase;
}

/*CSS TEXT DECORATION*/

.text-decoration-underline {
	text-decoration: underline !important;
}

/*CSS LINE-HEIGHT*/

.lh-1 {
	line-height: 1;
}

.lh-1-2 {
	line-height: 1.2;
}

.lh-1-3 {
	line-height: 1.3;
}


/*CSS UTILITIES MARGINS*/

/*NO MARGIN*/

.no-margin, 
.no-margin h1, 
.no-margin .h1, 
.no-margin h2, 
.no-margin .h2, 
.no-margin h3, 
.no-margin .h3, 
.no-margin p  {
	margin: 0 !important;
}

/*AUTO*/
.ms-auto,
.mx-auto {
	margin-left: auto;
}

.me-auto,
.mx-auto {
	margin-right: auto;
}

.mt-auto,
.my-auto {
	margin-top: auto;
}

.mb-auto,
.my-auto {
	margin-bottom: auto;
}

/*0 REM*/
.mt-0,
.my-0{
    margin-top: calc(var(--oea_spacing_default)*0);
}
.me-0,
.mx-0 {
    margin-right: calc(var(--oea_spacing_default)*0);
}
.mb-0,
.my-0 {
    margin-bottom: calc(var(--oea_spacing_default)*0);
}
.ms-0,
.mx-0 {
    margin-left: calc(var(--oea_spacing_default)*0);
}

/*0.5 REM*/
.mt-0-5,
.my-0-5{
	margin-top: calc(var(--oea_spacing_default)*0.5);
}

.me-0-5,
.mx-0-5 {
	margin-right: calc(var(--oea_spacing_default)*0.5);
}

.mb-0-5,
.my-0-5 {
	margin-bottom: calc(var(--oea_spacing_default)*0.5);
}

.ms-0-5,
.mx-0-5 {
	margin-left: calc(var(--oea_spacing_default)*0.5);
}

/*1 REM*/
.mt-1,
.my-1 {
	margin-top: var(--oea_spacing_default);
}

.me-1,
.mx-1 {
	margin-right: var(--oea_spacing_default);
}

.mb-1,
.my-1 {
	margin-bottom: var(--oea_spacing_default);
}

.ms-1,
.mx-1 {
	margin-left: var(--oea_spacing_default);
}


/*-1 REM*/
.mt-n-1,
.my-n-1,
.m-n-1  {
	margin-top: calc(var(--oea_spacing_default)*-1);
}

.me-n-1,
.mx-n-1,
.m-n-1 {
	margin-right: calc(var(--oea_spacing_default)*-1);
}

.mb-n-1,
.my-n-1,
.m-n-1  {
	margin-bottom: calc(var(--oea_spacing_default)*-1);
}

.ms-n-1,
.mx-n-1,
.m-n-1 {
	margin-left: calc(var(--oea_spacing_default)*-1);
}


/*-2 REM*/
.mt-n-2,
.my-n-2,
.m-n-2 {
	margin-top: calc(var(--oea_spacing_default)*-2);
}

.me-n-2,
.mx-n-2,
.m-n-2 {
	margin-right: calc(var(--oea_spacing_default)*-2);
}

.mb-n-2,
.my-n-2,
.m-n-2 {
	margin-bottom: calc(var(--oea_spacing_default)*-2);
}

.ms-n-2,
.mx-n-2,
.m-n-2 {
	margin-left: calc(var(--oea_spacing_default)*-2);
}

/*2 REM*/
.mt-2,
.my-2,
.m-2 {
	margin-top: calc(var(--oea_spacing_default)*2);
}

.me-2,
.mx-2,
.m-2 {
	margin-right: calc(var(--oea_spacing_default)*2);
}

.mb-2,
.my-2,
.m-2 {
	margin-bottom: calc(var(--oea_spacing_default)*2);
}

.ms-2,
.mx-2,
.m-2 {
	margin-left: calc(var(--oea_spacing_default)*2);
}

/*-2 REM*/
.mt-n-2,
.my-n-2 {
	margin-top: calc(var(--oea_spacing_default)*-2);
}

.mb-n-2,
.my-n-2 {
	margin-bottom: calc(var(--oea_spacing_default)*-2);
}

/*3 REM*/
.mt-3,
.my-3,
.m-3 {
	margin-top: calc(var(--oea_spacing_default)*3);
}

.me-3,
.mx-3,
.m-3 {
	margin-right: calc(var(--oea_spacing_default)*3);
}

.mb-3,
.my-3,
.m-3 {
	margin-bottom: calc(var(--oea_spacing_default)*3);
}

.ms-3,
.mx-3,
.m-3 {
	margin-left: calc(var(--oea_spacing_default)*3);
}

/*-3 REM*/
.mt-n-3,
.my-n-3 {
	margin-top: calc(var(--oea_spacing_default)*-3);
}

.mb-n-3,
.my-n-3 {
	margin-bottom: calc(var(--oea_spacing_default)*-3);
}

/*4 REM*/
.mt-4,
.my-4,
.m-4 {
	margin-top: calc(var(--oea_spacing_default)*4);
}

.me-4,
.mx-4,
.m-4 {
	margin-right: calc(var(--oea_spacing_default)*4);
}

.mb-4,
.my-4,
.m-4 {
	margin-bottom: calc(var(--oea_spacing_default)*4);
}

.ms-4,
.mx-4,
.m-4 {
	margin-left: calc(var(--oea_spacing_default)*4);
}

/*-4 REM*/
.mt-n-4,
.my-n-4 {
	margin-top: calc(var(--oea_spacing_default)*-4);
}

.me-n-4,
.mx-n-4 {
	margin-right: calc(var(--oea_spacing_default)*-4);
}

.mb-n-4,
.my-n-4 {
	margin-bottom: calc(var(--oea_spacing_default)*-4);
}

.ms-n-4,
.mx-n-4 {
	margin-left: calc(var(--oea_spacing_default)*-4);
}

/*5 REM*/
.mt-5,
.my-5 {
	margin-top: calc(var(--oea_spacing_default)*5);
}

.me-5,
.mx-5 {
	margin-right: calc(var(--oea_spacing_default)*5);
}

.mb-5,
.my-5 {
	margin-bottom: calc(var(--oea_spacing_default)*5);
}

.ms-5,
.mx-5 {
	margin-left: calc(var(--oea_spacing_default)*5);
}

/*-5 REM*/
.mt-n-5,
.my-n-5, 
.m-5 {
	margin-top: calc(var(--oea_spacing_default)*5);
}

.me-n-5,
.mx-n-5, 
.m-5 {
	margin-right: calc(var(--oea_spacing_default)*-5);
}

.mb-n-5,
.my-n-5, 
.m-5 {
	margin-bottom: calc(var(--oea_spacing_default)*-5);
}

.ms-n-5,
.mx-n-5, 
.m-5 {
	margin-left: calc(var(--oea_spacing_default)*-5);
}

/*6 REM*/
.mt-6,
.my-6,
.m-6 {
	margin-top: calc(var(--oea_spacing_default)*6);
}

.me-6,
.mx-6,
.m-6 {
	margin-right: calc(var(--oea_spacing_default)*6);
}

.mb-6,
.my-6,
.m-6 {
	margin-bottom: calc(var(--oea_spacing_default)*6);
}

.ms-6,
.mx-6,
.m-6 {
	margin-left: calc(var(--oea_spacing_default)*6);
}

/*-6 REM*/
.mt-n-6,
.my-n-6 {
	margin-top: calc(var(--oea_spacing_default)*-6);
}

.me-n-6,
.mx-n-6 {
	margin-right: calc(var(--oea_spacing_default)*-6);
}

.mb-n-6,
.my-n-6 {
	margin-bottom: calc(var(--oea_spacing_default)*-6);
}

.ms-n-6,
.mx-n-6 {
	margin-left: calc(var(--oea_spacing_default)*-6);
}


/*CSS UTILITIES PADDING*/

/*0 REM*/

.pt-0,
.py-0,
.p-0 {
	padding-top: 0px;
}

.pe-0,
.px-0,
.p-0 {
	padding-right: 0px;
}

.pb-0,
.py-0,
.p-0 {
	padding-bottom: 0px;
}

.ps-0,
.px-0,
.p-0 {
	padding-left: 0px;
}

/*0.5 REM*/

.pt-0-5,
.py-0-5,
.p-0-5 {
	padding-top: calc(var(--oea_spacing_default)*0.5);
}

.pe-0-5,
.px-0-5,
.p-0-5 {
	padding-right: calc(var(--oea_spacing_default)*0.5);
}

.pb-0-5,
.py-0-5,
.p-0-5 {
	padding-bottom: calc(var(--oea_spacing_default)*0.5);
}

.ps-0-5,
.px-0-5,
.p-0-5 {
	padding-left: calc(var(--oea_spacing_default)*0.5);
}


/*0.65 REM*/

.pt-0-65,
.py-0-65,
.p-0-65 {
	padding-top: calc(var(--oea_spacing_default)*0.65);
}

.pe-0-65,
.px-0-65,
.p-0-65 {
	padding-right: calc(var(--oea_spacing_default)*0.65);
}

.pb-0-65,
.py-0-65,
.p-0-65 {
	padding-bottom: calc(var(--oea_spacing_default)*0.65);
}

.ps-0-65,
.px-0-65,
.p-0-65 {
	padding-left: calc(var(--oea_spacing_default)*0.65);
}


/*1 REM*/

.pt-1,
.py-1,
.p-1 {
	padding-top: var(--oea_spacing_default);
}

.pe-1,
.px-1,
.p-1 {
	padding-right: var(--oea_spacing_default);
}

.pb-1,
.py-1,
.p-1 {
	padding-bottom: var(--oea_spacing_default);
}

.ps-1,
.px-1,
.p-1 {
	padding-left: var(--oea_spacing_default);
}

/*1.5 REM*/

.pt-1-5,
.py-1-5,
.p-1-5 {
	padding-top: calc(var(--oea_spacing_default)*1.5);
}

.pe-1-5,
.px-1-5,
.p-1-5 {
	padding-right: calc(var(--oea_spacing_default)*1.5);
}

.pb-1-5,
.py-1-5,
.p-1-5 {
	padding-bottom: calc(var(--oea_spacing_default)*1.5);
}

.ps-1-5,
.px-1-5,
.p-1-5 {
	padding-left: calc(var(--oea_spacing_default)*1.5);
}

/*2 REM*/
.pt-2,
.py-2,
.p-2 {
	padding-top: calc(var(--oea_spacing_default)*2);
}

.pe-2,
.px-2,
.p-2 {
	padding-right: calc(var(--oea_spacing_default)*2);
}

.pb-2,
.py-2,
.p-2 {
	padding-bottom: calc(var(--oea_spacing_default)*2);
}

.ps-2,
.px-2,
.p-2 {
	padding-left: calc(var(--oea_spacing_default)*2);
}

/*3 REM*/
.pt-3, 
.py-3,
.p-3 {
	padding-top: calc(var(--oea_spacing_default)*3);
}
.pe-3,
.px-3,
.p-3 {
	padding-right: calc(var(--oea_spacing_default)*3);
}

.pb-3, 
.py-3,
.p-3 {
	padding-bottom: calc(var(--oea_spacing_default)*3);
}

.ps-3,
.px-3,
.p-3 {
	padding-left: calc(var(--oea_spacing_default)*3);
}

/*4 REM*/

.pt-4,
.py-4,
.p-4 {
	padding-top: calc(var(--oea_spacing_default)*4);
}

.pe-4,
.px-4,
.p-4 {
	padding-right: calc(var(--oea_spacing_default)*4);
}

.pb-4,
.py-4,
.p-4 {
	padding-bottom: calc(var(--oea_spacing_default)*4);
}

.ps-4,
.px-4,
.p-4 {
	padding-left: calc(var(--oea_spacing_default)*4);
}

/*5 REM*/
.pt-5,
.py-5,
.p-5 {
	padding-top: calc(var(--oea_spacing_default)*5);
}

.pe-5,
.px-5,
.p-5 {
	padding-right: calc(var(--oea_spacing_default)*5);
}

.pb-5,
.py-5,
.p-5 {
	padding-bottom: calc(var(--oea_spacing_default)*5);
}

.ps-5,
.px-5,
.p-5 {
	padding-left: calc(var(--oea_spacing_default)*5);
}

/*6 REM*/

.pt-6,
.py-6,
.p-6 {
	padding-top: calc(var(--oea_spacing_default)*6);
}

.pe-6,
.px-6,
.p-6 {
	padding-right: calc(var(--oea_spacing_default)*6);
}

.pb-6,
.py-6,
.p-6 {
	padding-bottom: calc(var(--oea_spacing_default)*6);
}

.ps-6,
.px-6,
.p-6 {
	padding-left: calc(var(--oea_spacing_default)*6);
}

/*7 REM*/

.pt-7,
.py-7,
.p-7 {
	padding-top: calc(var(--oea_spacing_default)*7);
}

.pe-7,
.px-7,
.p-7 {
	padding-right: calc(var(--oea_spacing_default)*7);
}

.pb-7,
.py-7,
.p-7 {
	padding-bottom: calc(var(--oea_spacing_default)*7);
}

.ps-7,
.px-7,
.p-7 {
	padding-left: calc(var(--oea_spacing_default)*7);
}

/*8 REM*/

.pt-8,
.py-8,
.p-8 {
	padding-top: calc(var(--oea_spacing_default)*8);
}

.pe-8,
.px-8,
.p-8 {
	padding-right: calc(var(--oea_spacing_default)*8);
}

.pb-8,
.py-8,
.p-8 {
	padding-bottom: calc(var(--oea_spacing_default)*8);
}

.ps-8,
.px-8,
.p-8 {
	padding-left: calc(var(--oea_spacing_default)*8);
}

/*9 REM*/

.pt-9,
.py-9,
.p-9 {
	padding-top: calc(var(--oea_spacing_default)*9);
}

.pe-9,
.px-9,
.p-9 {
	padding-right: calc(var(--oea_spacing_default)*9);
}

.pb-9,
.py-9,
.p-9 {
	padding-bottom: calc(var(--oea_spacing_default)*9);
}

.ps-9,
.px-9,
.p-9 {
	padding-left: calc(var(--oea_spacing_default)*9);
}

/*10 REM*/

.pt-10,
.py-10,
.p-10 {
	padding-top: calc(var(--oea_spacing_default)*10);
}

.pe-10,
.px-10,
.p-10 {
	padding-right: calc(var(--oea_spacing_default)*10);
}

.pb-10,
.py-10,
.p-10 {
	padding-bottom: calc(var(--oea_spacing_default)*10);
}

.ps-10,
.px-10,
.p-10 {
	padding-left: calc(var(--oea_spacing_default)*10);
}

/*CSS BORDERS UTILITY*/

.border-solid {
	border-style: solid;
}

.border-top-0,
.border-0 {
	border-top-width: 0px;
}

.border-bottom-0,
.border-0 {
	border-bottom-width: 0px;
}

.border-left-0,
.border-0 {
	border-left-width: 0px;
}

.border-right-0,
.border-0 {
	border-right-width: 0px;
}

.border-top,
.border-y,
.border {
	border-top-width: var(--oea_border_sizes);
}

.border-bottom,
.border-y,
.border {
	border-bottom-width: var(--oea_border_sizes);
}

.border-left,
.border-x,
.border {
	border-left-width: var(--oea_border_sizes);
}

.border-right,
.border-x,
.border {
	border-right-width: var(--oea_border_sizes);
}

/*CSS BORDER RADIUS UTILITIES*/

.border-top-left-radius-0,
.border-radius-0 {
	border-top-left-radius: 0px;
}

.border-top-right-radius-0,
.border-radius-0  {
	border-top-right-radius: 0px;
}

.border-bottom-right-radius-0,
.border-radius-0  {
	border-bottom-right-radius: 0px;
}

.border-bottom-left-radius-0,
.border-radius-0  {
	border-bottom-left-radius: 0px;
}


/*CSS UTILITIES OPACITY*/

.opacity-0 {
    opacity: 0;
}

.opacity-5 {
    opacity: 0.5;
}

.opacity-6 {
    opacity: 0.6;
}

.opacity-8 {
    opacity: 0.8;
}

/*CSS UTILITIES OVERFLOW*/

.overflow-hidden {
	overflow: hidden;
}

.overflow-scroll {
	overflow: scroll;
}

.overflow-x-scroll {
	overflow-x: scroll;
}

.overflow-y-scroll {
	overflow-y: scroll;
}

/*CSS UTILITIES DISPLAY*/

.d-flex,
.d-flex-slider .slick-list,
.d-flex-slider .slick-track {
	display: flex;
}

.d-block {
	display: block;
}

.d-inline-block {
	display: inline-block;
}

.d-grid {
	display: grid;
}

.d-none,
.d-none-scrollbar::-webkit-scrollbar {
	display: none;
}

/*CSS UTILITIES POSITION*/

.position-relative {
	position: relative;
}

.position-absolute,
.position-absolute-img img {
	position: absolute;
}

/*CSS CENTER ABSOLUTE*/

.center-absolute,
.center-absolute-img img {
    transform: translate(-50%, -50%) scale(1);
}

/*CSS CUSTOM POSITIONS*/

.top-0 {
	top: 0px;
} 

.top-50,
.top-50-img img {
    top: 50%;
}

.right-0 {
    right: 0px;
}

.right-50,
.right-50-img img {
    right: 50%;
}

.bottom-0 {
    bottom: 0px;
}

.left-0 {
	left: 0px;
}

.left-50,
.left-50-img img {
    left: 50%;
}

/*CSS CURSOR*/

.cursor-pointer {
	cursor: pointer;
}

/*CSS BOX-SHADOW*/

.box-shadow-0 {
	box-shadow: 0px 0px 0px rgba(0,0,0,0);
}

.box-shadow-1,
.box-shadow-1-hover:hover{
	box-shadow: 0 1px 1px rgba(0,0,0,0.05), 
              0 2px 2px rgba(0,0,0,0.05), 
              0 4px 4px rgba(0,0,0,0.05), 
              0 8px 8px rgba(0,0,0,0.05), 
              0 16px 16px rgba(0,0,0,0.05), 
              0 32px 32px rgba(0,0,0,0.05);
}

/*CSS UTILITIES Z-INDEX*/

.z-index-1 {
	z-index: 1;
}

.z-index-2 {
	z-index: 2;
}

.z-index-3 {
	z-index: 3;
}

/*CSS UTILITIES BACKGROUND IMAGE*/

.bg-center-center {
	background-position: center center;
}

.bg-cover {
	background-size: cover;
}

.bg-no-repeat {
	background-repeat: no-repeat;
}

/*CSS UTILITIES FLEX*/

/*Flex Directions*/

.flex-row {
	flex-direction: row;
}

.flex-column {
	flex-direction: column;
}

.flex-column-reverse {
	flex-direction: column-reverse;
}

/*Justify Content*/

.justify-content-start {
	justify-content: start;
}

.justify-content-center {
	justify-content: center;
}

.justify-content-between {
	justify-content: space-between;
}

.justify-content-end {
	justify-content: flex-end;
}

/*Align Items*/

.align-items-center {
	align-items: center;
}

.align-items-start {
	align-items: flex-start;
}

.align-items-end {
	align-items: flex-end;
}

.align-items-stretch,
.align-items-slider-stretch .slick-list,
.align-items-slider-stretch .slick-track  {
	align-items: stretch;
}

/*Align Self*/

.align-self-center {
	align-self: center;
}

/*Flex*/

.flex-fill {
    flex: 1 1 auto!important;
}

/*Wrap*/

.flex-wrap {
	flex-wrap: wrap;
}

.flex-nowrap {
    flex-wrap: nowrap;
}

/*White Space*/

.white-space-nowrap {
	white-space: nowrap;
}

.white-space-break-spaces {
	white-space: break-spaces;
}

/*Gaps*/

.gap-1px {
	gap: 1px;
}

.gap-10px {
	gap: 10px;
}

/*Column Gap*/

.column-gap-0-5,
.gap-0-5 {
	column-gap: calc(var(--oea_spacing_default)*0.5);
}

.column-gap-1,
.gap-1 {
	column-gap: var(--oea_spacing_default);
}

.column-gap-2,
.gap-2 {
	column-gap: calc(var(--oea_spacing_default)*2);
}

.column-gap-3,
.gap-3 {
	column-gap: calc(var(--oea_spacing_default)*3);
}

.column-gap-4,
.gap-4 {
	column-gap: calc(var(--oea_spacing_default)*4);
}

.column-gap-5,
.gap-5 {
	column-gap: calc(var(--oea_spacing_default)*5);
}

.column-gap-6,
.gap-6 {
	column-gap: calc(var(--oea_spacing_default)*6);
}

/*Row Gap*/

.row-gap-0-5,
.gap-0-5 {
	row-gap: calc(var(--oea_spacing_default)*0.5);
}

.row-gap-1,
.gap-1 {
	row-gap: var(--oea_spacing_default);
}

.row-gap-2,
.gap-2 {
	row-gap: calc(var(--oea_spacing_default)*2);
}

.row-gap-3,
.gap-3 {
	row-gap: calc(var(--oea_spacing_default)*3);
}

.row-gap-4,
.gap-4 {
	row-gap: calc(var(--oea_spacing_default)*4);
}

.row-gap-5,
.gap-5 {
	row-gap: calc(var(--oea_spacing_default)*5);
}

.row-gap-6,
.gap-6 {
	row-gap: calc(var(--oea_spacing_default)*6);
}

/*Flex Basis*/

.flex-basis-30 {
	flex-basis: 30%;
}

.flex-basis-35 {
	flex-basis: 35%;
}

.flex-basis-40 {
	flex-basis: 40%;
}

.flex-basis-50 {
	flex-basis: 50%;
}

.flex-basis-60 {
	flex-basis: 60%;
}

.flex-basis-65 {
	flex-basis: 65%;
}

.flex-basis-70 {
	flex-basis: 70%;
}

/*CSS UTILITIES GRID*/

/*Grid Templates Columns*/

.template-columns-1 {
	grid-template-columns: repeat(1,1fr);
}

.template-columns-2 {
	grid-template-columns: repeat(2,1fr);
}

.template-columns-3 {
	grid-template-columns: repeat(3,1fr);
}

.template-columns-4 {
	grid-template-columns: repeat(4,1fr);
}


/*CSS UTILITIES OBJECT FIT*/

.object-fit-contain {
	object-fit: contain;
}

.object-fit-cover,
.object-fit-cover-img img {
	object-fit: cover;
}

/*CSS UTILITIES VERTICAL ALIGN*/

.align-middle {
	vertical-align: middle;
}

/*CSS UTILITES TRUNCATE*/

.truncate {
    display: -webkit-box;
    overflow: hidden;
}
.truncate-vertical {
    -webkit-box-orient: vertical;
}

.truncate-1 {
	-webkit-line-clamp: 1;
}

.truncate-2 {
	-webkit-line-clamp: 2;
}

.truncate-3 {
	-webkit-line-clamp: 3;
}

.truncate-5 {
	-webkit-line-clamp: 5;
}

/*MEDIA QUERY MEDIUM DEVICES (MD)*/
@media only screen and (max-width: 1024px) {

/*CSS UTILITIES OVERFLOW (MD)*/

.overflow-x-md-scroll {
	overflow-x: scroll;
}
	
/*CSS WIDTH UTILITIES (MD)*/	
	
.width-md-30 {
	width: 30%;
}

.width-md-40 {
	width: 40%;
}
	
.width-md-50 {
	width: 50%;
}	
	
.width-md-60 {
	width: 60%;
}
	
.width-md-80 {
	width: 80%;
}
	
.width-md-90 {
	width: 90%;
}

.width-md-100 {
	width: 100%;
}
	
/*CSS UTILITIES DISPLAY (MD)*/

.d-md-none {
	display: none !important;
}
	
.d-md-block {
	display: block !important;
}
	
	
/*Column Gap (MD)*/
.column-gap-md-0, 
.gap-md-0 {
	column-gap: 0px;
}

.row-gap-md-0, 
.gap-md-0 {
	row-gap: 0px;
}
	
.column-gap-md-1, 
.gap-md-1 {
	column-gap: var(--oea_spacing_default);
}
	
.row-gap-md-1, 
.gap-md-1 {
	row-gap: var(--oea_spacing_default);
}

.column-gap-md-2,
.gap-md-2 {
	column-gap: calc(var(--oea_spacing_default)*2);
}
	
.row-gap-md-2,
.gap-md-2 {
	row-gap: calc(var(--oea_spacing_default)*2);
}
	
.column-gap-md-3,
.gap-md-3 {
	column-gap: calc(var(--oea_spacing_default)*3);
}
	
.row-gap-md-3,
.gap-md-3 {
	row-gap: calc(var(--oea_spacing_default)*3);
}
	
/*CSS UTILITIES FLEX (MD)*/

/*Flex Directions (MD)*/

.flex-md-row {
	flex-direction: row;
}

.flex-md-column {
	flex-direction: column;
}

.flex-md-column-reverse {
	flex-direction: column-reverse;
}
	
/*Wrap (MD)*/

.flex-md-wrap {
	flex-wrap: wrap;
}

.flex-md-nowrap {
    flex-wrap: nowrap;
}	
	
/*White Space (MD)*/

.white-space-md-nowrap {
	white-space: nowrap;
}

.white-space-md-break-spaces {
	white-space: break-spaces;
}
	
/*Justify Content (MD)*/

.justify-content-md-start {
	justify-content: start;
}

.justify-content-md-center {
	justify-content: center;
}	

.justify-content-md-end {
	justify-content: end;
}
	
/*CSS UTILITIES TEXT ALIGNEMENT (MD)*/

.text-md-center {
	text-align: center;
}


/*CSS FONT SIZE (MD)*/

.fs-md-1 {
	font-size: 1rem;
}

.fs-md-1-5 {
	font-size: 1.5rem;
}

.fs-md-2 {
	font-size: 2rem;
}
	
.fs-md-2-5 {
	font-size: 2.5rem;
}

/*CSS BORDERS UTILITIES (MD)*/

.border-md-top-0 {
	border-top-width: 0px;
}

.border-md-bottom-0 {
	border-bottom-width: 0px;
}

.border-md-left-0 {
	border-left-width: 0px;
}

.border-md-right-0 {
	border-right-width: 0px;
}

.border-md-top {
	border-top-width: var(--oea_border_sizes);
}

.border-md-bottom {
	border-bottom-width: var(--oea_border_sizes);
}

.border-md-left {
	border-left-width: var(--oea_border_sizes);
}

.border-md-right {
	border-right-width: var(--oea_border_sizes);
}

/*CSS UTILITIES MARGIN (MD)*/

/*AUTO*/
.ms-md-auto {
	margin-left: auto;
}

/*0 REM*/

.mt-n-md-0, 
.mb-n-md-0, 
.my-n-md-0, 
.m-n-md-0 {
	margin-top: calc(var(--oea_spacing_default)*0);
}
	
.m-md-0,
.mt-md-0,
.my-md-0{
	margin-top: 0px;
}

.m-md-0,
.me-md-0,
.mx-md-0 {
	margin-right: 0px;
}

.m-md-0,
.mb-md-0,
.my-md-0 {
	margin-bottom: 0px;
}

.m-md-0,
.ms-md-0,
.mx-md-0 {
	margin-left: 0px;
}
	
/*1 REM*/

.m-md-1,
.mt-md-1,
.my-md-1{
	margin-top: calc(var(--oea_spacing_default)*1);
}

.m-md-1,
.me-md-1,
.mx-md-1 {
	margin-right: calc(var(--oea_spacing_default)*1);
}

.m-md-1,
.mb-md-1,
.my-md-1 {
	margin-bottom: calc(var(--oea_spacing_default)*1);
}

.m-md-1,
.ms-md-1,
.mx-md-1 {
	margin-left: calc(var(--oea_spacing_default)*1);
}
	
/*2 REM*/

.m-md-2,
.mt-md-2,
.my-md-2{
	margin-top: calc(var(--oea_spacing_default)*2);
}

.m-md-2,
.me-md-2,
.mx-md-2 {
	margin-right: calc(var(--oea_spacing_default)*2);
}

.m-md-2,
.mb-md-2,
.my-md-2 {
	margin-bottom: calc(var(--oea_spacing_default)*2);
}

.m-md-2,
.ms-md-2,
.mx-md-2 {
	margin-left: calc(var(--oea_spacing_default)*2);
}
	
/*-2 REM*/
.mt-n-md-2,
.my-n-md-2,
.m-n-md-2 {
	margin-top: calc(var(--oea_spacing_default)*-2);
}

.me-n-md-2,
.mx-n-md-2,
.m-n-md-2 {
	margin-right: calc(var(--oea_spacing_default)*-2);
}

.mb-n-md-2,
.my-n-md-2,
.m-n-md-2 {
	margin-bottom: calc(var(--oea_spacing_default)*-2);
}

.ms-n-md-2,
.mx-n-md-2,
.m-n-md-2 {
	margin-left: calc(var(--oea_spacing_default)*-2);
}

/*CSS UTILITIES PADDING (MD)*/

/*0 REM (MD)*/
.pt-md-0,
.py-md-0,
.p-md-0 {
	padding-top: 0px;
}

.pb-md-0,
.py-md-0,
.p-md-0  {
	padding-bottom: 0px;
}

.ps-md-0,
.px-md-0,
.p-md-0  {
	padding-left: 0px;
}

.pe-md-0,
.px-md-0,
.p-md-0  {
	padding-right: 0px;
}

/*0.5 REM (MD)*/

.pt-md-0-75,
.py-md-0-75,
.p-md-0-75 {
	padding-top: calc(var(--oea_spacing_default)*0.75);
}

.pe-md-0-75,
.px-md-0-75,
.p-md-0-75 {
	padding-right: calc(var(--oea_spacing_default)*0.75);
}

.pb-md-0-75,
.py-md-0-75,
.p-md-0-75 {
	padding-bottom: calc(var(--oea_spacing_default)*0.75);
}

.ps-md-0-75,
.px-md-0-75,
.p-md-0-75 {
	padding-left: calc(var(--oea_spacing_default)*0.75);
}	


/*1 REM (MD)*/

.pt-md-1,
.py-md-1,
.p-md-1 {
	padding-top: calc(var(--oea_spacing_default)*1);
}

.pe-md-1,
.px-md-1,
.p-md-1 {
	padding-right: calc(var(--oea_spacing_default)*1);
}

.pb-md-1,
.py-md-1,
.p-md-1 {
	padding-bottom: calc(var(--oea_spacing_default)*1);
}

.ps-md-1,
.px-md-1,
.p-md-1 {
	padding-left: calc(var(--oea_spacing_default)*1);
}	

/*2 REM (MD)*/

.pt-md-2,
.py-md-2,
.p-md-2 {
	padding-top: calc(var(--oea_spacing_default)*2);
}

.pe-md-2,
.px-md-2,
.p-md-2 {
	padding-right: calc(var(--oea_spacing_default)*2);
}

.pb-md-2,
.py-md-2,
.p-md-2 {
	padding-bottom: calc(var(--oea_spacing_default)*2);
}

.ps-md-2,
.px-md-2,
.p-md-2 {
	padding-left: calc(var(--oea_spacing_default)*2);
}
	
/*3 REM (MD)*/

.pt-md-3,
.py-md-3,
.p-md-3 {
	padding-top: calc(var(--oea_spacing_default)*3);
}

.pe-md-3,
.px-md-3,
.p-md-3 {
	padding-right: calc(var(--oea_spacing_default)*3);
}

.pb-md-3,
.py-md-3,
.p-md-3 {
	padding-bottom: calc(var(--oea_spacing_default)*3);
}

.ps-md-3,
.px-md-3,
.p-md-3 {
	padding-left: calc(var(--oea_spacing_default)*3);
}	

/*4 REM (MD)*/

.pt-md-4,
.py-md-4,
.p-md-4 {
	padding-top: calc(var(--oea_spacing_default)*4);
}

.pe-md-4,
.px-md-4,
.p-md-4 {
	padding-right: calc(var(--oea_spacing_default)*4);
}

.pb-md-4,
.py-md-4,
.p-md-4 {
	padding-bottom: calc(var(--oea_spacing_default)*4);
}

.ps-md-4,
.px-md-4,
.p-md-4 {
	padding-left: calc(var(--oea_spacing_default)*4);
}
	
/*Grid Templates Columns (MD)*/

.template-columns-md-1 {
	grid-template-columns: repeat(1,1fr);
}

.template-columns-md-2 {
	grid-template-columns: repeat(2,1fr);
}

.template-columns-md-3 {
	grid-template-columns: repeat(3,1fr);
}

.template-columns-md-4 {
	grid-template-columns: repeat(4,1fr);
}	

}

/*MEDIA QUERY SMALL DEVICES (SM)*/
@media only screen and (max-width: 767px) {
	
/*CSS WIDTH UTILITIES (SM)*/

.width-sm-0 {
	width: 0%;
}
	
.width-sm-90 {
	width: 90%;
}

.width-sm-100 {
	width: 100%;
}
	
/*CSS OVERFLOW UTILITIES (SM)*/
	
.overflow-x-sm-scroll {
	overflow-x: scroll;
}

/*CSS UTILITIES DISPLAY (SM)*/

.d-sm-none {
	display: none !important;
}
	
.d-sm-block {
	display: block !important;
}
	
/*CSS UTILITIES POSITION (SM)*/

.position-sm-relative {
	position: relative !important;
}

/*CSS UTILITIES TEXT ALIGNEMENT (SM)*/

.text-sm-center {
	text-align: center;
}
	
.text-sm-left {
	text-align: left;
}	

/*CSS FONT SIZE (SM)*/

.fs-sm-1-2 {
	font-size: 1.2rem;
}
	
.fs-sm-1-5 {
	font-size: 1.5rem;
}

.fs-sm-2 {
	font-size: 2rem;
}

/*CSS UTILITIES MARGIN (SM)*/

/*AUTO*/
	
.ms-sm-auto,
.mx-sm-auto {
	margin-left: auto;
}

.me-sm-auto,
.mx-sm-auto {
	margin-right: auto;
}

.mt-sm-auto,
.my-sm-auto {
	margin-top: auto;
}

.mb-sm-auto,
.my-sm-auto {
	margin-bottom: auto;
}
	
/*0 REM*/

.m-sm-0,
.mt-sm-0,
.my-sm-0{
	margin-top: 0px;
}

.m-sm-0,
.me-sm-0,
.mx-sm-0 {
	margin-right: 0px;
}

.m-sm-0,
.mb-sm-0,
.my-sm-0 {
	margin-bottom: 0px;
}

.m-sm-0,
.ms-sm-0,
.mx-sm-0 {
	margin-left: 0px;
}

/*0.5 REM*/
.mt-sm-0-5,
.my-sm-0-5,
.m-0-5 {
	margin-top: calc(var(--oea_spacing_default)*0.5);
}

.me-sm-0-5,
.mx-sm-0-5,
.m-0-5 {
	margin-right: calc(var(--oea_spacing_default)*0.5);
}

.mb-sm-0-5,
.my-sm-0-5,
.m-0-5 {
	margin-bottom: calc(var(--oea_spacing_default)*0.5);
}

.ms-sm-0-5,
.mx-sm-0-5,
.m-0-5 {
	margin-left: calc(var(--oea_spacing_default)*0.5);
}
	
/*1 REM*/
.mt-sm-1,
.my-sm-1,
.m-sm-1 {
	margin-top: var(--oea_spacing_default);
}

.me-sm-1,
.mx-sm-1,
.m-sm-1 {
	margin-right: var(--oea_spacing_default);
}

.mb-sm-1,
.my-sm-1,
.m-sm-1 {
	margin-bottom: var(--oea_spacing_default);
}

.ms-sm-1,
.mx-sm-1,
.m-sm-1{
	margin-left: var(--oea_spacing_default);
}

/*2 REM*/
.mt-sm-2,
.my-sm-2,
.m-sm-2 {
	margin-top: calc(var(--oea_spacing_default)*2);
}

.me-sm-2,
.mx-sm-2,
.m-sm-2 {
	margin-right: calc(var(--oea_spacing_default)*2);
}

.mb-sm-2,
.my-sm-2,
.m-sm-2 {
	margin-bottom: calc(var(--oea_spacing_default)*2);
}

.ms-sm-2,
.mx-sm-2,
.m-sm-2 {
	margin-left: calc(var(--oea_spacing_default)*2);
}
	
/*-2 REM*/
.mt-n-sm-2,
.my-n-sm-2,
.m-n-sm-2 {
	margin-top: calc(var(--oea_spacing_default)*-2);
}

.me-n-sm-2,
.mx-n-sm-2,
.m-n-sm-2 {
	margin-right: calc(var(--oea_spacing_default)*-2);
}

.mb-n-sm-2,
.my-n-sm-2,
.m-n-sm-2 {
	margin-bottom: calc(var(--oea_spacing_default)*-2);
}

.ms-n-sm-2,
.mx-n-sm-2,
.m-n-sm-2 {
	margin-left: calc(var(--oea_spacing_default)*-2);
}

/*CSS UTILITIES PADDING (SM)*/

/*0 REM (SM)*/
.pt-sm-0,
.py-sm-0,
.p-sm-0 {
	padding-top: 0px;
}

.pb-sm-0,
.py-sm-0,
.p-sm-0  {
	padding-bottom: 0px;
}

.ps-sm-0,
.px-sm-0,
.p-sm-0  {
	padding-left: 0px;
}

.pe-sm-0,
.px-sm-0,
.p-sm-0  {
	padding-right: 0px;
}
	
/*0.5 REM (SM)*/

.pt-sm-0-5,
.py-sm-0-5,
.p-sm-0-5 {
	padding-top: calc(var(--oea_spacing_default)*0.5);
}

.pe-sm-sm-0-5,
.px-sm-0-5,
.p-sm-0-5 {
	padding-right: calc(var(--oea_spacing_default)*0.5);
}

.pb-sm-0-5,
.py-sm-0-5,
.p-sm-0-5 {
	padding-bottom: calc(var(--oea_spacing_default)*0.5);
}

.ps-sm-0-5,
.px-sm-0-5,
.p-sm-0-5 {
	padding-left: calc(var(--oea_spacing_default)*0.5);
}

/*1 REM (SM)*/
.pt-sm-1,
.py-sm-1,
.p-sm-1 {
	padding-top: var(--oea_spacing_default);
}

.pb-sm-1,
.py-sm-1,
.p-sm-1  {
	padding-bottom: var(--oea_spacing_default);
}

.ps-sm-1,
.px-sm-1,
.p-sm-1  {
	padding-left: var(--oea_spacing_default);
}

.pe-sm-1,
.px-sm-1,
.p-sm-1  {
	padding-right: var(--oea_spacing_default);
}

/*2 REM (SM)*/
.pt-sm-2,
.py-sm-2,
.p-sm-2 {
	padding-top: calc(var(--oea_spacing_default)*2);
}

.pe-sm-2,
.px-sm-2,
.p-sm-2 {
	padding-right: calc(var(--oea_spacing_default)*2);
}

.pb-sm-2,
.py-sm-2,
.p-sm-2 {
	padding-bottom: calc(var(--oea_spacing_default)*2);
}

.ps-sm-2,
.px-sm-2,
.p-sm-2 {
	padding-left: calc(var(--oea_spacing_default)*2);
}

/*3 REM (SM)*/
.pt-sm-3,
.py-sm-3,
.p-sm-3 {
	padding-top: calc(var(--oea_spacing_default)*3);
}

.pe-sm-3,
.px-sm-3,
.p-sm-3 {
	padding-right: calc(var(--oea_spacing_default)*3);
}

.pb-sm-3,
.py-sm-3,
.p-sm-3 {
	padding-bottom: calc(var(--oea_spacing_default)*3);
}

.ps-sm-3,
.px-sm-3,
.p-sm-3 {
	padding-left: calc(var(--oea_spacing_default)*3);
}

/*4 REM (SM)*/
.pt-sm-4 {
	padding-top: calc(var(--oea_spacing_default)*4);
}
	
.pb-sm-4 {
	padding-bottom: calc(var(--oea_spacing_default)*4);
}

/*6 REM (SM)*/
	
.pt-sm-6,
.py-sm-6,
.p-sm-6 {
	padding-top: calc(var(--oea_spacing_default)*6);
}

.pe-sm-6,
.px-sm-6,
.p-sm-6 {
	padding-right: calc(var(--oea_spacing_default)*6);
}

.pb-sm-6,
.py-sm-6,
.p-sm-6 {
	padding-bottom: calc(var(--oea_spacing_default)*6);
}

.ps-sm-6,
.px-sm-6,
.p-sm-6 {
	padding-left: calc(var(--oea_spacing_default)*6);
}

/*CSS BORDERS UTILITIES (SM)*/

.border-sm-top-0 {
	border-top-width: 0px;
}

.border-sm-bottom-0 {
	border-bottom-width: 0px;
}

.border-sm-left-0 {
	border-left-width: 0px;
}

.border-sm-right-0 {
	border-right-width: 0px;
}

.border-sm-top {
	border-top-width: var(--oea_border_sizes);
}

.border-sm-bottom {
	border-bottom-width: var(--oea_border_sizes);
}

.border-sm-left {
	border-left-width: var(--oea_border_sizes);
}

.border-sm-right {
	border-right-width: var(--oea_border_sizes);
}

/*CSS UTILITIES FLEX (SM)*/

/*Flex Directions (SM)*/

.flex-sm-row {
	flex-direction: row;
}

.flex-sm-column {
	flex-direction: column;
}

.flex-sm-column-reverse {
	flex-direction: column-reverse;
}
	
	
/*Wrap (SM)*/

.flex-sm-wrap {
	flex-wrap: wrap;
}

.flex-sm-nowrap {
    flex-wrap: nowrap;
}
	
/*White Space (SM)*/

.white-space-sm-nowrap {
	white-space: nowrap;
}

.white-space-sm-break-spaces {
	white-space: break-spaces;
}

/*Justify Content (SM)*/

.justify-content-sm-start {
	justify-content: start;
}
	
.justify-content-sm-center {
	justify-content: center;
}
	
/*Align Items (SM)*/

.align-items-sm-center {
	align-items: center;
}

/*Column Gap (SM)*/

.column-gap-sm-10px,
.gap-sm-10px {
	column-gap: 10px;
}

.column-gap-sm-0,
.gap-sm-0 {
	column-gap: 0px;
}

.column-gap-sm-1,
.gap-sm-1 {
	column-gap: var(--oea_spacing_default);
}

.column-gap-sm-2,
.gap-sm-2 {
	column-gap: calc(var(--oea_spacing_default)*2);
}

.column-gap-sm-3,
.gap-sm-3 {
	column-gap: calc(var(--oea_spacing_default)*3);
}

.column-gap-sm-4,
.gap-sm-4 {
	column-gap: calc(var(--oea_spacing_default)*4);
}

.column-gap-sm-5,
.gap-sm-5 {
	column-gap: calc(var(--oea_spacing_default)*4);
}

/*Row Gap (SM)*/

.row-gap-sm-0,
.gap-sm-0 {
	row-gap: 0px;
}

.row-gap-sm-1,
.gap-sm-1 {
	row-gap: var(--oea_spacing_default);
}

.row-gap-sm-2,
.gap-sm-2 {
	row-gap: calc(var(--oea_spacing_default)*2);
}

.row-gap-sm-3,
.gap-sm-3 {
	row-gap: calc(var(--oea_spacing_default)*3);
}

.row-gap-sm-4,
.gap-sm-4 {
	row-gap: calc(var(--oea_spacing_default)*4);
}

.row-gap-sm-5,
.gap-sm-5 {
	row-gap: calc(var(--oea_spacing_default)*5);
}

/*Grid Templates Columns (SM)*/

.template-columns-sm-1 {
	grid-template-columns: repeat(1,1fr);
}

.template-columns-sm-2 {
	grid-template-columns: repeat(2,1fr);
}

.template-columns-sm-3 {
	grid-template-columns: repeat(3,1fr);
}

.template-columns-sm-4 {
	grid-template-columns: repeat(4,1fr);
}

}