* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "Ubuntu", helvetica; }


body {
  background-color: #ECE8DC; 
}

main {
  margin-top: -25px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}


.content-menu {
  margin-top: 0px;
  padding-top: 0px;
  width: 100px;
  background: #084B8A;
  -webkit-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms; }


.content-menu li {
  list-style: none;
  text-align: center;
  padding: 13px;
  color: #ECE8DC;
  -webkit-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms;
  cursor: pointer; 

}

.content-menu li:hover {
  -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
  transform: translateY(10px);
  background: #045FB4; 

}

.content-menu li span {
  font-size: 40px; 

}

.content-menu li h5 {
  font-weight: 100;
  -webkit-transform: translateY(18px) translateX(-110px);
  -ms-transform: translateY(18px) translateX(-110px);
  transform: translateY(18px) translateX(-110px);
  -webkit-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms; }

.content-menu:hover .text5 {
  -webkit-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px);
  -webkit-transition: all 500ms;
  -o-transition: all 500ms;
  transition: all 500ms; }


.icon1 {
  color: #ECE8DC; 
  width: 150px;
  height: 50px;
}

.iconM {
  color: #04B45F;
  font-weight: bolder;
  padding-left: 0.5vw;
  font-size: 2vw; 
  width: 150px;
  height: 50px;
}

/*styles news*/
.section_title h3 {
  font-size: 55px;
  font-weight: bolder;
  font-family: "Abril Fatface", cursive;
  color: #234262;
}
.text-center {
    text-align: center!important
}
.popular_program_area .single__program .program_thumb img {
  width: 100%;
}
@media (max-width: 767px) {
  /* line 13, ../../Arafath/CL/january 2020/243.Education/HTML/scss/_program.scss */
  .popular_program_area .single__program .program__content {
    margin-bottom: 30px;
  }
}
.popular_program_area .single__program .program__content span {
  display: block;
  font-size: 16px;
  color: #232637;
  font-weight: 400;
}

/* line 38, ../../Arafath/CL/january 2020/243.Education/HTML/scss/_program.scss */
.popular_program_area .single__program .program__content h4 {
  font-size: 25px;
  color: #232637;
  font-family: "Abril Fatface", cursive;
  font-weight: 400;
  margin-top: 23px;
}

/* line 32, ../../Arafath/CL/january 2020/243.Education/HTML/scss/_program.scss */
.popular_program_area .single__program .program__content span {
  display: block;
  font-size: 16px;
  color: #232637;
  font-weight: 400;
}

/* line 38, ../../Arafath/CL/january 2020/243.Education/HTML/scss/_program.scss */
.popular_program_area .single__program .program__content h4 {
  font-size: 25px;
  color: #232637;
  font-family: "Abril Fatface", cursive;
  font-weight: 400;
  margin-top: 23px;
}


/*Styles footer*/
.content_footer
{
  margin: auto;
  width: 90vw;
  height: 20vw;
  background: #084B8A;
  color:#ECE8DC;
  padding-top: 2vw;
  font-size: 1.2vw;
  border: 2px solid;
  border-radius: 10px;
  display: block;
}

.div_footer_1
{
  width: 10%;
  float: left;
  font-size: 4vw;
  text-align: right;
  padding: 2vw;
}

.div_footer_2
{
  width: 20%;
  float: left;
  border-right: solid 0.1vw;
  border-right-color: #01DF74;  
}
.text_footer1
{
  padding-top: 1vw;
  font-size: 1.3vw;
}
.text_footer2
{
  padding-top: 1vw;
  font-size: 1vw;
}

.icon_footer
{
  color: #ECE8DC;
  width: 4vw;
  height: 4vw;
  text-align: right;
}

.copyright
{
  display: block;
  width: 90vw;
  font-size: 0.7vw;
  text-align: center;
}
/*--------------------------- slide styles --------------------------------*/
.mySlides1 {display: none;}
.img1 {vertical-align: middle;}

/* Slideshow container */
.slideshow-container1 {
  max-width: 50%;
  position: relative;
  margin: auto;

}

/* Caption text */
.text1 {
  color: #f2f2f2;
  font-size: 2vw;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext1 {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot1 {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active1 {
  background-color: #717171;
}

/* Fading animation */
.fade1 {
  -webkit-animation-name: fade1;
  -webkit-animation-duration: 1.5s;
  animation-name: fade1;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade1 {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade1 {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text1 {font-size: 11px}
}