.header .shape{
    transform: rotate(180deg) translate( 0 , 20%);
    width: 450px;
}
.header .cta{
    transform: translate(50%,-30%) !important;
    width: 225px;
}
.header .cta a:hover img{
    animation:shake 0.2s infinite;
}

@keyframes zoom2{
    0%{
        width: 80px;
    }
    50%{
        width: 100px;
    }
    100%{
        width: 80px;
    }
  }
.animation-custom1{
    animation:zoom2 10s infinite;
}
.animation-custom2{
    animation:turn 10s linear infinite;
}


.comments .cm-box, .reply-box, .comments .sidebar .form-box{
    border-radius: 15px;
}
.comments .cm-box .head{
    border-bottom: 1px solid var(--color-2);
}
.comments #comments{
    top: -65px;
}
.comments .sidebar{
    top: 8.5rem;
}
.related-box{
    background-color: white;
}
.related-box:hover{
    background-color: #e5f5fc;
    transition: 0.5s;
}
.sidebar{
    height: fit-content;
    top: 8.5rem;
}
.comments #comments{
    top: -65px;
}
@media (max-width:576px){
.header .shape{
     width: 200px;
}
}
@media (min-width:576px) and (max-width:768px){
    .header .shape{
        width: 340px;
    }
    .header .cta{
        width: 170px;
    }
}
@media (min-width:768px) and (max-width:992px){
    .header .shape{
        width: 340px;
    }
    .header .cta{
        width: 170px;
    }
}
@media (min-width:992px) and (max-width:1200px){

}
@media (min-width:1200px) and (max-width:1400px){

}
@media (min-width:1400px){

}

    @media (max-width:992px){
    }