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);

}



.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;

}



#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 - 120px);

    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);

    

}