h1,

h2,

h3,

h4,

h5,

h6,

p {

  margin-bottom: 0px;

}



ul {

  list-style: none;

  margin: 0;

  padding: 0;

}



a {

  text-decoration: none;

  margin: 0;

  padding: 0;

}



:root {

  /* --red: #9a060b;

    --white: #ffffff;

    --black: #000000;

    --dark-cyan: #007070;

    --color-secondary: #f79638;

    --color-paragraph: #57585a;

    --color-liteyellow: #faebd7; */



  /* new_colors */



  --red: #e92e28;

  --white: #fff;

  --black: #000000;

  --light-black: #57585a;

  --yellow: #ffd800;

  --blue: #1e4585;

  --green: #2e7c3c;

}

#Kindergarten,

#Languagelab,

#mathematicslab,

#playway,

#smart_class {

  height: calc(100vh - 107.81px);

  background: linear-gradient(to bottom, var(--red) 50%, #dce0e7 50%);

  display: flex;

  justify-content: center;

  align-items: center;

}

#Transportation,

#Computerlab,

#seincelab,

#library {

  height: calc(100vh - 107.81px);

  background: linear-gradient(to bottom, var(--red) 50%, #dce0e7 50%);

  display: flex;

  justify-content: center;

  align-items: center;

}



#mathematicslab {

  height: calc(100vh - 107.81px);

  background: linear-gradient(to bottom, var(--color-paragraph) 50%, #dce0e7 50%);

  display: flex;

  justify-content: center;

  align-items: center;

}





.fac_style_1 .container {

  position: relative;

}



.fac_style_1 .carousel-inner {

  border-radius: 50%;

  width: 470px;

  height: 470px;

}



.fac_style_1 .fa-controlers {

  display: flex;

  gap: 10px;

  position: absolute;

  bottom: 50px;

  right: -50px;

}

.fa-controlers2.fa-controlers{

    right: unset;

    bottom: -10px;

}



.fac_style_1 .fa-controlers .carousel-control-prev,

.fac_style_1 .fa-controlers .carousel-control-next {

  background-color: var(--red);

  opacity: 1;

  padding: 5px;

  width: 35px;

  height: 35px;

  position: unset;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

}



.fac_style_1 .carousel_div {

  position: absolute;

  left: 60%;

  bottom: -220px;

  transform: translate(-50%);

}

.fac_style_1 .carousel_div.carousel_div2 {

  left: 30%;

}



.fac_style_1 .fac_text {

  position: absolute;

  border-radius: 10px;

  width: 45%;

  background-color: var(--white);

  padding: 35px 30px;

  margin: 0 50px -220px;

  box-shadow: rgba(0, 0, 0, 0.2) 0px 18px 50px -10px;

      top: -75px;

}

   

.fac_style_1 .fac_text h2 {

  color: #2e7c3c;

  font-weight: bold;

  font-size: 24px;

  margin-bottom: 40px;

  text-decoration: underline;

  text-transform: uppercase;

  text-underline-offset: 20px;

}

#library.fac_style_1 .carousel-inner {

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

}

#Computerlab.fac_style_1 .carousel-inner{

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

}

#seincelab.fac_style_1 .carousel-inner {

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

}

#playway.fac_style_1 .carousel-inner {

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

}

#smart_class.fac_style_1 .carousel-inner {

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

}

#mathematicslab.fac_style_1 .carousel-inner {

    border: 10px solid var(--color-paragraph);

}

#Languagelab.fac_style_1 .carousel-inner {

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

}

#Transportation.fac_style_1 .carousel-inner {

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

}

#Kindergarten.fac_style_1 .carousel-inner {

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

}



#Transportation.fac_style_1 .fac_text,

#Computerlab.fac_style_1 .fac_text,

#seincelab.fac_style_1 .fac_text,

#library.fac_style_1 .fac_text {

    left: 40%;

    z-index: 1;

    /*bottom: 0;*/

}



#library{

       

      background: linear-gradient(to bottom, var(--blue) 50%, #dce0e7 50%);

}

#Languagelab,

#playway{

    background: linear-gradient(to bottom, var(--green) 50%, #dce0e7 50%); 

    

}

#mathematicslab{

     background: linear-gradient(to bottom, var(--color-paragraph) 50%, #dce0e7 50%); 

}

#Transportation{

     background: linear-gradient(to bottom, var(--blue) 50%, #dce0e7 50%); 

}

#Kindergarten{

         background: linear-gradient(to bottom, var(--yellow) 50%, #dce0e7 50%); 

}

#Computerlab{

         background: linear-gradient(to bottom, var(--yellow) 50%, #dce0e7 50%); 

}

#more9,

#more8,

#more7,

#more6,

#more5,

#more4,

#more3,

#more2,

#more1{

    display: none;

}

.readmore-btn{

    color: white;

    background: var(--red);

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

    padding: 8px 20px;

    margin-top: 20px;

}

