body {
	font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-size: 14px;
	line-height: 1.71429;
	font-weight: 500;
	letter-spacing: .05em;
	color: #151515;
	background-color: #ffffff;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: subpixel-antialiased;
}
.slider-container {
    position: relative;
    overflow: hidden;
    max-width: 600px; 
}
 
.slider-wrapper {
    display: flex;
    transition: transform 0.3s ease;
}
 
.slider-item {
    flex: 1 0 auto;
    padding: 20px 20px;
}
 
.slider-item img {
    width: 100%;
    display: block;
}
 
.slider-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    user-select: none;
    cursor: pointer;
}
 
.slider-button-left {
    left: 10px; 
}
 
.slider-button-right {
    right: 10px; 
}
@media (min-width: 799px) {
	.fenxiang{
        width: 29%;
        padding: 20px;
        background: #FFF7F7;
        border-radius: 10px;
        margin-top: 20px;
    }
}

@media (max-width: 699px) {
    .fenxiang{
        width: 100%;
        padding: 20px 0px 0px 0px;
        background: #FFF7F7;
        border-radius: 10px;
        margin-top: 20px;
    }
}
@media (min-width: 799px) {
	.sharingStories{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
}

@media (max-width: 699px) {
    .sharingStories{
        display: flex;
        flex-direction: column;
    }
}
@media (min-width: 799px) {
    .could{
        padding: 0px 0px;
        font-size: 16px;
        font-weight: 500;
    }
}

@media (max-width: 699px) {
    .could{
        padding: 0px 20px;
    }
}

    .schools{
        padding: 0px 20px;
    }

.xuexiao{
    font-size: 16px;
    color: #3B3B3B;
    
}
@media (min-width: 799px) {
	.students{
        /* text-align: center; */

        margin-top: 80px;
        font-size: 32px;
        font-weight: 600;
        color: #3B3B3B;
    }
}

@media (max-width: 699px) {
    .students{    
        /* text-align: center; */
        margin-top: 80px;
        font-size: 32px;
        font-weight: 600;
        color: #3B3B3B;
        padding: 0px 20px;
    }
}

.address{
    padding: 0px 20px;
}
.imagesmmi{
    width: 320px;
}

.location{
    font-size: 32px;
    font-weight: 600;
    color: #3B3B3B; 
    margin-top: 80px;
}
.pinnacles{
    font-size: 18px;
    font-weight: 600;
    color: #3B3B3B; 
    
}
.cantonmen{
    display: flex;
    font-size: 18px;
    font-weight: 400;
    color: #3B3B3B; 
    margin-top: 10px;
}
.school{
    padding: 40px 0px 20px 0px;
    font-size: 32px;
    font-weight: 600;
    color: #3B3B3B;
}
@media (min-width: 799px) {
    .cantonment{
        width: 23%;
        height: auto;
        padding: 0px 0px 20px 0px;
    }
}

@media (max-width: 699px) {
    .cantonment{
        width: 100%;
        padding: 0px 0px 20px 0px;
        height: auto;
    }
}

@media (min-width: 799px) {
    .pinnacle{
        display: flex;
        justify-content: space-between;
        margin: 20px 0px 40px 0px;
        flex-wrap: wrap;
    }
}

@media (max-width: 699px) {
    .pinnacle{
        display: flex;
        justify-content: space-between;
        margin: 20px 0px 40px 0px;
        flex-wrap: wrap;
    }
}
@media (min-width: 799px) {
    .singapore{
        height: 100%;
        max-width: 100%;
       
    }
}

@media (max-width: 699px) {
    .singapore{
        /* height: 400px; */
        margin-left: 23px;
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto;
        object-fit: contain;
      
    }
}


    .footers{
        padding: 40px 0px;
        font-size: 14px;
        background: #fcf1f5;
    }
    @media (min-width: 799px) {
        .connections {
            width: 56%;
            margin: auto;
            font-weight: 500;
            font-size: 14px;
            text-align: center;
           
          }
    }

    @media (max-width: 699px) {
        .connections {
            width: 100%;
            margin: auto;
            font-weight: 500;
            font-size: 14px;
            text-align: center;
           
          }
    }
    .generated{
        font-size: 14px;
        color: #3B3B3B;
        text-align: center;
        padding: 18px 0px 
    }



.modal {  
    display: none; 
    position: fixed; 
    z-index: 1; 
    left: 0;  
    top: 0;  
    width: 100%; 
    height: 100%;  
    overflow: auto; 
    background-color: rgba(0, 0, 0, 0.5); 
  }  
  

  
@media (min-width: 799px) {
	.modal-content {  
        background-color: #fefefe;  
        margin: 15% auto; 
        padding: 20px;  
        border: 1px solid #888;  
        width: 40%; 
      }  
}

@media (max-width: 699px) {
    .modal-content {  
        background-color: #fefefe;  
        margin: 15% auto;
        padding: 20px;  
        border: 1px solid #888;  
        width: 80%; 
      }  
}

  .close {  
    color: #aaa;  
    float: right;  
    font-size: 28px;  
    font-weight: bold;  
    cursor: pointer;  
    margin-top: -25px;
  }  
  
  .close:hover,  
  .close:focus {  
    color: black;  
    text-decoration: none;  
    cursor: pointer;  
  }  
  @media (min-width: 799px) {
    .read{
        border: none;
        background: none;
        color: #ED4D99;
        font-size: 16px;
        font-weight: 700;
        text-decoration: underline;
      }
}

@media (max-width: 699px) {
    .read{
        border: none;
        background: none;
        color: #ED4D99;
        font-size: 16px;
        font-weight: 700;
        text-decoration: underline;
        padding: 0px 0px 0px 20px;
      }
}
@media (min-width: 799px) {
    .dahrin{
        color: #3B3B3B;
        font-size: 16px;
        font-weight: 700;
      }
}

@media (max-width: 699px) {
    .dahrin{
        color: #3B3B3B;
        font-size: 16px;
        font-weight: 700;
        padding: 0px 0px 0px 20px;
      }
}

@media (min-width: 799px) {
    .home{
        width: 80%;
        margin: auto;
        padding:0px 0px 80px 0px;
      }
}

@media (max-width: 699px) {
    .home{
        width: 100%;
        padding:0px 0px 80px 0px;
      }
}
.enlarged {  
    transform: scale(2); /* 放大两倍 */  
    transition: transform 0.3s ease; /* 平滑过渡效果 */  
}