h1,

h2,

h3,

h4,

h5,

h6,

p {

  margin-bottom: 0px;

}



ul {

  list-style: none;

  padding: 0;

  margin: 0;

}



a {

  text-decoration: none;

  margin: 0;

  padding: 0;

}



:root {

  --red: #e92e28;

  --white: #fff;

  --black: #000000;

  --light-black: #57585a;

  --yellow: #ffd800;

  --blue: #1e4585;

  --green: #2e7c3c;

}



#academics,

#primary{

  height: calc(100vh - 120px);

  display: flex;

  justify-content: center;

  align-items: center;

  background: linear-gradient(34deg, #fff 60%, var(--yellow) 40%);

}



.acad_style_1 .img_container img {



  border-radius: 50%;

  object-fit: cover;

  border: 10px solid var(--yellow);
  width: 100%;
  max-width: 100%;
}



.acad_style_1 .acad_text {

  width: 90%;

}



.acad_style_1 .acad_text h2 {

  font-weight: bold;

  font-size: 24px;

  margin-bottom: 40px;

  text-decoration: 2px underline;

  text-underline-offset: 20px;

  text-transform: uppercase;

  color: var(--red);

  position: relative;
  margin-top: 15px;

}
.acad_text p{text-align:justify;color:#000;
  font-size:15px;
  margin:0px 0px;
  padding:0px 0px;
  line-height:25px;}

#primary{padding:0px 0px 0px 0px}
#secondary{padding:20px 0px 0px 0px}
.acad_text-secondary h2{font-weight: bold;
    font-size: 24px;
    margin-bottom: 40px;
    text-decoration: 2px underline;
    text-underline-offset: 20px;
    text-transform: uppercase;
    color: var(--red);text-align:center;}
    .acad_text-secondary p{text-align:justify;color:#000;
    font-size:15px;
    margin:0px 0px;
    padding:0px 0px;
    line-height:25px;
  }
    
#pre_primary{

    height: calc(100vh - 120px);

    display: flex;

    justify-content: center;

    align-items: center;

    background: linear-gradient(326deg, #fff 60%, var(--blue) 40%);  

}

.acdc_phase2 .row{

    align-items: center;

    justify-content: end;

    

}



#pre_primary .acad_style_1 .img_container img {

    

    border: 10px solid var(--blue);

    

}

#primary{

    background: linear-gradient(34deg, #fff 60%, var(--green) 40%);

    

}

#primary.acad_style_1 .img_container img{

    

    border: 10px solid var(--green) !important;

    

}

#secondary {

     height: calc(100vh - 100px);

    display: flex;

    justify-content: center;

    align-items: center;

    background: linear-gradient(326deg, #fff 60%, var(--red) 40%); 

}

#secondary .acad_style_1 .img_container img {

    

    border: 10px solid var(--red);

    

}

@media screen and (max-width: 1025px) {
  #academics, #primary
}