.section-card2_filter {
    margin-bottom: 0px;
    position: relative;
    width: 100% !important;
}

.img-sec-profile {
    background: #F4F4F4;
    border-radius: 20px 20px 0px 0px !important;
}

.description-text {
    margin-bottom: 1rem !important;
}

.location-heading {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important;
    padding: 0 !important;
}

.profile-complete-status-wrapper {
    align-items: center;
    display: flex;
    font-style: italic;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
}

.profile-complete-status-icon {
    width: 35px;
}

.profile-complete-requirement-wrapper {
    align-items: center;
    display: flex;
    font-style: italic;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    margin-left: 3rem;
    margin-top: 1rem;
}

.profile-complete-requirement-list {
    font-style: italic;
    margin-left: 5rem;
}

.profile-complete-requirement-list li {
    margin-bottom: 5px;
}

.upload-document-link {
    cursor: pointer;
    text-decoration: underline;
}

@media screen and (max-width: 1200px) {
    .section-card2_filter {
        width: 100% !important;
    }
}

@media screen and (max-width: 600px) {
    .user_card_insight {
        margin-top: 60px;
    }
}

.user_card {
    cursor: pointer !important;
}

dialog {
    width: 600px;
    height: fit-content;
    background-color: lightgray;
    border-radius: 8px;
    margin: auto;
    border: none;
}

dialog img {
    width: 100%;
}

::backdrop {
    /* background: linear-gradient(to right, #48484888, #feb47b88); */
}

.sec__container {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 90%;
    margin: 40px auto;
    justify-content: center;
    z-index: 1;
}

/*==================== SOCIAL SHARE ====================*/
.share__box {
    --clr-primary: #03a9f4;
    --clr-accent: #060606;
    --clr-icon: #878787;
    --clr-border: #ebedf9;
    --clr-light: #ffffff;
    --clr-dark: #111111;
    --transition: all 0.2s ease;

    --clr-facebook: #1877f2;
    --clr-twitter: #46c1f6;
    --clr-instagram: #e1306c;
    --clr-whatsapp: #25d366;
    --clr-linkedin: #0072b1;

    display: flex;
    flex-direction: column;
    max-width: 100%;
    width: 100%;
    border-radius: 15px;
    text-align: center;
    padding: 20px;
    background-color: var(--clr-light);
}

/* ::selection {
background-color: var(--clr-primary);
color: var(--clr-light);
}
.share__box header {
display: flex;
align-items: center;
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px solid var(--clr-border);
}
.share__box header h2 {
font-size: 1.4rem;
color: var(--clr-accent);
}
.share__box .content {
display: flex;
align-items: flex-start;
flex-direction: column;
gap: 15px;
}
.share__box .content p {
font-size: 1rem;
color: var(--clr-accent);
}
.share__box .content .social__links {
display: flex;
flex: 1;
width: 100%;
gap: 10px;
}
.share__box .content .social__links .social__link {
display: flex;
justify-content: center;
align-items: center;
font-size: 2rem;
height: 50px;
width: 50px;
border-radius: 4px;
text-decoration: none;
border: 1px solid var(--clr-border);
transition: var(--transition);
}
.share__box .content .social__links [data-attr="facebook"] {
color: var(--clr-facebook);
}
.share__box .content .social__links [data-attr="facebook"].active,
.share__box .content .social__links [data-attr="facebook"]:hover {
border-color: var(--clr-facebook);
}
.share__box .content .social__links [data-attr="twitter"] {
color: var(--clr-twitter);
}
.share__box .content .social__links [data-attr="twitter"].active,
.share__box .content .social__links [data-attr="twitter"]:hover {
border-color: var(--clr-twitter);
}
.share__box .content .social__links [data-attr="instagram"] {
color: var(--clr-instagram);
}
.share__box .content .social__links [data-attr="instagram"].active,
.share__box .content .social__links [data-attr="instagram"]:hover {
border-color: var(--clr-instagram);
}
.share__box .content .social__links [data-attr="whatsapp"] {
color: var(--clr-whatsapp);
}
.share__box .content .social__links [data-attr="whatsapp"].active,
.share__box .content .social__links [data-attr="whatsapp"]:hover {
border-color: var(--clr-whatsapp);
}
.share__box .content .social__links [data-attr="linkedin"] {
color: var(--clr-linkedin);
}
.share__box .content .social__links [data-attr="linkedin"].active,
.share__box .content .social__links [data-attr="linkedin"]:hover {
border-color: var(--clr-linkedin);
}
.share__box .content .field__wrp {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 0 6px;
border-radius: 4px;
border: 2px solid var(--clr-border);
transition: var(--transition);
}
.share__box .content .field__wrp.active {
border-color: var(--clr-primary);
}
.share__box .content .field__wrp i {
width: 20px;
color: var(--clr-icon);
transition: var(--transition);
}
.share__box .content .field__wrp.active i {
color: var(--clr-primary);
}
.share__box .content .field__wrp #inputField {
flex: 1;
padding: 0 10px;
height: 50px;
border: none;
outline: none;
font-size: 1rem;
max-width: calc(100% - 110px);
color: var(--clr-accent);
transition: var(--transition);
}
.share__box .content .field__wrp.active #inputField {
color: var(--clr-primary);
}
.share__box .content .field__wrp #copyBtn {
border-radius: 4px;
padding: 8px 15px;
font-size: 1rem;
cursor: pointer;
width: 90px;
font-weight: 700;
border: 2px solid var(--clr-primary);
color: var(--clr-light);
background: var(--clr-primary);
transition: var(--transition);
}
.share__box .content .field__wrp #copyBtn:hover {
background: var(--clr-light);
color: var(--clr-primary);
} */

