@charset "utf-8";
/* CSS Document */
body { margin:0; padding:0; }
section{ padding:0px 0 !important; position: relative;     z-index: 1;}


html, body {
  scroll-behavior: smooth;
}

h1, h2, h3, h4, h5, h6 {color: #000000; font-weight: 500; text-transform: capitalize;  padding:0px 0 10px 0;
  margin:0px 0 10px 0;   position:relative;}

p, li { color: #000000;  font-size: 16px;  margin-bottom: 5px;  padding-bottom: 5px;  line-height:24px;  font-weight:400;  letter-spacing:0.2px;}
p.xl, .xl p {font-size: 22px !important; line-height: 30px !important; margin-bottom: 5px !important; padding-bottom: 5px !important;}

.padR25 { padding-right:25px;}
.padR50 { padding-right:50px;}
.padL25 { padding-left:25px;}
.padL50 { padding-left:50px;}
.padLR25 { padding:0 25px;}
.padLR50 { padding:0 50px;}



.vGap10 {
  height: 10px !important;
}
.vGap25 {
  height: 25px !important;
}
.vGap50 {
  height: 50px !important;
}
.vGap75 {
  height: 75px !important;
}
.vGap100 {
  height: 100px !important;
}
 .vGap200 {
  height: 200px !important;
}
.vGap300 {
  height: 300px !important;
}
.vGap400 {
  height: 400px !important;
}
.vGap500 {
  height: 500px !important;
}
.topOverlap300{ margin-top:-300px !important;}
.topOverlap400{ margin-top:-400px !important;}
.topOverlap500{ margin-top:-500px !important;}

.text-left{ text-align:left !important;}
.text-center{ text-align:center !important;}
.text-right{ text-align:right !important;}
.width50perct {width: 50% !important;}
.width60perct {width: 60% !important;}
.width70perct {width: 70% !important;}
.width80perct {width: 80% !important;}
.width90perct {width: 90% !important;}
.fullwidth { width: 100% !important;}

.centered {margin: 0 auto !important;}


.twoColumns {column-count:2;}
.twoColumns li {break-inside: avoid-column;}