body{
    margin: 0;
    background: rgb(244, 4, 180);
}

.parent-header{
    background: linear-gradient(to right,#c10476,#d90f9c);
    color: rgb(215, 207, 207);
    text-align: center;
    padding: 20px;
}

.child-title {
    font-size: 36px;
}

.child-subtitle {
    font-size: 18px;
}

.parent-nav {
    background:rgb(252, 4, 177);
    text-align: center;
    padding: 10px;
}

.nav-list {
    list-style: none;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
    gap: 10px;
}

.child-link {
    color: rgb(245, 237, 237);
    text-decoration: none;
    background-color: #c7077a;
    padding: 5px;
    border-radius: 5px;
}

.child-link:hover {
    background-color: rgb(204, 14, 204);
    transition: 0.5s ease-in-out;
}

.parent-slider {
    display: flex;
    overflow: hidden;
}

.parent-slider .child-slide {
    width: 34%;
    
}

.parent-card {
    background: rgb(76, 41, 105);
    margin: 20px;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0 0 20px #170915;
}

.parent-card.child-heading {
    color: #565678;
}

.parent-card.child-text {
    font-size: 16px;
}

.parent-gallery {
    background: rgb(229, 229, 229);
    margin: 20px;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0 0 20px #ffffff;
}

.gallery {
    display: flex;
    gap: 5px;
}

.gallery-card-slide {
    width: 7rem;
    border-radius: 10px;
    overflow: hidden;
    background-color: #a11695;
    transition: 0.4s ease-in-out;
    box-shadow: 0 5px 12px rgba(0, 0, 0, 0.3);
    flex: 3;
}

.gallery-card-slide img {
    display: block;
    width: 100%;
    height: 250px;
    object-fit: cover;

}
    

.gallery-card-slide:hover {
    flex: 6;
    cursor: pointer;
}
  
.fig-gallery {
    text-align: center;
    padding: 10px;
    color: #ffff;
    font-weight: 400;
}
.about-all{
    display: flex;
  
   justify-content: center;
    margin-top: 20px;
}



@media (max-width:768px) {
.gallery {
    flex-direction: column;
    gap: 15px;
}

.gallery-card-slide {
    width: 100%;
    margin: 0 auto;
}

.about-all{
    display: block;
   
  
}
.profile-card {
    background: #ffffff;
    padding: 20px;
    border-radius: 20px;
    text-align: center;
    width: 90%;
    max-width: 350px;
    justify-content: center;
    align-items: center;
}
}

.parent-edu {
    background: white;
    margin: 20px;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0 0 20px #ffffff;
}

.child-img {
    width: 150px;
    margin: 10px;
    border-radius: 10px;
    transition: 0.3s;
}

.parent-edu .child-img:hover {
transform: scale(1.1);
}

.parent-card {
    background: white;
    margin: 20px;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0 0 20px #f507d2;
}

.contact-info ul{
    display: flex;
    gap: 10px;
}



.contact-info li{
    list-style: none;
}

.parent-card .child-heading{
    color: #190505;
}

.parent-card .child-text {
    font-size: 16px;
}

.link-icon {
    width: 20px;
    position: relative;
    top: 5px;
}

.parent-footer {
    background: linear-gradient(to right,#cf078c,#cb257b);
    color: white;
    text-align: center;
    padding: 15px;
}

.parent-footer .child-footer-text {
    font-size: 14px;
}

@media (max-width:768px) {
.parent-edu{
    display: grid;
    gap: 14px;
}
.child-img{
    width: 100%;
    margin: auto;
}
.parent-edu .child-img:hover{
    transform: scale(1);
}
}


 .main-form {
    background: white;
    margin: 20px;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0 0 20px #ffffff;
}
.form-group {
    margin-bottom: 20px;
}

fieldset {
    border: 1px solid #ddd;
    border-radius: 10px;
    margin-bottom: 20px;
    padding: 15px;
}

legend {
    font-weight: bold;
    padding: 0 10px;
    color: #2e262d;
}

label {
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
    color: #444;
}

input[list],
input [type= "tel"],
select,
textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid#ccc;
    border-radius: 8px;
    box-sizing: border-box;
    outline: none;
}

input[type="range"] {
    width: 100%;
    cursor: pointer;
    accent-color: #cf0592;
}

.submit-btn {
    width: 100%;
    background-color: #b92599;
    color: white;
    padding: 13px;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
}

 
.background-color {
  background: url('./assets/images/slide1.jpg');
  height: 400px; 
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  
}

.image-container {
  display: flex;
  gap: 20px;
  overflow-x: auto;
  justify-content: center;
  flex-wrap: nowrap;
  width: 100%;
  padding: 10px;
  
  -webkit-overflow-scrolling: touch;
}

.image-container img {
  width: 150px;
  height: 200px;
  object-fit: cover;
  border-radius: 10px;
  border: 3px solid white;
  flex-shrink: 0;
}



.profile-card {
    background: #ffffff;
    padding: 20px;
    border-radius: 20px;
    text-align: center;
    width: 90%;
    max-width: 350px;
}

.profile-img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border: 3px solid #e94560;
}

.tags { display: flex; justify-content: center; gap: 10px; margin: 15px 0; }

.tag { background: #e94560; padding: 5px 12px; border-radius: 15px; font-size: 0.8rem; }

a { color: #e94560; text-decoration: none; display: block; margin-top: 10px; }


@media (max-width: 768px) {
.image-container::before {
  content: '';
  padding-right: 100px;
}

}