.row:after {content: "";display: table;clear: both;}
.col-33{float:left; width:33.3%; padding:0px;}

.profiles{background:linear-gradient(180deg,#f7f9fc 0%,#e5efff );padding:20px 20px;}
.profiles-container {margin:5px 0px;padding:15px 40px;}
.profiles-messbox{margin:5px; padding:15px 0;}

.profiles-messbox h3{margin-top:15px;}

.cusbox-container{margin:10px 10px;padding:15px 10px;border:1px solid  #e2e2e2; border-radius:4px;background-color: #f2f2f2;}
.card {background-color:#fff; margin:10px;border-radius:8px;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,0.1);transition:transform 0.3s;}
.card-img{ width:100%;height:auto;object-fit:cover;}
.cardbox p{padding:15px 7px;font-size:1.0rem;color:#555;}
.prolist-container{max-width:1200px;margin:auto;}
.prolist-container h4{ margin-bottom:20px;}
.profiles-grid{ display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:50px;padding:0 40px;}
.prolist{background:linear-gradient(180deg,#f7f9fc 50%,#e5efff);padding:60px 20px;}
.prolist-card{ background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,0.1);transition:transform 0.3s;}
.prolist-card:hover{ transform:translateY(-5px);}
.imgprof{background:#fbfbfb;border-radius:8px; width:250px; height:auto; border:1px solid #003366;}
.profile-messbox{ text-align:right;margin-right:20px;}

input[type=text],select {padding: 12px;border: 2px solid #ff6600;background-color:#ffffff; 
   border-radius: 4px;resize:vertical;font-size:16px;max-width:100%;}

/* Responsive */
@media (max-width: 768px) {
  .profiles-grid{grid-template-columns:1fr;}
  .col-33 { text-align:left; width:100%; }
  .profiles-container{margin:2px 0px;padding:15px 2px;}
  .profile-messbox{ text-align:center;margin-right:20px;}
}