/*Desktop : >1280*/
/*Tablet : 413 - 1280*/
/*Mobile : =<412*/



:root {


/*-------------------------------------------- COLORS --------------------------------------------*/
/*MAIN COLOR*/
	/*HSL*/
	--main-color-h: 214;
	--main-color-s: 100%;
	--main-color-l: 50%;

	/*COLOR*/
	--main-color: hsl(var(--main-color-h), var(--main-color-s), var(--main-color-l));

	/*HOVER*/
	--hover-darkness: 10%;

	--main-hover: hsl(var(--main-color-h), var(--main-color-s), calc(var(--main-color-l) - var(--hover-darkness)));

/*SECONDARY COLOR*/
	/*HSL*/
	--secondary-color-h: 214;
	--secondary-color-s: 100%;
	--secondary-color-l: 50%;

	/*COLOR*/
	--secondary-color: hsl(var(--secondary-color-h), var(--secondary-color-s), var(--secondary-color-l));

	/*HOVER*/
	--secondary-hover: hsl(var(--secondary-color-h), var(--secondary-color-s), calc(var(--secondary-color-l) - var(--hover-darkness)));


/*WARNING COLOR*/
	/*HSL*/
	--warning-color-h: 40;
	--warning-color-s: 100%;
	--warning-color-l: 50%;

	/*COLOR*/
	--warning-color: hsl(var(--warning-color-h), var(--warning-color-s), var(--warning-color-l));

	/*HOVER*/
	--warning-hover: hsl(var(--warning-color-h), var(--warning-color-s), calc(var(--warning-color-l) - var(--hover-darkness)));

/*ALERT COLOR*/
	/*HSL*/
	--alert-color-h: 0;
	--alert-color-s: 100%;
	--alert-color-l: 50%;

	/*COLOR*/
	--alert-color: hsl(var(--alert-color-h), var(--alert-color-s), var(--alert-color-l));

	/*HOVER*/
	--alert-hover: hsl(var(--alert-color-h), var(--alert-color-s), calc(var(--alert-color-l) - var(--hover-darkness)));

/*Success COLOR*/
	/*HSL*/
	--success-color-h: 130;
	--success-color-s: 100%;
	--success-color-l: 50%;

	/*COLOR*/
	--success-color: hsl(var(--success-color-h), var(--success-color-s), var(--success-color-l));

	/*HOVER*/
	--success-hover: hsl(var(--success-color-h), var(--success-color-s), calc(var(--success-color-l) - var(--hover-darkness)));


/*BACKGROUND COLOR*/	
	--background-color: #ffffff;

/*LIGHT BACKGROUND COLOR*/	
	--light-color: #F8F8F8;

/*DARK COLOR*/
	--dark-color: #4C4C4C;








/*-------------------------------------------- TYPOGRAPHY --------------------------------------------*/
	--typography: "Roboto", "Helvetica Neue", Helvetica, sans-serif;


/*https://clamp.font-size.app*/

	/*PARAGRAPH*/
	--p-size: clamp(0.75rem, 0.6902rem + 0.2309vw, 0.875rem);
	--p-line-height:1.2;
	--p-weight:400;

	/*HEADING 1*/
	--h1-size: clamp(2.25rem, 2.0707rem + 0.6928vw, 2.625rem);
	--h1-line-height:1.2;
	--h1-weight:700;

	/*HEADING 2*/
	--h2-size: clamp(1.5rem, 1.3805rem + 0.4619vw, 1.75rem);
	--h2-line-height:1.2;
	--h2-weight:600;

	/*HEADING 3*/
	--h3-size: clamp(1.3125rem, 1.2079rem + 0.4042vw, 1.53125rem);
	--h3-line-height:1.2;
	--h3-weight:600;	

	/*HEADING 4*/
	--h4-size: clamp(1.09375rem, 0.9892rem + 0.4042vw, 1.3125rem);
	--h4-line-height:1.2;
	--h4-weight:600;	

	/*HEADING 5*/
	--h5-size: clamp(0.875rem, 0.7704rem + 0.4042vw, 1.09375rem);
	--h5-line-height:1.2;
	--h5-weight:600;	


/*-------------------------------------------- DIVS --------------------------------------------*/

	--display-desktop:flex;
	--flex-direction: row;
	--gap:calc(var(--padding-small)*2);


    --column-1-2-flex-basis: calc(50% - var(--gap)); /* 1/2 of the container width */
    --column-1-3-flex-basis: calc(33.33% - var(--gap)); /* 1/3 of the container width */
    --column-1-4-flex-basis: calc(25% - var(--gap)); /* 1/4 of the container width */
    --column-1-5-flex-basis: calc(20% - var(--gap)); /* 1/4 of the container width */
    --column-1-6-flex-basis: calc(16.66% - var(--gap)); /* 1/6 of the container width */



/*MARGIN AND PADDING*/

	--margin-top:0px;
	--margin-bottom:0rem;
	--margin-bottom-small:2rem;
	--margin-bottom-medium:4rem;
	--margin-bottom-large:6rem;

	--padding-small:1rem;
	--padding-medium:4rem;
	--padding-large:6rem;


/*SHADOW*/
	--box-shadow:5px 5px 26px -6px rgba(0,0,0,0.44);



/*-------------------------------------------- Buttons --------------------------------------------*/

	--border-radius-button:10px;
	--border-style:solid;
	--border-width:1px;
	--padding-left-right-button:10px;
    --padding-top-button-button:4px;



/*-------------------------------------------- Transitions --------------------------------------------*/

	--transition-property:all;
	--transition-duration:0.3s;
	--transition-timing-function:ease-in-out;



}