.share__box header {
    display: flex;
    align-items: center;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid var(--clr-border);
}

.share__box header h2 {
    font-size: 1.4rem;
    color: var(--clr-accent);
}

.share__box .content {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 15px;
    padding-bottom: 20px;
}

.share__box .content p {
    font-size: 1rem;
    color: var(--clr-accent);
}

.share__box .content .social__links {
    display: flex;
    flex: 1;
    width: 100%;
    gap: 20px;
    justify-content: center;
}

.share__box .content .social__links .social__link {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    height: 50px;
    width: 50px;
    border-radius: 25px;
    text-decoration: none;
    border: 1px solid var(--clr-border);
    transition: var(--transition);
}

.share__box .content .social__links [data-attr="facebook"] {
    color: var(--clr-facebook);
}

.share__box .content .social__links [data-attr="facebook"].active,
.share__box .content .social__links [data-attr="facebook"]:hover {
    border-color: var(--clr-facebook);
}

.share__box .content .social__links [data-attr="twitter"] {
    color: var(--clr-twitter);
}

.share__box .content .social__links [data-attr="twitter"].active,
.share__box .content .social__links [data-attr="twitter"]:hover {
    border-color: var(--clr-twitter);
}

.share__box .content .social__links [data-attr="instagram"] {
    color: var(--clr-instagram);
}

.share__box .content .social__links [data-attr="instagram"].active,
.share__box .content .social__links [data-attr="instagram"]:hover {
    border-color: var(--clr-instagram);
}

.share__box .content .social__links [data-attr="whatsapp"] {
    color: var(--clr-whatsapp);
}

.share__box .content .social__links [data-attr="whatsapp"].active,
.share__box .content .social__links [data-attr="whatsapp"]:hover {
    border-color: var(--clr-whatsapp);
}

.share__box .content .social__links [data-attr="linkedin"] {
    color: var(--clr-linkedin);
}

.share__box .content .social__links [data-attr="linkedin"].active,
.share__box .content .social__links [data-attr="linkedin"]:hover {
    border-color: var(--clr-linkedin);
}

.share__box .content .field__wrp {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0 6px;
    border-radius: 4px;
    border: 2px solid var(--clr-border);
    transition: var(--transition);
}

.share__box .content .field__wrp.active {
    border-color: var(--clr-primary);
}

.share__box .content .field__wrp i {
    width: 20px;
    color: var(--clr-icon);
    transition: var(--transition);
}

.share__box .content .field__wrp.active i {
    color: var(--clr-primary);
}

.share__box .content .field__wrp #inputField {
    flex: 1;
    padding: 0 10px;
    height: 50px;
    border: none;
    outline: none;
    font-size: 1rem;
    max-width: calc(100% - 110px);
    color: var(--clr-accent);
    transition: var(--transition);
}

.share__box .content .field__wrp.active #inputField {
    color: var(--clr-primary);
}

