.india-story-section4{
    margin: 0;
    padding-top: 20px;
    position: relative;
}

.hex-trigger{
    position: absolute;
    top: 0;
}

.india-story-section4 .block-heading{
    font-family: "OpenSans-SemiBold";
    font-size: 22px;
    line-height: 1.64;
    letter-spacing: normal;
    margin-bottom: 5px;
}

.india-story-section4 .block-text{
    font-family: "OpenSans-Regular";
    font-size: 16px;
    line-height: 1.88;
    letter-spacing: normal;
}

.india-story-blob2{
    height: 560px !important;
    right: -440px;
    top: 50%;
    transform: translate(0, -50%);
}

.india-story-blob2.show-blob canvas{
    opacity: 0.7 !important;
    z-index: -1;
}

.india-story-section4 .section-body-content{
    margin-top: 54px;
}

.text-slides{
    padding: 0 0;
    max-width: 330px;
}

.slider-wrapper{
    margin-top: 20px;
}

.text-slides .slick-list{
    padding: 0 !important;
    margin: 50px 0 !important;
}

.slick-arrow{
    position: relative;
    background: none;
    font-size: 0;
    border: none;
    height: 25px;
    position: absolute;
    left: 50%;
    transform: translate(-50% , 0);
    z-index: 99;
    outline: none !important;
    width: 100%;
}

.slick-arrow::after{
    content: '';
    width: 35px;
    height: 100%;
    position: absolute;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDBweCIgaGVpZ2h0PSIxOXB4IiB2aWV3Qm94PSIwIDAgNDAgMTkiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+UGF0aCAxMSBDb3B5IDQ8L3RpdGxlPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkluZGlhLXN0b3J5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNzY2LjAwMDAwMCwgLTQ2NjAuMDAwMDAwKSIgc3Ryb2tlPSIjRkZGRkZGIj4KICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTExIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2MjguMDAwMDAwLCA0NjU0LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHBvbHlsaW5lIGlkPSJQYXRoLTExLUNvcHktNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTU4LjAwMDAwMCwgMTUuMjc1ODYyKSBzY2FsZSgxLCAtMSkgdHJhbnNsYXRlKC0xNTguMDAwMDAwLCAtMTUuMjc1ODYyKSAiIHBvaW50cz0iMTM4IDIzLjU1MTcyNDEgMTU4IDcgMTc4IDIzLjU1MTcyNDEiPjwvcG9seWxpbmU+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==");
    background-size: 100%;
    background-position: center;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
    background-repeat: no-repeat;
}

.slick-prev{
    top: -40px;
    pointer-events: none;
    opacity: 0;
}

.slick-next{
    bottom: -25px;
}

.slick-disabled{
    opacity: 0.4;
    pointer-events: none;
}

.slick-prev::after{
    transform: translate(-50% ,-50%) rotate(180deg);
}

.block-wrap{
    margin: 0 0 24px;
    min-height: 135px;
}

.slick-slide{
    opacity: 0.5;
}

.slick-current{
    opacity: 1;
}

.next-slide .slick-cloned{
    opacity: 0.5;
    transition: ease all 0.5s;
}

.next-slide .slick-prev{
    pointer-events: all;
    opacity: 1;
}

.india-story-blob2 img{
    width: 80%;
    top: 50%;
    position: relative;
    left: 50%;
    transform: translate(-50% , -50%);
}

.hexagon-nav{
    position: absolute;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NTIiIGhlaWdodD0iNTIyIiB2aWV3Qm94PSIwIDAgNDUyIDUyMiI+CiAgICA8cGF0aCBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZT0iI0ZGRiIgZD0iTTI2MCAxMkw0ODUuMTY3IDE0MiA0ODUuMTY3IDQwMiAyNjAgNTMyIDM0LjgzMyA0MDIgMzQuODMzIDE0MnoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNCAtMTEpIi8+Cjwvc3ZnPgo=");
    width: 50%;
    height: 100%;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.hexagon-svg{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50% , -50%);
}

.active-hexcircle circle{
    fill: rgb(255, 255, 255) !important;
}

.carousel-title{
    font-family: "OpenSans-Bold";
    font-size: 14px;
    line-height: 1.64;
    letter-spacing: 2px;
    text-transform: uppercase;
    max-width: 290px;
    /* padding: 160px 0 10px; */
    text-align: center;
    position: absolute;
    top: 46%;
    left: 50%;
    transform: translate(-50%);
}

@media(min-width: 992px) and (max-width: 1366px){
    
    .india-story-section4 .block-heading{
        font-size: 19px;
        line-height: 32px;
        margin-bottom: 2px;
    }

    .india-story-blob2{
        right: -460px;
    }

}

@media(min-width: 992px) and (max-width: 1280px){

    .slider-wrapper{
        margin-top: 40px;
    }

    .carousel-title{
        max-width: 250px;
        left: auto;
        right: 280px;
        text-align: left;
        top: 44%;
    }
}

@media(max-width: 991px){
    .text-slides{
        padding: 0;
        max-width: 100%;
    }

    .carousel-title{
        padding: 0;
        max-width: 270px;
    }

    .blur-gradient{
        -webkit-mask-image: none;
        margin-top: 360px;
    }

    .india-story-blob2.show-blob canvas{
        transform: scale(0.6) !important;
    }

    .hexagon-svg{
        width: 53%;
    }

    .hexagon-svg svg{
        width: 100%;
    }

    .block-wrap{
        margin: 30px 0;
    }

    .block-wrap:last-child{
        margin: 30px 0 0;
    }

    .block-wrap{
        padding: 0 19px;
    }

    .india-story-blob2{
        right: 0;
        top: 360px;
        width: 620px!important;
        left: 275px;
        left: 50%;
        transform: translate(-50% , -50%);
    }

    .india-story-blob2 canvas{
        transform: scale(0.75) !important;
        right: -100px;
        top: 500px;
    }

    .hex-trigger{
        position: absolute;
        top: 20%;
    }

    .india-story-section4 .section-body-content{
        margin-top: 20px;
    }

    .india-story-section4 .block-heading{
        font-size: 19px;
        margin-bottom: 8px;
        line-height: 28px;
    }

    .india-story-section4 .block-text{
        line-height: 27px;
    }
}

@media(min-width: 768px) and (max-width: 991px){
    .india-story-blob2{
        left: 195px;
        transform: translate(0 , -50%);
        width: 100% !important;
    }
    
    .text-slides{
        max-width: 280px;
    }

    .block-wrap{
        min-height: 100%;
        padding: 0;
        min-height: 155px;
    }

    .blur-gradient{
        margin-top: 0;
    }

    .slick-prev{
        top: -20px;
    }

    .slick-next {
        bottom: -35px;
    }
}

/* for mobile only */
@media(max-width: 540px){
    .slick-arrow{
        width: 25px;
        height: 100%;
    }

    .slick-prev{
        left: -2px;
        top: 0px;
    }

    .slick-next{
        right: -25px;
        top: 0px;
        left: auto;
    }

    .slick-next::after{
        transform: translate(-50% , -50%) rotate(-90deg);
        top: 50%;
    }

    .slick-prev::after{
        transform: translate(-50% , -50%) rotate(90deg);
        top: 50%;
    }

    .text-slides .slick-list{
        margin: 20px 0 !important;
    }

    .blur-gradient{
        -webkit-mask-image: none;
        margin: 0 0 350px;
    }

    .india-story-blob2{
        top: 590px;
    }

    .block-wrap:last-child{
        margin: 15px 0 0;
    }

    .india-story-blob2 {
        top: 550px;
    }
}