/* Media query for screens 1080px and smaller */
@media (max-width: 1080px) {
	:root {
		--flex-direction: row;

	--column-1-2-flex-basis: calc(100% - var(--gap)); /* 1/2 of the container width */
    --column-1-3-flex-basis: calc(100% - var(--gap)); /* 1/3 of the container width */
    --column-1-4-flex-basis: calc(50% - var(--gap)); /* 1/4 of the container width */
    --column-1-5-flex-basis: calc(50% - var(--gap)); /* 1/4 of the container width */
    --column-1-6-flex-basis: calc(50% - var(--gap)); /* 1/6 of the container width */
	}



}


/*-------------------------------------------- End of variables --------------------------------------------*/


body{
	font-family: var(--typography);
	background-color: var(--background-color);
	color: var(--dark-color);
}

#et-main-area p{
	font-size: var(--p-size);
	line-height: var(--p-line-height);
	font-weight: var(--p-weight);
}

#et-main-area h1{
	font-size: var(--h1-size);
	line-height: var(--h1-line-height);
	font-weight: var(--h1-weight);
}

#et-main-area h2{
	font-size: var(--h2-size);
	line-height: var(--h2-line-height);
	font-weight: var(--h2-weight);
}

#et-main-area h3{
	font-size: var(--h3-size);
	line-height: var(--h3-line-height);
	font-weight: var(--h3-weight);
}

#et-main-area h4{
	font-size: var(--h4-size);
	line-height: var(--h4-line-height);
	font-weight: var(--h4-weight);
}

#et-main-area h5{
	font-size: var(--h5-size);
	line-height: var(--h5-line-height);
	font-weight: var(--h5-weight);
}

a{
	color: var(--main-color);
}

.et_pb_module a.et_pb_button, .et_pb_module a.et_pb_button:hover{
	font-size: unset;
    font-weight: unset;
    padding: unset;
    line-height: unset;
    background-color: unset;
    background-size: unset;
    background-position: unset;
    background-repeat: unset;
    border-radius: unset;
    -webkit-transition-duration: unset;
    transition-duration: unset;
    -webkit-transition-property: all !important;
    transition-property: all !important;
    border:unset;
}

.et_pb_module a.et_pb_button:after{
	content: unset;
}


.et_pb_module a.et_pb_button, .et_pb_module a.et_pb_button:hover{
	border: var(--border-width) var(--border-style) var(--main-color);
	padding: var(--padding-top-button-button) var(--padding-left-right-button);
	border-radius: var(--border-radius-button);
	margin-top: var(--margin-bottom-small);
	color: var(--main-color);
	background-color: var(--light-color);
	transition: var(--transition-property) var(--transition-duration) var(--transition-timing-function);
}



.et_pb_module a.et_pb_button:hover{
	background-color: var(--main-color);
	color: var(--light-color);
}


.et_pb_section, .et_pb_column, .et_pb_module {
	padding: unset !important;
	margin: unset !important;
}

.et_pb_row{
	padding: unset !important;
}

.et_pb_column{
	padding-top: var(--padding-small) !important;
	padding-bottom: var(--padding-small) !important;
	width: unset;
}



.et_pb_row{ 
    display: flex; /* Flexbox layout */
    flex-direction: var(--flex-direction); /* Default to horizontal layout */
    flex-wrap: wrap;
    column-gap:var(--gap);
}

.et_pb_row:after{ 
	content: unset;
}

.et_pb_row .et_pb_column_1_2{
    flex: 1 1 var(--column-1-2-flex-basis);
    width: 50%;
}

.et_pb_row .et_pb_column_1_3{
	flex: 1 1 var(--column-1-3-flex-basis);
	width: 33.33%;
}

.et_pb_row .et_pb_column_1_4{
	flex: 1 1 var(--column-1-4-flex-basis);
	width: 25%;
}

.et_pb_row .et_pb_column_1_5{
	flex: 1 1 var(--column-1-5-flex-basis);
	width: 20%;
}

.et_pb_row .et_pb_column_1_6{
	flex: 1 1 var(--column-1-6-flex-basis);
	width: 16.66%;
}


/* Media query for screens 1080px and smaller */
@media (max-width: 1080px) {
    .et_pb_row .et_pb_column{
    	width: 100%;
    }

  .et_pb_row .et_pb_column_1_5:last-child {
    flex: 1 1 50%;
    margin-left: 25%!important;
    margin-right: 25%!important;
  }

}