.readmore-btn:hover{

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

     color: var(--red);

     background-color: transparent;

         transition: .3s all;

     

}

#library .readmore-btn{

    

    background: var(--blue);

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

}

#library .readmore-btn:hover{

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

     color: var(--blue);

       background-color: transparent;

         transition: .3s all;



     

}

#library.fac_style_1 .fa-controlers .carousel-control-prev,

#library.fac_style_1 .fa-controlers .carousel-control-next {

    background-color: var(--blue);

}



#library.fac_style_1 .fac_text h2 {

    color: var(--blue);

}



#playway .readmore-btn{

    

    background: var(--green);

    border: 2px solid var(--green);

}

#playway .readmore-btn:hover{

     border: 2px solid var(--green);

     color: var(--green);

       background-color: transparent;

         transition: .3s all;

}

#playway.fac_style_1 .fa-controlers .carousel-control-prev,

#playway.fac_style_1 .fa-controlers .carousel-control-next {

    background-color: var(--green);

}

#playway.fac_style_1 .fac_text h2 {

    color: var(--green);

}

#smart_class.fac_style_1 .fac_text h2 {

    color: var(--red);

}

#Transportation.fac_style_1 .fac_text h2 {

    color: var(--blue);

}

#Kindergarten.fac_style_1 .fac_text h2 {

    color: var(--yellow);

}

#seincelab .readmore-btn{

    background: var(--red);

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

}

#seincelab .readmore-btn:hover{

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

     color: var(--red);

     background-color: transparent;

     transition: .3s all;

}

#seincelab.fac_style_1 .fa-controlers .carousel-control-prev,

#seincelab.fac_style_1 .fa-controlers .carousel-control-next {

    background-color: var(--red);

}

#seincelab.fac_style_1 .fac_text h2 {

    color: var(--red);

}

#Languagelab.fac_style_1 .fac_text h2 {

    color: var(--green);

}

#seincelab .readmore-btn {

    color: white;

}

#Languagelab .readmore-btn{

    background: var(--green);

    border: 2px solid var(--green);

}

#Languagelab .readmore-btn:hover{

     border: 2px solid var(--green);

     color: var(--green);

     background-color: transparent;

     transition: .3s all;

}

#Languagelab.fac_style_1 .fa-controlers .carousel-control-prev,

#Languagelab.fac_style_1 .fa-controlers .carousel-control-next {

    background-color: var(--green);

}

#Languagelab .carousel-inner {

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

}

#Computerlab .readmore-btn{

    background: var(--yellow);

    border: 2px solid var(--yellow);

    color: black;

}

#Computerlab .readmore-btn:hover{

     border: 2px solid var(--yellow);

     color: var(--yellow);

     background-color: transparent;

     transition: .3s all;

}

#Computerlab.fac_style_1 .fa-controlers .carousel-control-prev,

#Computerlab.fac_style_1 .fa-controlers .carousel-control-next {

    background-color: var(--yellow);

}

#Computerlab.fac_style_1 .fac_text h2 {

    color: black;

}



#mathematicslab .readmore-btn{

    

    background: var(--color-paragraph);

    border: 2px solid var(--color-paragraph);

}

#mathematicslab .readmore-btn:hover{

     border: 2px solid var(--color-paragraph);

     color: var(--color-paragraph);

       background-color: transparent;

         transition: .3s all;

    

}

#mathematicslab.fac_style_1 .fa-controlers .carousel-control-prev,

#mathematicslab.fac_style_1 .fa-controlers .carousel-control-next {

    background-color: var(--color-paragraph);

}

#mathematicslab.fac_style_1 .fac_text h2 {

    color: var(--color-paragraph);

}



#seincelab.readmore-btn,

#Computerlab.readmore-btn {

    color: white;

}

.fac_text p{

    text-align: justify;

}



#Transportation .readmore-btn{

    background: var(--blue);

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

}

#Transportation .readmore-btn:hover{

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

     color: var(--blue);

     background-color: transparent;

     transition: .3s all;

}

#Transportation.fac_style_1 .fa-controlers .carousel-control-prev,

#Transportation.fac_style_1 .fa-controlers .carousel-control-next {

    background-color: var(--blue);

}

#Transportation.fac_style_1 .fac_text h2 {

    color: var(--blue);

}

#Transportation .readmore-btn {

    color: white;

}



#Kindergarten .readmore-btn{

    

    background: var(--yellow);

    border: 2px solid var(--yellow);

    color: black;

}

#Kindergarten .readmore-btn:hover{

     border: 2px solid var(--yellow);

     color: var(--yellow);

       background-color: transparent;

         transition: .3s all;

    

}

#Kindergarten.fac_style_1 .fa-controlers .carousel-control-prev,

#Kindergarten.fac_style_1 .fa-controlers .carousel-control-next {

    background-color: var(--yellow);

}

#Kindergarten.fac_style_1 .fac_text h2 {

    color: var(--black);

}



.fac_text p {

    font-size: 15px;

}

.readmore-btn {

    font-size: 15px;

}