@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');

.link-content {
    max-width: 100%;
    font-family: "Jost", sans-serif;
    padding: 2rem 2rem 0;
    flex: 0 0 80%;
    background: #ffffff;
    box-shadow: 0 3px 20px 0 rgba(20, 20, 43, 0.05);
    margin: 40px 0;
    border-radius: 10px;
}

.modal {
    font-family: "Jost", sans-serif;
}

main#links {
    margin: 0 !important;
}

h1.h1 {
    font-size: 34px;
    font-weight: 500;
    margin-top: 20px !important;
}

.title-big h1.h1 {
    font-size: 28px;
    margin-top: 15px !important;
    margin-bottom: 10px !important;
    font-weight: 700;
}

h2.h2 {
    font-size: 30px;
    font-weight: 500;
    line-height: 1.4;
    margin-top: 15px !important;
}

h3.h3 {
    font-size: 22px;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: -8px !important;
}

@media screen and (max-width:568px) {
    .title-big h1.h1 {
        font-size: 24px;
    }

    h1.h1 {
        font-size: 30px;
    }

    h2.h2 {
        font-size: 28px;
        margin-top: 10px !important;
    }
}



/*  border-radius for link,big-link,images,iframe-videos --*/
.link-btn-rounded,
.link-avatar-rounded,
.link-round,
.link-iframe-round,
.link-grid-image-wrapper,
.embed-responsive-item,
.rounded {
    border-radius: 10px !important;
}

/*  //border-radius for link,big link,image,iframe videos, --*/

.card:has(.card-body) {
    box-shadow: none !important;
}

.link-hover-animation:hover {
    transform: scale(1);
}

.list-points {
    margin-top: 0px !important;
}

.list-points .card-body {
    font-size: 17px;
    line-height: 30px;
    padding-left: 35px;
    padding-top: 0px;
    /* border-bottom: 1px solid #ddd; */
}

.list-points .card-body>div {
    display: list-item;
}

.list-points .card-body>div::marker {
    color: #7552CC;
    font-size: 14px;
}

.cv-details .card-body {
    margin-bottom: 0px !important;
}

.avatarleft>div {
    align-items: start !important;
}

.avatarleft img {
    box-shadow: 0 3px 20px 0 rgba(20, 20, 43, 0.05);
}

.avatartop {
    margin-top: -62px !important;
}

.paragraph .card {
    background: transparent !important;
}

.paragraph .card {
    border-radius: 0 !important;
    background: transparent !important;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    width: fit-content;
}

.cv-details .card {
    width: auto;
}

.paragraph .card-body {
    padding: 0 0;
    font-size: 17px;
    line-height: 30px;
    /* margin-bottom: 10px; */
}

.paragraph-50 {
    display: block;
    margin: 0 auto;
    max-width: 50%;
}

@media screen and (max-width:736px) {
    .paragraph-50 {
        max-width: 100%;
    }
}


@media screen and (max-width:568px) {
    .cv-details .card-body {
        text-align: left !important;
    }

    .paragraph .card-body {
        font-size: 16px;
        line-height: 28px;
    }

    .list-points .card-body {
        font-size: 16px;
        line-height: 28px;
    }

    h3.h3 {
        font-size: 20px;
        margin-bottom: -5px !important;
    }
}


.two-grids {
    flex: 0 0 50%;
}

.three-grids {
    flex: 0 0 33.33%;
    margin-bottom: 20px !important;
}

@media screen and (max-width:991px) {
    .three-grids {
        flex: 0 0 50%;
    }
}

@media screen and (max-width:736px) {

    .two-grids,
    .three-grids {
        flex: 0 0 100%;
    }

    .link-content {
        padding: 2rem 1rem 0;
    }
}

@media screen and (max-width:415px) {
    .link-content {
        padding: 1rem 1rem 0;
        flex: 0 0 100%;
        margin: 0;
    }
}

.timeline li span.h5 {
    font-size: 22px;
    font-weight: 500 !important;
    margin-bottom: 20px;
    margin-top: 10px;
}

.timeline p {
    margin: 0 !important;
    font-size: 17px;
    line-height: 30px;
}

.timeline time {
    font-size: 15px;
    line-height: 20px;
}