/*
Theme Name: Formation Lite Child Theme
Theme URI: #
Author: #
Author URI: #
Description: #
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: #
Template: formation-lite
*/

* {
  box-sizing: border-box;
}

html {font-size: 100%;}

p {
	line-height: 180%;
	letter-spacing: 1px;
	font-size: 17px;
}
	
body {
font-family: Poppins;
font-weight: 400;
line-height: 1.75;
}

p {margin-bottom: 1rem;
  color: #636363 ;
}

h1, h2, h3, h4, h5 {
margin: 1rem 0 1.38rem;
font-family:Poppins;
font-weight: bold;
line-height: 1.3;
}

h1 {
margin-top: 0;
margin-bottom: .1rem;
font-size: 3.052rem;
}

h2 {font-size: 2.441rem;}

h3 {font-size: 1.953rem;}

h4 {font-size: 1.563rem;}

h5 {font-size: 1.25rem;}

h3 {
  font-size: 25px;
  font-weight: bold;
}

small, .text_small {font-size: 0.8rem;}

html {
  font-size: 100%;
  box-sizing: border-box;
  font-size: 100%;
}

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

body {
  overflow-x: hidden;
  margin: 0;
  padding: 0;
  line-height: 1.3;
}

.white h1, .white h2, .white h3, .white h4, .white h5, .white p {
  color: #fff !important;
}

.fullContainer {
  padding: 2em 1em 2em 1em;
}

.myContainer {
  width:   min(100%, 1320px) !important;
  margin: 0 auto;
}

.threeBox {
  display: flex;
  gap: 50px;
}

.mySection {
  flex: 1;
}

.pBottom {
  padding-bottom: 20px;
}

@media (max-width: 768px) {
  .myContainer {
    flex-direction: column;
  }
}

.myAbouts {
background: #222222;
}

.txtCenter {
  text-align: center;
}

.btnCenter {
display: block;
text-align: center;
}

.primarya a { text-decoration: none; letter-spacing: 1px;padding: 15px 32px;margin-bottom: 4px;line-height: 1;color: #000;background-color: #a6dae8;font-weight: 400;border-radius: 0px;text-transform: uppercase;border: 0px;margin-top: 20px;font-weight: bold;}
.primarya a:hover {
    cursor: pointer;
    background: #001d3400;
    color: #f7f7f7;
    text-decoration: none;
	border: 2px solid #f7f7f7;
}

.seconda a {text-decoration: none; letter-spacing: 1px;padding: 13px 25px;margin-bottom: 4px;line-height: 1;color: #fff;background-color: #1872C5;border-radius: 0px;text-transform: uppercase;font-weight: bold;border: 2px solid;}
.seconda a:hover {
cursor: pointer;
background: #001d3400;
color:#1872C5;
text-decoration: none;
} 

/*header*/
.bgHeader h1, .bgHeader p {
color: #fff;
}
.bgHeader {
	min-height: 85vh;
	justify-content: center;
	align-items: center;
	display: flex;
	background: #90e7ff;
	background-size: cover;
	box-shadow: inset 0 0 0 2000px rgb(0 0 0 / 30%);
}

.myBoxstree {    
  padding: 2em;
  background: #ffffffd4;
  border: 2px solid transparent;
  }


.myAbout {
background: rgb(253 171 78);

padding-bottom: 0px;
}

.myAbouts p, .myAbout p  {
padding-bottom: 5px;
}

.hAbout {
  padding-top: 5em;
  padding-bottom: 5em;
  margin-top: 5em;
  margin-bottom:5em;
}

.twoSmall {
  background: rgb(0 29 52);
  padding: 1em 2em;
  border-radius: 0px;
  margin-top: 20px;
}
.myContainer.threeBox.twoSmall .mySection {
  border-right: 1px solid #e3e3e3;
}

.frontpage-design p {
	letter-spacing: 1px;
	line-height: 180%;
}

.latest-news a {
    text-decoration: none; 
	color: #f7f7f7;
}

.latest-news a h3:hover {
	color: #1872C5 !important;	
}

.latest-updates a {
	text-decoration: none;
}

.latest-updates a h2:hover {
	color: #1872C5 !important;	
}