*{
  margin: 0;
  padding: 0;
  font-family:    sans-serif;

}

body{
background-image: linear-gradient( 174.2deg,  rgba(255,244,228,1) 7.1%, rgba(240,246,238,1) 67.4% );
}


.intro ,.carousel-dark, .footer {
  background-image: url(../images/schoolactivities/1.jpg);
  
}
.text-color{
color: #9926f0;
 
}
.header h2{
/* color:#FF7F50; */
color: #9926f0;
}



.school-list .describe{
color:#FF7F50;
}

.school-list h2{
color: #9926f0;
}

.school-list .slide{
font-size: 35px;

}

/* Gallery */

.gallery h2{
 color: #9926f0; 
} 

.gallery .gallery-item img {
transition: 0.3s;
}

.gallery .gallery-links {
position: absolute;
inset: 0;
opacity: 0;
transition: all ease-in-out 0.3s;
background: rgba(0, 0, 0, 0.6);
z-index: 3;
}

.gallery .gallery-links .preview-link {
font-size: 25px;
color: rgba(255, 255, 255, 0.5);
transition: 0.3s;
line-height: 1.2;
margin: 30px 8px 0 8px;
}

.gallery .gallery-links .preview-link:hover
{
color: #fff;
}

.gallery .gallery-item:hover .gallery-links {
opacity: 1;
}

.gallery .gallery-item:hover .preview-link
{
margin-top: 0;
}

.gallery .gallery-item:hover img {
transform: scale(1.1);
}

#scroll{
overflow: hidden;
width: 100%;
}
#scroll .pic-counter{
width: 100%;
object-fit: cover;

}

.item .img-card-top{
width: 100%;
transition: transform 1s;

}

.item .image-logo img{
width: 130px;
height: 80px;

}
.item .img-card-top:hover{
transform: translateZ(20px);
}

.testimoni h2{
color: #9926f0; 
}

.faq h2{
color: #9926f0; 
}

.faq .faq-para{
color:#FF7F50;
}

/* inner.html css */

.display{
display: none;
}