*{font-family: "Raleway", sans-serif;}
h1,h2,h3,h4,h5,h6,p{margin: 0 !important;}
.header{box-shadow: 0 0 5px rgba(0,0,0,.8);display: flex;position: fixed;top: 0;width: 100%;z-index: 10;background: #4D5DFB !important;background: rgba(132,67,214,255) !important;background: #eeebf1 !important;}
.header .title,.header .header-ul{display: inline-block;}
.header .title{margin: 0 0 0 0px;padding: 10px 10px;background: #fff;}
.header .title img{width: 180px;}
.header .header-ul{list-style: none;padding: 0 20px;margin: 0 0 0 auto !important;display: grid;place-items: center;}
.header .header-ul li{display: block;}
.header .header-ul .btn{background: rgba(132,67,214,255);border: 1px solid rgba(132,67,214,255);}
body{padding-top: 110px;}
.poster-col{background: linear-gradient(to top right,#08C8F6 10%,#4D5DFB 50%,#08C8F6 80%);box-shadow: 0 0 10px rgba(0,0,0,.4);}
.poster-col .poster{background: #fff;min-height: 400px;margin: 10px 0;padding: 20px;text-align: center;}
.poster-col .poster h1{border-bottom: 1px solid #777;padding: 20px;}
.poster-col .poster h1:last-child{border-bottom: none;}
.poster-col-2{background: #4D5DFB;}
.form-col{margin-top: 50px;border: 1px solid #ddd;padding: 50px 0 10px 0;position: relative;}
.form-col .tab-content{padding: 10px 20px;}
.form-col .thumb-bar{position: absolute;top: -36px;left: 50%;border: 1px solid #ddd;padding: 6px 10px;border-radius: 50%;background: #fff;}
.form-col .thumb-bar img{width: 50px;transform: scale(0.9);}
.form-container {
    display: flex;
    overflow-x: hidden; /* Hide overflow */
    scroll-behavior: smooth; /* Smooth scrolling */
    white-space: nowrap; /* Prevent items from wrapping */
    transition: .9s;
  }

  .form-item {
    min-width: 100%; /* Each form takes the full width of the container */
    padding: 20px; /* Padding for spacing */
    box-sizing: border-box; /* Include padding in width */
  }
.users-row{display: flex;justify-content: center;flex-wrap: wrap;}
.user-box{background: #fff;padding: 20px;margin: 10px;width: 140px;box-shadow: 0 0 10px rgba(0,0,0,.2);}
.user-box img{display: block;width: 100%;}
.user-name,.user-location{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
text-align: center;}
.about-me{background: #eeebf1 !important;}
.about-me-image img{width: 100%;border-radius: 20px;}
.about-me-content{}
.bi-instagram{background: -webkit-linear-gradient(rgb(188, 12, 241), rgb(212, 4, 4));-webkit-background-clip: text;-webkit-text-fill-color: transparent;}}