.card {
            margin-bottom: 1.875rem;
            background-color: #fff;
            transition: all .5s ease-in-out;
            position: relative;
            border: 0rem solid transparent;
            border-radius: 0.35rem;
            box-shadow: 0 0 45px rgba(0, 0, 0, .08);
            border: 1px solid transparent;
            transition: .5s;
        }
        
        .account-settings .user-profile {
            margin: 0 0 1rem 0;
            padding-bottom: 1rem;
            text-align: center;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }
        
        .user-profile .user-avatar {
            width: 150px;
            height: 150px;
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 0 0 1rem 0;
            border-radius: 100px;
            border: 4px solid #fff;
            box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);
        }
        
        .user-profile .user-avatar img {
            width: 100%;
            height: 100%;
            -webkit-border-radius: 100px;
            -moz-border-radius: 100px;
            border-radius: 100px;
            object-fit: cover;
        }
        
        .company-banner {
            position: relative;
            width: 100%;
            height: 180px;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            margin-bottom: 10px;
            border-radius: 10px;
        }
        
        .company-form .user-profile {
            position: absolute;
            top: 55%;
            left: 50%;
            transform: translate(-50%, -50%);
            text-align: center;
        }
        
        .company-form .user-avatar {
            width: 150px;
            height: 150px;
            background-color: #fff;
            margin: 0;
        }
        
        .company-form .user-avatar img.logo {
            width: 100%;
            height: 100%;
            border-radius: 50%;
            box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
            object-fit: contain;
        }
        
        .account-settings .user-profile h5.user-name {
            margin: 0 0 0.5rem 0;
        }
        
        .account-settings .user-profile h6.user-email {
            margin: 0;
            font-size: 0.8rem;
            font-weight: 400;
            color: #9fa8b9;
        }
        
        .account-settings .about {
            margin: 2rem 0 0 0;
            text-align: center;
        }
        
        .account-settings .about h5 {
            margin: 0 0 15px 0;
            color: #007ae1;
        }
        
        .account-settings .about p {
            font-size: 0.825rem;
        }
        
        .form-control {
            border-radius: 8px;
        }
        
        label {
            color: #000;
        }
        
        .form-select {
            border-radius: 8px;
        }
        
        .single-select {
            border-radius: 8px;
        }
        
        .education-box .row {
            padding: 20px;
            background-color: aliceblue;
            border-radius: 15px;
            margin: 10px;
        }
        
        .education-box p {
            color: #000;
        }
        
        .single-select {
            display: block;
            width: 100%;
            padding: .375rem 2.25rem .375rem .75rem;
            font-size: 1rem;
            font-weight: 400;
            line-height: 1.5;
            color: #666565;
            background-color: #fff;
            border-radius: 8px;
        }
        
        .profile-card .user-avatar {
            width: 100px;
            height: 100px;
            border: 4px solid #fff;
            box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);
            min-width: 100px;
        }
        
        .profile-card .user-avatar img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 50%;
        }
        
        .profile-card {
            transition: all 0.3s ease-in-out;
            border-radius: 15px;
        }
        
        .profile-card:hover {
            border: 1px solid #999;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
            transform: scale(1.05);
        }
        
        .profile-card .profile-header {
            padding: 10px;
        }
        
        .profile-card .pprofile-card-body {
            padding: 10px;
        }
        
        .profile-card .description {
            font-size: 13px;
            padding: 10px;
            text-align: justify;
        }
        
        .badge {
            color: #fff;
            font-weight: 600;
            padding: 5px 10px;
            border-radius: 5px;
        }
        
        .badge-success {
            background-color: #00B074;
        }
        
        .badge-primary {
            background-color: #0498de;
        }
        
        .badge-warning {
            background-color: #FFB400;
        }
        
        .profile-card .card-footer {
            background-color: #d6f1fe;
            border-radius: 0 0 15px 15px;
            padding: 10px;
        }
        
        .profile-card .view-btn {
            color: #fff;
            background: linear-gradient(to right, #00B074, #0498de);
            border-radius: 25px;
            padding: 5px 10px;
            font-weight: 600;
            transition: .5s all ease-in-out;
        }
        
        .profile-card .view-btn:hover {
            background: linear-gradient(to right, #0498de, #00B074);
            color: #000;
        }
        
        .seeker-profile .top-card-1 {
            border-right: .5px solid #ccc;
        }
        
        .seeker-profile .top-card-1 .card-text {
            font-size: 14px;
            font-weight: 400;
            color: #000;
        }
        
        .seeker-profile .top-card-1 span {
            font-size: 14px;
        }
        
        .profile-buttons .resume-btn {
            border: 1px solid #0498de;
            color: #0498de;
            background-color: transparent;
            transition: .5s all ease-in-out;
        }
        
        .profile-buttons .resume-btn:hover {
            background-color: #0498de;
            color: #fff;
        }
        
        .profile-buttons .offer-btn {
            transition: .5s all ease-in-out;
        }
        
        .profile-buttons .offer-btn:hover {
            border: 1px solid #00B074;
            color: #00B074;
            background-color: transparent;
        }
        
        .seeker-profile .top-card-2 {
            padding: 5px 20px;
        }
        
        .skills-container {
            display: flex;
            flex-wrap: wrap;
            /* Allows items to wrap to the next line */
            gap: 10px;
            /* Adds spacing between badges */
        }
        
        .skill-badge {
            background-color: #f8f9fa;
            /* Example background color */
            color: #000;
            /* Text color */
            padding: 5px 10px;
            /* Adds padding inside the badge */
            border-radius: 15px;
            /* Makes the badge rounded */
            font-size: 14px;
            border: 1px solid #000;
            text-align: center;
            /* Centers text inside the badge */
            white-space: nowrap;
            /* Prevents text wrapping inside badges */
        }
        
        @media screen and (max-width: 768px) {
            .seeker-profile .user-profile .user-avatar {
                width: 100px;
                height: 100px;
            }
            .seeker-profile .top-card-1 {
                border-right: none;
            }
        }