.share__box .content .field__wrp #copyBtn {
    border-radius: 20px;
    padding: 8px 15px;
    font-size: 1rem;
    cursor: pointer;
    width: 90px;
    font-weight: 700;
    border: 2px solid var(--clr-primary);
    color: var(--clr-light);
    background: var(--clr-primary);
    transition: var(--transition);
}

.share__box .content .field__wrp #copyBtn:hover {
    background: var(--clr-light);
    color: var(--clr-primary);
}


/*==================== MEDIA QUERIES ====================*/

/* For small devices */
@media screen and (min-width: 500px) {}

/* For medium devices */
@media screen and (min-width: 767px) {}

/* gradient-bg-style */
.gradient-bg::before {
    content: "";
    display: block;
    position: absolute;
    width: 50%;
    height: 100%;
    border-radius: 100%;
    top: 0%;
    left: -50%;
    box-shadow: 0 0 350px 300px rgb(142, 68, 173);
    animation: animate_2 10s infinite;
}

.gradient-bg::after {
    content: "";
    display: block;
    position: absolute;
    width: 50%;
    height: 100%;
    border-radius: 100%;
    top: 0%;
    right: -50%;
    bottom: -1000px;
    box-shadow: 0 0 350px 100px rgba(93, 248, 240, 1);
    animation: animate_3 10s infinite;
}

/* animate-1 */
@keyframes animate_1 {
    25% {
        box-shadow: 0 150px 300px rgba(243, 86, 146, 1);
    }

    50% {
        box-shadow: 0 150px 300px rgb(142, 68, 173);
    }

    75% {
        box-shadow: 0 150px 300px rgba(93, 248, 240, 1);
    }

    100% {
        box-shadow: 0 150px 300px rgba(243, 86, 146, 1);
    }
}

@-webkit-keyframes animate_1 {
    25% {
        box-shadow: 0 150px 300px rgba(243, 86, 146, 1);
    }

    50% {
        box-shadow: 0 150px 300px rgb(142, 68, 173);
    }

    75% {
        box-shadow: 0 150px 300px rgba(93, 248, 240, 1);
    }

    100% {
        box-shadow: 0 150px 300px rgba(243, 86, 146, 1);
    }
}

/* animate-2 */
@keyframes animate_2 {
    25% {
        box-shadow: 0 0 350px 300px rgb(142, 68, 173);
    }

    50% {
        box-shadow: 0 0 350px 100px rgba(93, 248, 240, 1);
    }

    75% {
        box-shadow: 0 0 350px 300px rgba(243, 86, 146, 0.7);
    }

    100% {
        box-shadow: 0 0 350px 300px rgb(142, 68, 173);
    }
}

@-webkit-keyframes animate_2 {
    25% {
        box-shadow: 0 0 350px 300px rgb(142, 68, 173);
    }

    50% {
        box-shadow: 0 0 350px 100px rgba(93, 248, 240, 1);
    }

    75% {
        box-shadow: 0 0 350px 300px rgba(243, 86, 146, 0.7);
    }

    100% {
        box-shadow: 0 0 350px 300px rgb(142, 68, 173);
    }
}

/* animate-3 */
@keyframes animate_3 {
    25% {
        box-shadow: 0 0 350px 100px rgba(93, 248, 240, 1);
    }

    50% {
        box-shadow: 0 0 350px 300px rgba(243, 86, 146, 0.7);
    }

    75% {
        box-shadow: 0 0 350px 300px rgb(142, 68, 173);
    }

    100% {
        box-shadow: 0 0 350px 100px rgba(93, 248, 240, 1);
    }
}

@-webkit-keyframes animate_3 {
    25% {
        box-shadow: 0 0 350px 100px rgba(93, 248, 240, 1);
    }

    50% {
        box-shadow: 0 0 350px 300px rgba(243, 86, 146, 0.7);
    }

    75% {
        box-shadow: 0 0 350px 300px rgb(142, 68, 173);
    }

    100% {
        box-shadow: 0 0 350px 100px rgba(93, 248, 240, 1);
    }
}

.followed_btn {
    display: flex !important;
    gap: 5px;
}

header.ml-auto {
    margin-left: auto;
    padding-bottom: 0px;
    border-bottom: 0px;
}

.close-icon {
    width: 20px;
}

.closebtn {
    background: #fff;
    border: none;
    cursor: pointer;
}

@media screen and (max-width: 500px) {
    .section-card2_filter {
        width: 100% !important;
    }
}