body{background-color:#f6f6f6;margin:0;font-size:12px;font-style:normal;font-weight:500;font-family:Poppins,sans-serif!important}*{box-sizing:border-box;font-family:Poppins,sans-serif!important}.bg-red{color:#fff;background-color:#af3636}.text-white{color:#fff!important}.text-dark{color:#000!important}.text-muted{color:#333!important}.text-warning{color:#f59e0b!important}.text-danger{color:#ef4444!important}.page-color-card{color:#fff;background:linear-gradient(90deg,#0d47a1,#42a5f5);padding:40px 20px}.container{min-width:1300px;margin:0 auto}.main-patch{background:linear-gradient(90deg,#402e04 0%,#845f08 100%);padding:24px}.heading{font-family:Poppins,sans-serif;font-size:36px!important;font-weight:700!important}.heading1{font-family:Poppins,sans-serif;font-size:28px!important;font-weight:700!important}.heading2{font-family:Poppins,sans-serif;font-size:24px!important;font-weight:500!important}.heading3{font-family:Poppins,sans-serif;font-size:20px!important;font-weight:500!important}.heading4{font-family:Poppins,sans-serif;font-size:16px!important;font-weight:500!important}.heading5{font-family:Poppins,sans-serif;font-size:14px!important;font-weight:500!important}.heading6{font-family:Poppins,sans-serif;font-size:12px!important;font-weight:500!important}@media (max-width:768px){.main-patch{padding:16px}.heading{margin-top:0!important;margin-bottom:0!important;font-size:18px!important}.heading1{font-size:16px!important;font-weight:700!important}.heading2,.heading3,.heading4{font-size:12px!important}.heading5{font-family:Poppins,sans-serif;font-size:12px!important;font-weight:500!important}}.landing-container{color:#5b1e0b;background:linear-gradient(135deg,#ffe5d9 0%,#ffcab1 100%);justify-content:center;align-items:center;min-height:90vh;display:flex}.landing-content{text-align:center}.landing-title{color:#fff;font-weight:700}.landing-divider{background-color:#fff;border-radius:2px;width:64px;height:4px;margin:0 auto 24px}.landing-emoji-wrapper{margin-bottom:32px}.landing-emoji-box{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffff26;border-radius:24px;justify-content:center;align-items:center;width:192px;height:192px;margin:0 auto;display:flex}.landing-emoji{font-size:64px}.landing-subtitle{color:#fff;font-weight:700}.landing-text{color:#5b1e0b;max-width:400px;margin:0 auto 24px}.landing-button{border-radius:32px;padding:12px 32px;font-size:16px;font-weight:600;box-shadow:0 4px 12px #0003;color:#cd5c5c!important;background-color:#fff!important}.header-layout{margin-bottom:65px!important}.nav__content{z-index:999;background-color:#fff;align-content:center;padding:0;position:fixed;top:0;left:0;right:0}.nav__bar{will-change:transform;flex-flow:row;justify-content:space-between;align-items:center;transition:transform .25s ease-in-out;display:flex;position:relative}.menu-item{color:#333;margin:0 8px;font-size:16px;font-weight:500}.menu-item:hover{color:#1890ff}@media (max-width:768px){.menu-item{display:none}}@media (min-width:1024px){.home-counter-container{grid-gap:160px;padding-left:110px}}.profile-setup-container{background:linear-gradient(to bottom right,#e0f7fa,#f1f8e9);padding:40px 16px 80px}.profile-setup-wrapper{max-width:500px;margin:0 auto}.subtitle{color:#888;margin-bottom:24px}.upload-section{text-align:center;margin-bottom:24px}.avatar-placeholder{background:linear-gradient(135deg,#c8facc,#ccf6e8);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 12px;font-size:24px;display:flex}.form-group{margin-bottom:20px}.form-label{color:#444;margin-bottom:6px;font-weight:500;display:block}.rounded-input{border-radius:8px}.align-center{align-items:center;display:flex}.landing-page img{width:100%;height:auto}.create-post{padding:20px 0!important}.create-post .post-skill{border-radius:12px}.create-post .post-skill .ant-card-body{text-align:center;flex-direction:column;align-items:center;display:flex;padding:16px!important}.create-post .post-skill img{width:48px;border-radius:50px!important}.create-post .post-skill h4{margin-top:8px;margin-bottom:0;font-weight:500;font-size:14px!important}@media (max-width:768px){.create-post .post-skill .ant-card-body{padding:12px!important}.create-post .post-skill h4{margin-top:7px;margin-bottom:0;font-weight:500;font-size:12px!important}}.skill-page{margin-top:16px}.skill-page .skill-card{height:auto!important;padding:4px!important}.skill-card .ant-card-body{text-align:center!important;padding:30px 20px!important}.skill-card .skill-icon{border-radius:100px!important;width:64px!important}.skill-card .skill-title{margin-top:4px;margin-bottom:0;font-weight:600;font-size:15px!important}@media (max-width:768px){.skill-card>.ant-card-body{text-align:center!important;padding:20px 10px!important}.skill-card .skill-icon{border-radius:100px!important;width:40px!important}.skill-card .skill-title{margin-top:4px;margin-bottom:0;font-weight:400;font-size:13px!important}}.user-post-view .ant-card-body .title{margin-top:0;margin-bottom:0;font-size:20px;font-weight:600}.user-post-view .ant-card-body .title2{color:#747474;margin-top:10px;margin-bottom:0;font-size:16px;font-weight:600}.user-post-view .ant-card-body .description{color:#444;margin-top:0;margin-bottom:10px;font-size:14px}.user-post-view .ant-card-body .label{color:#636363;margin-top:8px;margin-bottom:2px;font-size:13px}.user-post-view .ant-card-body .value{margin-top:0;margin-bottom:10px;font-size:15px;font-weight:500}.user-post-list .ant-card-body .flex{display:flex}.user-post-list .ant-card-body .posts-header{justify-content:space-between;display:flex}.user-post-list .ant-card-body .posts-skill{margin-top:0;margin-bottom:8px;font-size:14px}.user-post-list .ant-card-body .posts-distance{color:#999;font-size:12px}.user-post-list .ant-card-body .post-icon{color:#888;font-size:14px}.user-post-list .ant-card-body .image{width:80px!important}.user-post-list .ant-card-body .content{width:calc(100% - 80px)}.user-post-list .ant-card-body .avatar{border-radius:100px;width:56px!important;height:56px!important}.user-post-list .ant-card-body .title{color:#1f2937;margin-top:0;margin-bottom:0;font-size:16px;font-weight:600}.user-post-list .ant-card-body .title2{color:#4b5563;margin-top:0;margin-bottom:0;font-size:15px}.user-post-list .ant-card-body .description{color:#555;margin-top:0;margin-bottom:15px;font-size:13px}.user-post-list .ant-card-body .post-label{color:#636363;margin-top:0;margin-bottom:0;font-size:12px}.user-post-list .ant-card-body .post-value{color:#444;margin-top:0;margin-bottom:5px;font-size:13px}.user-profile{border-radius:12px;padding:0;position:relative;overflow:hidden}.user-profile .cover-photo{background-image:url(https://images.unsplash.com/photo-1506744038136-46273834b3fb);background-position:50%;background-size:cover;height:150px;margin:-24px}.user-profile .avatar-container{z-index:1;position:absolute;left:50px;transform:translateY(-20%)}.user-profile .details{justify-content:space-between;margin-top:36px;margin-bottom:20px;margin-left:162px;padding:4px 5px;display:flex}.user-profile .subtitle{color:gray;margin-top:0;font-size:14px}.user-profile .rating{align-items:center;gap:8px;display:flex}.user-profile .review-count{color:gray;font-size:14px}.user-profile .info-block{padding:0 24px}.user-profile-avatar{background-color:#fff;border:5px solid #fff;border-radius:50%;width:120px;height:120px;box-shadow:0 2px 8px #0000001a}@media (max-width:767px){.user-profile .cover-photo{background-image:url(https://images.unsplash.com/photo-1506744038136-46273834b3fb);background-position:50%;background-size:cover;height:100px;margin:-24px}.user-profile .avatar-container{z-index:1;position:absolute;left:36%;transform:translateY(-30%)}.user-profile .details{flex-direction:column;margin-top:80px;margin-bottom:20px;margin-left:0;padding:4px 5px;display:flex}.user-profile .details h2{text-align:center;margin-top:10px;margin-bottom:0;font-size:20px}.user-profile .subtitle{text-align:center;color:red;margin-top:0;margin-bottom:5px;font-size:14px}.user-profile .rating{flex-direction:column;gap:6px;display:flex}.user-profile .review-count{text-align:center;color:gray;font-size:14px}.user-profile .info-block{padding:0 24px}}.helper-card{background:#fffdfd;border-radius:12px;padding:12px;transition:all .3s;box-shadow:0 2px 8px #0000000f}.avatar-circle{background-color:#fff0f0;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:28px;display:flex}.helper-name{color:#333;font-size:16px;font-weight:600}.helper-distance{color:#777;margin-bottom:4px;font-size:14px}.helper-description{color:#555;margin-bottom:8px;font-size:14px}.helper-rating{color:#222;margin-bottom:12px;font-size:14px}.review-count{color:#666;margin-left:6px}.login-card{background-color:#fff;border:3px solid #fec40a57;border-radius:20px}@media (max-width:768px){.login-card{background-color:#fff;border:0 solid #fec40a57;border-radius:0}}.custom-search-box{box-shadow:none;background-color:#fff;border:2px solid #e6e0e9;border-radius:10px;outline:none;padding-left:8px}.custom-search-box:hover,.custom-search-box:focus{box-shadow:none;border-color:#b3b3b3}.search-icon{color:#999;margin-right:8px}.mobile-only{display:none}.desktop-only{display:flex}@media (max-width:767px){.mobile-only{justify-content:center;align-items:center;display:flex!important}.desktop-only{display:none!important}}.navigation-container{z-index:1000;background-color:#fff;margin-top:20px;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 8px #0000001a}.navigation-container .flex{justify-content:space-around;align-items:center;padding:10px 2px;display:flex}.navigation-container button{color:#333;cursor:pointer;background:0 0;border:none;font-size:14px}.navigation-container button>.title{text-align:center;margin-top:4px;font-size:12px;font-weight:500;display:block}.navigation-container button:hover{color:#1890ff}.bottom-menu-item{align-items:center;width:20%;padding:0 8px}.user-profile-layout{min-height:80vh;margin-top:20px}.user-profile-content{background-color:#fff;border-radius:8px;margin:0 20px}.user-profile-menu{background-color:#fff;border-radius:8px;width:100%}.label-p{opacity:.7;margin-top:15px;margin-bottom:2px!important;font-size:13px!important}.title-value,.label-text{opacity:.9;margin-top:4px!important;margin-bottom:5px!important;font-size:15px!important}.ant-btn.ant-btn-color-primary{background-color:#a67500}.main-container{padding-top:24px}.d-sm-none{display:block!important}.main-container-body{padding-left:24px}@media (max-width:768px){.main-container{padding-top:0}.main-container-body{padding-left:0}.d-sm-none{display:none!important}}.myskill-card{text-align:center;border-radius:16px;position:relative}.myskill-card .verified-icon{color:#16a34a;font-size:22px;position:absolute;top:16px;right:16px}.myskill-card .unverified-icon{color:#a31616;font-size:22px;position:absolute;top:16px;right:16px}.myskill-card .skill-image{justify-content:center;display:flex}.myskill-card .skill-image img,.image-placeholder{color:#fff;background:linear-gradient(135deg,#fff,#d4d4d4);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:36px;display:flex}.myskill-card .skill-title{margin-top:12px;margin-bottom:4px!important}.myskill-card .skill-exp{font-weight:400;margin:0!important}.myskill-card .skill-bio{color:#666;margin-bottom:16px;display:block}.bottom-nav{z-index:1000;background:#fff;border-top:1px solid #eaeaea;justify-content:space-around;align-items:center;height:64px;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{text-align:center;color:#8c8c8c;cursor:pointer;font-size:12px;transition:all .2s}.bottom-nav-item .icon{font-size:20px;line-height:1}.bottom-nav-item .label{margin-top:4px}.bottom-nav-item.active{color:#a67500}.bottom-nav-item.active .icon{transform:scale(1.1)}.bottom-nav-item.center{position:relative;top:-18px}.bottom-nav-item.center .icon{color:#fff;background:#a67500;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;font-size:28px;display:flex;box-shadow:0 8px 20px #1677ff59}.bottom-nav-item.center .label{display:none}@media (min-width:768px){.bottom-nav{display:none}}.m-0{margin:0!important}.m-1{margin:4px!important}.m-2{margin:8px!important}.m-3{margin:12px!important}.m-4{margin:16px!important}.m-5{margin:20px!important}.m-6{margin:24px!important}.m-8{margin:32px!important}.mt-1{margin-top:4px!important}.mt-2{margin-top:8px!important}.mt-3{margin-top:12px!important}.mt-4{margin-top:16px!important}.mt-5{margin-top:20px!important}.mb-1{margin-bottom:4px!important}.mb-2{margin-bottom:8px!important}.mb-3{margin-bottom:12px!important}.mb-4{margin-bottom:16px!important}.ml-1{margin-left:4px!important}.ml-2{margin-left:8px!important}.ml-3{margin-left:12px!important}.ml-4{margin-left:16px!important}.mr-1{margin-right:4px!important}.mr-2{margin-right:8px!important}.mr-3{margin-right:12px!important}.mr-4{margin-right:16px!important}.mx-auto{margin-left:auto;margin-right:auto!important}.p-0{padding:0!important}.p-1{padding:4px!important}.p-2{padding:8px!important}.p-3{padding:12px!important}.p-4{padding:16px!important}.p-5{padding:20px!important}.p-6{padding:24px!important}.pt-1{padding-top:4px!important}.pt-2{padding-top:8px!important}.pt-3{padding-top:12px!important}.pt-4{padding-top:16px!important}.pb-1{padding-bottom:4px!important}.pb-2{padding-bottom:8px!important}.pb-3{padding-bottom:12px!important}.pb-4{padding-bottom:16px!important}.pl-1{padding-left:4px!important}.pl-2{padding-left:8px!important}.pl-3{padding-left:12px!important}.pl-4{padding-left:16px!important}.pr-1{padding-right:4px!important}.pr-2{padding-right:8px!important}.pr-3{padding-right:12px!important}.pr-4{padding-right:16px!important}.fs-10{font-size:10px!important}.fs-12{font-size:12px!important}.fs-14{font-size:14px!important}.fs-16{font-size:16px!important}.fs-18{font-size:18px!important}.fs-20{font-size:20px!important}.fs-24{font-size:24px!important}.fw-light{font-weight:300}.fw-normal{font-weight:400}.fw-medium{font-weight:500}.fw-bold{font-weight:700}.italic{font-style:italic}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.w-100{width:100%}.h-100{height:100%}.vh-100{height:100vh}.pointer{cursor:pointer}.hidden{display:none}.block{display:block}.inline{display:inline}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}@media (max-width:768px){.ant-card-body,.ant-layout-content{padding:12px!important}}