.sec-similar{
    position: relative;
    padding: 8.6rem 0 0;
    margin-bottom: 11.8rem !important;
}
.sec-similar::after{
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 73.6rem;
    background: #F3F3F3;
}
.sec-similar .container{
    position: relative;
    z-index: 1;
}
.sec-similar .title{
    margin-bottom: 9.29rem;
}
.similar-outer{
    padding: 0 11.6rem;
}
.similar-slider .owl-stage,
.similar-slider .owl-item{
    display: flex;
    flex-wrap: wrap;
}
.similar-item{
    display: flex;
    flex-direction: column;
    width: 100%;
}
.similar-img {
    padding-right: 4.8rem;
}
.similar-img img{
    width: 100%;
    height: 49.7rem;
    object-fit: cover;
}
.similar-info{
    height: calc(100% - 49.7rem);
    display: flex;
    flex-direction: column;
    background: #F3F3F3;
    padding: 2.91rem 3.2rem 5.2rem 3rem;
}
.similar-category{
    margin-bottom: 2.6rem;
}
.similar-category *{
    font-size: 2.2rem;
    font-weight: 800;
    line-height: 136.364%;
}
.similar-title{
    margin-bottom: 2.2rem;
}
.similar-title *{
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 142.857%;
    max-height: 12rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3; 
    -webkit-box-orient: vertical;
}
.similar-item:hover .similar-title *{
    text-decoration: underline !important;
}
.similar-btn{
    margin: auto -3.2rem -5.2rem auto;
}
.similar-slider .owl-nav button{
    left: -11.6rem;
    top: 43.5rem;
}
.similar-slider .owl-nav button.owl-next{
    right: -11.6rem !important;
}
@media(min-width:1360px) and (max-width:1426.98px){
    .sec-similar {
        padding: 7.6rem 0 0;
        margin-bottom: 7.8rem !important;
    }
    .sec-similar::after {
      height: 67.6rem;
    }
    .sec-similar .title {
        margin-bottom: 7.29rem;
    }
    .similar-outer {
        padding: 0 10.6rem;
    }
    .similar-img {
        padding-right: 4rem;
    }
    .similar-img img {
        height: 46.7rem;
    }
    .similar-info {
        height: calc(100% - 46.7rem);
    }
    .similar-slider .owl-nav button {
        left: -10.6rem;
        top: 41.1rem;
    }
    .similar-slider .owl-nav button.owl-next {
        right: -10.6rem !important;
    }
    .similar-category * {
        font-size: 2.1rem;
    }
    .similar-title * {
        font-size: 2.6rem;
        max-height: 11.1rem;
    }
}
@media(min-width:1200px) and (max-width:1359.98px){
    .sec-similar {
        padding: 6.6rem 0 0;
        margin-bottom: 7.4rem !important;
    }
    .sec-similar .title {
        margin-bottom: 7.29rem;
    }
    .similar-outer {
        padding: 0 9.6rem;
    }
    .similar-slider .owl-nav button {
        left: -9.6rem;
        top: 36.9rem;
    }
    .similar-slider .owl-nav button.owl-next {
        right: -9.6rem !important;
    }
    .similar-img {
        padding-right: 3.2rem;
    }
    .similar-img img {
        height: 42.1rem;
    }
    .sec-similar::after {
      height: 62rem;
    }
    .similar-info {
        height: calc(100% - 42.1rem);
    }
    .similar-category * {
        font-size: 2rem;
    }
    .similar-title * {
        font-size: 2.5rem;
        max-height: 10.7rem;
    }
}
@media(min-width:992px) and (max-width:1199.98px){
    .sec-similar {
        padding: 6.6rem 0 0;
        margin-bottom: 8.4rem !important;
    }
    .sec-similar::after {
        height: 55.4rem;
    }
    .sec-similar .title {
        margin-bottom: 6.29rem;
    }
    .similar-outer {
        padding: 0 5.6rem;
    }
    .similar-slider .owl-nav button {
        left: -6.3rem;
        top: 31.9rem;
    }
    .similar-slider .owl-nav button.owl-next {
        right: -6.3rem !important;
    }
    .similar-img {
        padding-right: 2.4rem;
    }
    .similar-img img {
        height: 36.5rem;
    }
    .similar-info {
        height: calc(100% - 36.5rem);
        padding: 2.5rem 2.4rem 5.2rem 2.4rem;
    }
    .similar-category {
        margin-bottom: 2.2rem;
    }
    .similar-category * {
        font-size: 2rem;
    }
    .similar-btn {
        margin: auto -2.4rem -5.2rem auto;
    }
    .similar-title * {
        font-size: 2.3rem;
        max-height: 10rem;
    }
}
@media(min-width:768px) and (max-width:991.98px){
    .sec-similar {
        padding: 5.6rem 0 0;
        margin-bottom: 6.4rem !important;
    }
    .sec-similar .title {
        margin-bottom: 6.29rem;
    }
    .similar-outer {
        padding: 0 3.2rem;
    }
    .similar-img {
        padding-right: 15px;
    }
    .similar-img img {
        height: 28.5rem;
    }
    .similar-slider .owl-nav button {
        left: -5.2rem;
        top: 23.9rem;
    }
    .similar-slider .owl-nav button.owl-next {
        right: -5.2rem !important;
    }
    .sec-similar::after {
      height: 45.4rem;
    }
    .similar-info {
        height: calc(100% - 28.5rem);
        padding: 1.91rem 2rem 5.2rem 2rem;
    }
    .similar-category * {
        font-size: 1.8rem;
    }
    .similar-category {
        margin-bottom: 2rem;
    }
    .similar-title * {
        font-size: 2.2rem;
        max-height: 9.4rem;
    }
    .similar-title br{
        display: none;
    }
    .similar-btn {
        margin: auto -2rem -5.2rem auto;
    }
}
@media(max-width:767.98px){
    .sec-similar {
        padding: 4.5rem 0 0;
        margin-bottom: 4.8rem !important;
    }
    .sec-similar::after {
      height: 66rem;
    }
    .sec-similar .title {
        margin-bottom: 8rem;
    }
    .similar-outer {
        padding: 0;
    }
    .similar-category * {
        line-height: 2.7rem;
    }
    .similar-title {
        margin-bottom: 2.5rem;
    }
    .similar-title * {
        font-size: 2.6rem;
        line-height: 3.4rem;
        max-height: 12.9rem;
        -webkit-line-clamp: 4;
        line-clamp: 4;
    }
    .similar-slider .owl-nav button {
        left: auto;
        top: -4.8rem;
        right: 4rem;
    }
    .similar-slider .owl-nav button.owl-next {
        right: 0 !important;
    }
    .similar-title br{
        display: none;
    }
    .similar-img {
        padding-right: 0;
    }
}
@media(max-width:575.98px){
    .sec-similar::after {
        height: 100%;
    }
    .similar-outer {
        margin: 0 -1.8rem;
        width: calc(100% + 3.6rem);
    }
    .similar-img img {
        height: 99.2vw;
    }
    .similar-info {
        height: calc(100% - 99.2vw);
        padding: 2.5rem 3.2rem 5.2rem 3.1rem;
    }
    .similar-slider .owl-nav button {
        right: 5.3rem;
    }
    .similar-slider .owl-nav button.owl-next {
        right: 1.3rem !important;
    }
}