.author-block-1-cont{
    background-color: var(--gray);
    /* background-image: url('../imgs/about-image-1.jpg'); */
    min-height: 45vh;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    animation: skeleton-loading 1s ease infinite alternate;
}

.author-block-1-cont-second{
    background: var(--white);
    min-height: 0;
    animation: none;
    padding: 30px 0 50px 0;
}


@keyframes skeleton-loading {
    0%{
        background-color: var(--skeleton-gray-1);
    }
    100%{
        background-color: var(--skeleton-gray-2);
    }
}



.author-block-2{
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 24px;
}


.ab2r-cont-connect{
    background-color: var(--background-gray-block);
    padding: 40px;
    border-radius: 12px;
    display: grid;
    grid-template-columns: 1fr;
    gap: 28px;
}
.ab2rcc-header{
    font-size: 22px;
    font-weight: 500;
}
.ab2rcc-links-soc{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: 8px;
}
.ab2rcc-links-soc > a:hover{
    opacity: 0.7;
}
.ab2rcc-links-soc > a > img{
    width: 100%;
}
.ab2rcc-button{
    background-color: var(--orange-button);
    color: var(--white);
    font-size: 16px;
    font-weight: 600;
    padding: 16px;
    line-height: 24px;
    text-align: center;
    border-radius: 8px;
    cursor: pointer;
}
.ab2rcc-button:hover{
    opacity: 0.8;
}

.ab2rcc-share-cont{
    display: flex;
    align-items: center;
    gap: 8px;
}
.ab2rcc-sh-item{
    border: 1.5px solid var(--blue);
    color: var(--blue);
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    gap: 8px;
    cursor: pointer;
}
.ab2rcc-sh-item > img{
    width: 24px;
    height: 24px;
}
.ab2rcc-sh-item:hover{
    opacity: 0.8;
}
.ab2rcc-sh-item-qr{
    width: 59px;
    box-sizing: border-box;
}
.ab2l-cont{
    display: grid;
    grid-template-columns: 1fr;
    gap: 32px;
    width: 90%; 

}
.acgfi-1,.acgfi-2{
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 16px;
    color: var(--pangea-blue-60);
}
.acgfi-1 > img,
.acgfi-2 > img{
    width: 22px;
    height: 22px;
    margin: 0 4px 0 0;
}
.acgfi-2 > span{
    font-weight: 500;
    font-size: 16px;
    color: var(--black);
}
.acgfi-2 > span > span{
    color: var(--pangea-blue-60);
}
.an2lti-cont-geo-fb-info{
    display: flex;
    align-items: center;
    gap: 16px;
}
.ab2l-center-infos{
    display: flex;
    align-items: center;
    gap: 8px;
}
.ab2l-center-infos > div{

    padding: 16px 24px 16px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 8px;
    background-color: var(--background-gray-block);
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
}
.ab2l-img-author{
    width: 150px;
    height: 150px;
    object-fit:cover;
    border-radius: 16px;
    border: 2px solid var(--gray);
    margin: -157px 0 0 0;
}
.an2lti-name{
    font-size: 32px;
    font-weight: 600;
    margin: 0 0 16px 0;
}
.ab2l-decription{
    font-size: 16px;
    font-weight: 400;
    word-break: break-word;
    white-space: pre-wrap;
}

.ab2l-cont > hr,
.feedback_cont > hr,
.ab2r-cont-connect > hr,
.authors-fb-left-cont > hr

{
    height: 1.5px;
    border: none;
    margin: 8px 0;
    background-color: var(--gray-line);
}

.author-block-3{
    display: grid;
    grid-template-columns: 1fr;
}
.authors-fb-cont{
    margin: 0px 0 50px 0;
}
.authors-fb-left-cont{
    background-color: var(--white);
    padding: 32px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap:24px; 
}
.authors-fb-left-cont > .an2lti-name{
    font-size: 28px;
    margin: 0;
}
.aflc-star-cont{
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 500;
}
.asc-stars-5{
    display: flex;
    align-items: center;
}
.asc-stars-5{
    display: flex;
    align-items: center;
    gap: 2px;
}
.asc-stars-5 > img{
    width: 22px;
    height: 22px;
}

.aflc-fb-lines{
    display: grid;
    gap: 8px;
    grid-template-columns: 1fr;
}
.afb-line{
    display: grid;
    align-items: center;
    grid-template-columns: 20px 20px 3.25fr 1fr;
    font-size: 14px;
    font-weight: 500;
}
.afb-line > img{
    width: 20px;
    height: 20px;
}
.aflc-fb-btntxt{
    margin: 0 auto 0 0;
    font-size: 14;
    font-weight: 600;
    color: var(--pangea-blue);
    cursor: pointer;
}

.aflc-fb-btntxt:hover{
    opacity: 0.8;
}
.afbline-back{
    
    background-color: var(--gray-line);

    height: 8px;
    margin: 0 16px;
    border-radius: 4px;
}
.afbline-back > div{
    background-color: var(--orange);
    height: 8px;
    border-radius: 4px;

}

.authors-fb-left-cont > hr,
.feedback_cont > hr
{
    margin: 0;
}
.authors-fb-right{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.feedback_cont{

    background-color: var(--white);
    padding: 32px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap:24px; 
}

.fbc-name-cont{
    font-size: 16px;
    font-weight: 600;
    color: var(--pangea-blue);
    display: flex;
    align-items: center;
    gap: 8px;
}
.fbc-star-amount{
    font-weight: 500;
    color: var(--black);
}
.fbc-gray-txt{
    font-size: 14px;
    font-weight: 400;
    color: var(--pangea-blue-60);
}
.fbc-date{
    margin: -16px 0 0 0;
}
.fbc-text{
    margin: -8px 0 0 0;
    word-break: break-word;
    white-space: pre-wrap;
}
.fbc-user-cont{
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    color: var(--pangea-blue);
}
.fbcucnc-name{
    margin: 0 0 4px 0;
}
.fbc-user-cont > img{
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 50%;
    margin: 0 8px 0 0;
}
.fbc_anser_author_cont{
    /* background-color: var(--gray); */
    color: var(--pangea-blue);
    /* padding: 16px; */
    border-radius: 8px;
    /* margin: 0  -16px -16px -16px; */
    display: grid;
    grid-template-columns: 1fr  ;
    gap: 16px;
}
.fbc_answer_txt{
    background-color: var(--gray);
    margin: 0 auto 0 0 ;
    padding: 16px 36px;
    border-radius: 8px;
    color: var(--pangea-blue);
    font-size: 14px;
    font-weight: 600;
}
.fbc_anser_author{
    word-break: break-word;
    white-space: pre-wrap;
    font-size: 16px;
    font-weight: 400;
    color: var(--black);
}



@media (max-width: 1200px){
    .tours-cont-grid-4{
        grid-template-columns: 1fr 1fr;
    }
    .author-block-2{
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1000px){
    .fb-cont-grid-1_2{
        grid-template-columns: 1fr;
    }
}

@media (max-width: 690px){
    
.tours-cont-grid-4{
    grid-template-columns: 1fr;
}
.main-full-width-item{
    padding: 20px;
}
.ab2l-cont{
    width: 100%;
}
}

@media (max-width: 550px){
.ab2l-center-infos,.an2lti-cont-geo-fb-info{
    flex-direction: column;
    align-items: start;
}
}
@media (max-width: 450px){
    .ab2r-cont-connect{
        padding: 20px;
    }
.feedback_cont{
    padding: 20px;
}
.fbc-name-cont{
    flex-direction: column;
    align-items: start;
}
.fbc-star-amount{
    display: none;
}
}