/* #cu-intro .container{
    padding-top: 200px;
} */

#cu-intro .container .cu-introText{
    display: flex;
    flex-direction: column;
    width: 470px;
    gap: 31px;
}

#cu-intro .container form{
    padding: 40px 85px 60px;
    display: flex;
    width: 100%;
    margin-top: -217px;
    /* height: 1051px; */
    border-radius: 13px;
    background-color: white;
    box-shadow: 0px 30px 50px rgb(0, 0, 0, 0.25);
    column-gap: 96px;
}

#cu-intro .container form .formInput{
    width: 62.59%;
    display: flex;
    flex-direction: column;
    gap: 30px;
}


#cu-intro .container form .formInput .boxes{
    display: flex;
    flex-direction: column;
    gap: 27px;
}
  
#cu-intro .container form .formInput .boxes #button{
    font-family: "inter-r";
    display: flex;
    background-color: #23A2A6;
    border-style: hidden;
    padding: 13px 0;
    width: 181px;
    /* height: 70px; */
    font-size: 20px;
    color: white;
    text-decoration: none;
    justify-content: center;
    align-items: center;
    align-self: flex-end;
    border-radius: 50px
}


#cu-intro .container form .formInput .boxes #button:hover {
    background: var(--dark-blue);
}

#cu-intro .container form .formInput .boxes textarea{
    height: 256.12px;
}

#cu-intro .container form .formInput .boxes .phonemail{
    display: flex;
    flex-direction: row;
    gap: 27px;
}  

#cu-intro .container form .formInput .boxes input, textarea{
    width: 100%;
    border: 1px solid #D9D9D9;
    padding: 23px 24px;
    border-radius: 13px;
}

#cu-intro .container form .formInput .boxes input::placeholder, textarea::placeholder{
    font-family: "inter-r";
    color: #757575;
    font-size: 16px;
}  

/* #cu-intro .container .cu-introText h1{
    font-family: "inter-r" !important;
    font-size: 48px;
    color: #233D64;
    font-weight: normal;
}    */

/* #cu-intro .container .cu-introText p{
    font-family: "inter-l";
    font-size: 18.6px;
    color: #233D64;
}    */



#cu-intro .container form .info{
    display: flex;
    flex-direction: column;
    gap: 30px;
}

#cu-intro .container form .info .infoData{
    display: flex;
    flex-direction: column;
    gap: 16px;
}

#cu-intro .container form .info .infoData .info-le{
    /* display: flex; */
    /* flex-direction: column; */
    /* gap: 17px; */
}

#cu-intro .container form .info .infoData .info-le .lokasi, .email{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
}

#cu-intro .container form .info .infoData .info-le .email p{
    color: black;
    font-size: 16px;
}

#cu-intro .container form .info .infoData .info-le .lokasi p{
    color: black;
    font-size: 16px;
}

.dot{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    padding: 3px;
    border-radius: 15px;
    background-color: #8AD1C7;
}

.dot p{
    color: white !important;
    font-size: 17px !important;
}