/* Article Banner Css Start  */
.article-banner-full-image.hero-section.inner-banner .hero-slider .hero-content{
    bottom: 150px;
}
.article-banner-full-image .hero-content p,
.article-banner-potrait-image .hero-content p,
.article-banner-landscape-image .hero-content p{
    margin-top: 30px;
}
.article-banner-potrait-image,
.article-banner-landscape-image{
    background: linear-gradient(117.88deg, var(--blue) 0%, var(--red) 100%);
    height: auto;
    padding: 165px 0 45px;
}
.article-banner-potrait-image .right,
.article-banner-landscape-image .right {
    text-align: center;
    width: 50%;
}
.article-banner-potrait-image .left,
.article-banner-landscape-image .left{
    width: 50%;
}
.article-banner-potrait-image .row,
.article-banner-landscape-image .row{
    align-items: center;
}
.article-banner-potrait-image .hero-content *,
.article-banner-landscape-image .hero-content *{
    color: var(--white);
}
.article-banner-potrait-image .img-block{
    max-width: 65%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 86%;
}
.article-banner-landscape-image .img-block{
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 75%;
}
.article-banner-potrait-image .img-block img,
.article-banner-landscape-image .img-block img{
    margin-left: auto;
    margin-right: auto;
}
.article-banner-potrait-image+.common-content-sec.bg-gray,
.article-banner-landscape-image+.common-content-sec.bg-gray{
    margin-top: 0;
}
.common-contentDiv blockquote{
    border-left: 0;
    padding-left: 0;
}
/* Article Banner Css End  */

/* Prev Next Sec Css Start  */
.prev-next-sec{
    position: relative;
}
.prev-next-sec .link-box{
    width: 50%;
}
.prev-next-sec .row{
    margin: 0;
}
.prev-next-sec .container{
    max-width: 1170px;
}
.prev-next-sec .link-box {
    width: 50%;
    transform: skewX(-30deg);
    transition: all 0.4s;
    background: #f4f4f4;
    padding: 50px;
}
.prev-next-sec .link-box .link-wrp{ 
    transform: skewX(30deg);     
    display: flex;
    flex-direction: column;
    align-items: center; 
    text-align: center;
    height: 100%;
}
.prev-next-sec .link-box .subtitle{
    color: var(--blue);
    font-family: 'Above The Sky';
    line-height: 1;
    font-weight: 400;
    font-size: 24px;
    margin-bottom: 12px;
    text-transform: inherit;
}
.prev-next-sec .link-box .title{
    color: var(--darkblue);
    font-family: "Montserrat", sans-serif;
    margin-bottom: 12px;
    font-weight: 700;
}
.prev-next-sec .link-box img{
    width: 21px;
    filter: brightness(0) saturate(100%) invert(16%) sepia(82%) saturate(4033%) hue-rotate(5deg) brightness(93%) contrast(107%);
}
.prev-next-sec .link-box.prev-link img{
    transform: rotate(-180deg);
}
.prev-next-sec .link-box .link-wrp img {
    margin-top: auto;
}
/* Prev Next Sec Css End  */

@media only screen and (min-width: 768px) {
    /* Article Banner Css Start  */
    .article-banner-potrait-image .bottom-panel,
    .article-banner-landscape-image .bottom-panel{
        display: none;
    }
    /* Article Banner Css End  */

    /* Prev Next Sec Css Start  */
    .prev-next-sec .link-box:hover img{
        filter: brightness(0) invert(1);
    }
    .prev-next-sec .link-box:hover{
        background: linear-gradient(117.88deg, var(--blue) 0%, var(--red) 100%);
    }
    .prev-next-sec .link-box:hover .subtitle,
    .prev-next-sec .link-box:hover .title{
        color: var(--white);
    }
    /* Prev Next Sec Css End  */
}
@media only screen and (max-width: 1366px) {
    /* Article Banner Css Start  */
    .article-banner-potrait-image, .article-banner-landscape-image{
        padding: 135px 0 45px;
    }
    /* Article Banner Css End  */


    /* Prev Next Sec Css Start  */
    .prev-next-sec .container {
        max-width: 1050px;
    }
    /* Prev Next Sec Css End  */
}
@media only screen and (max-width: 1199px) {
    /* Prev Next Sec Css Start  */
    .prev-next-sec .container {
        max-width: 870px;
    }
    /* Prev Next Sec Css End  */
}
@media only screen and (max-width: 991px) {
    /* Article Banner Css Start  */
    .article-banner-potrait-image .right,
    .article-banner-landscape-image .right{
        width: 45%;
    }
    .article-banner-potrait-image .left,
    .article-banner-landscape-image .left{
        width: 55%;
    }
    /* Article Banner Css End  */

    /* Prev Next Sec Css Start  */
    .prev-next-sec .container {
        max-width: 700px;
    }
    .prev-next-sec .link-box{
        transform: skewX(-20deg);
    }
    .prev-next-sec .link-box .link-wrp{
        transform: skewX(20deg);
    }
    /* Prev Next Sec Css End  */
}
@media only screen and (max-width: 767px) {
    /* Article Banner Css Start  */
    .article-banner-full-image.hero-section.inner-banner .hero-slider .hero-content {
        bottom: 15px;
    }
    .article-banner-full-image .hero-content p,
    .article-banner-potrait-image .hero-content p,
    .article-banner-landscape-image .hero-content p {
        margin-top: 18px;
    }
    .article-banner-potrait-image,
    .article-banner-landscape-image{
        padding: 96px 0 20px;
    }
    .article-banner-potrait-image .left,.article-banner-landscape-image .left {
        width: 100%;
    }
    .article-banner-potrait-image .right,.article-banner-landscape-image .right{
        width: 100%;
        order: -1;
        margin-bottom: 20px;
    }
    .article-banner-potrait-image .img-block{
        max-width: 100%;
        padding-top: 124%;
    }
    .article-banner-landscape-image .img-block{
        max-width: 100%;
    }
    /* Article Banner Css End  */

    /* Prev Next Sec Css Start  */

    .prev-next-sec .link-box{
        transform: skewX(0deg);
        width: 100%;
        background: transparent;
        padding: 0;
    }
    .prev-next-sec .link-box .link-wrp{
        transform: skewX(0deg);
    }
    .prev-next-sec{
        padding: 40px 0;
    }
    .prev-next-sec .link-box.prev-link{
        margin-bottom: 40px;
    }
    .prev-next-sec::before{
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        height: 100%;
        width: 100%;
        clip-path: polygon(96% 0, 100% 0, 100% 100%, 56% 100%);
        background-color: #F4F4F4;
        z-index: -1;
        opacity: 0.5;
    }
    /* Prev Next Sec Css End  */
}