@import url(reset.css);

@font-face {
  font-family: 'MyFont';
  src: url('Fonts/AzoSans-Black.woff2') format('truetype');
}

.Header {           
    width: 100%;
     display:block;
}
.bluebg {
  background-image: url("../images/normal_Images/EmpowerBG.webp");
  background-size: cover;
  background-position: center center;
  min-height: 300px;
}
.greenAndPinkBg {
  background-image: url("../Images/normal_Images/Part2BG.png");
  background-position: center center;
}

.center-img {
  width: 60%;
  display: block;
  margin: auto;
}
.FONT{
    font-family: 'MyFont', sans-serif;
    color: #496b84;
    font-size: 16px;
    line-height: 12px;
    opacity: .8;
}
.button {
    border: 0;
    border-radius: 6px;
    box-shadow: 0 8px 24px #0e293740;
    padding: 16px 20px 12px;
    text-transform: uppercase;
    font-family: 'MyFont', sans-serif;
    font-size: 16px;
    color: #fff;
    float : right;
    margin-right: 350px;
    margin-top: 10px;
}
.button.button-primary {
    background: #0db88f;
}
.logo {
    width: 175px;
    height: auto;
    margin-top: 10px;
    margin-left: 300px;
    display: block;
    float: left;
}
.location-icon-group {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    margin-top: 75px;
}
.location-row {
    display: flex;
    gap: 10px;
    margin: auto;
}
.character1 {
    width: 350px;
    height: auto;
    display: block;
    float: left;
    margin-bottom: 20px;
    margin-left: -10px;
    margin-top: -150px;
}
.character2 {
    width: 300px;
    height: auto;
    display: block;
    float: right;
    margin-bottom: 20px;
    margin-right: 10px;
    margin-top: -175px;
}
.invisible {
    height: 60px;
}
.invisible2 {
    height: 100px;
}
.invisible3 {
    height: 100px;
}
.businessLogos-container {
    display: flex;
    align-items: center;
    gap: 8px; /* Adjust gap as needed */
    justify-content: center;
}
.businessLogos {
    margin: 0;
    display: block;
}
.Video {
    display:block;
    margin-top: 20px;
    margin-bottom: 20px;
}
.video-container {
    position: relative;
    display: flex;
    justify-content: center;
}
.inline {
    text-align: center;
}

.Part3 {
    background-image: url("../images/normal_Images/BG1.webp");
    background-size: cover;
    background-color: rgb(91, 169, 201);
    height: 600px;
    position: relative;
}
.Part4 {
    background-image: url("../images/normal_Images/BG2.webp");
    background-size: cover;
    background-color: rgb(99, 31, 116);
    height: 600px;
    position: relative;
}
.Part5 {
    background-image: url("../Images/normal_Images/BG3.webp");
    background-size: cover;
    background-color: rgb(25, 163, 140);
    height: 600px;
    position: relative;
}
.Part6 {
    background-image: url("../images/normal_Images/Impact-Bg-1.png");
    background-size: cover;
    height: 600px;
    position: relative;
}
.image1 {
    width: 400px;
    height: auto;
    display: block;
    position: absolute;
    right: 55%;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
}
.image2 {
    width: 400px;
    height: auto;
    display: block;
    position: absolute;
    right: 15%;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
}
.image3 {
    width: 400px;
    height: auto;
    display: block;
    position: absolute;
    right: 55%;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
}
.image4 {
    width: 800px;
    height: auto;
    display: block;
    margin: auto;
}
.image5 {
    width: 300px;
    height: auto;
    display: block;
    margin: auto;
    margin-top: 50px;
}
.text1 {
    position: absolute;
    left: 55%;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    width: 40%;
    text-align: left;
}
.text2 {
    position: absolute;
    left: 15%;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    width: 40%;
    text-align: left;
}
.text3 {
    position: absolute;
    left: 55%;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    width: 40%;
    text-align: left;
}
.blue {
    color: #3517df;
    font-size: 40px;
}
.pink {
    color: #eea8ea;
    font-size: 40px;
}
.cyan {
    color: #51d5fd;
    font-size: 40px;
}
.text4 {
    color: #0e2937;
    font-size: 48px;
    line-height: 12px;
    text-align: center;
    margin-top: 100px;
}
.white {
    font-size: 40px;
    line-height: 40px;
}
.partnership {
    color: #a8e4ff;
    font-size: 14px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}
.microsoft {
    width: 200px;
    height: auto;
    display: block;
    margin: auto;
}
.button1 {
    margin: auto;
}