/* testimonials carousel css start */

.testimonialscarousel section{
    padding-top: 50px;
    padding-bottom: 80px;
}

.testimonialscarousel .headings{
    text-align: center;
}

.testimonialscarousel h2{
    font-size: 32px;
    font-weight: 700;
    color: #233253;
    margin-bottom: 10px;
}

.testimonialscarousel .carousel-inner {
    border: 1px solid #b8b8b8;
    height: unset !important;
    background-color: white;
}

.testimonialscarousel .back-image {
    position: relative;
    z-index: -1;
}

.testimonialscarousel .test-right-para {
    padding: 0 18px;
    background-color: #115f9f;

}

.testimonialscarousel .arn-text {
    font-size: 14px;
}

/* width */
.testimonialscarousel .para-scroll::-webkit-scrollbar {
    width: 6px;
}

/* Track */
.testimonialscarousel .para-scroll::-webkit-scrollbar-track {
    background: #ffffff;
    border-radius: 10px;
}

/* Handle */
.testimonialscarousel .para-scroll::-webkit-scrollbar-thumb {
    background: #014c78;
    border-radius: 10px;
}

/* Handle on hover */
.testimonialscarousel .para-scroll::-webkit-scrollbar-thumb:hover {
    background: #014c79;
    cursor: pointer;
}

.testimonialscarousel .para-scroll {
    height: 272px;
    color: #fff;
    overflow-y: auto;
    text-align: center;
    font-size: 14px;
    padding-right: 15px;
    position: relative;
    z-index: 1;
}




.testimonialscarousel .carousel-inner p {
    margin-bottom: 0;
}


.testimonialscarousel .carousel-indicators {
    bottom: -64px;
}


.testimonialscarousel .carousel-indicators .active {
    opacity: 1;
    background-color: #005e9e;
}

.testimonialscarousel .carousel-indicators li {
    background-color: white;
    border: 1px solid #005e9e;
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #d6d6d6;
    display: block;
    border-radius: 30px;

}

.testimonialscarousel .carousel-indicators li:hover {
    background-color: white;
    border: 1px solid #005e9e;
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #005e9e;
    display: block;
    border-radius: 30px;
    opacity: 1;
}


.testimonialscarousel .carousel-control-next {
    position: absolute;
    top: 105%;
    bottom: 0;
    right: 28%;
    z-index: 18;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #f00;
    text-align: center;
    opacity: 1;
    transition: opacity .15s ease;
    background: red;
    height: 40px;
    width: 40px;
    border-radius: 50%;
}

.testimonialscarousel .carousel-control-prev {
    position: absolute;
    top: 105%;
    bottom: 0;
    left: 28%;
    z-index: 18;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #f00;
    text-align: center;
    opacity: 1;
    transition: opacity .15s ease;
    background: red;
    height: 40px;
    width: 40px;
    border-radius: 50%;
}


.testimonialscarousel .carousel-control-prev-icon {
    text-indent: -9999px;
    background: url("../../../../../content/dam/hdfclifeinsurancecompany/images/product/sprite.png") no-repeat;
    width: 16px;
    height: 12px;
    display: block;
    margin: auto;
    transform: rotate(180deg);
}


.testimonialscarousel .carousel-control-next-icon {
    background: url("../../../../../content/dam/hdfclifeinsurancecompany/images/product/sprite.png") no-repeat;
    text-indent: -9999px;
    width: 16px;
    height: 12px;
    display: block;
    margin: auto;
}

.testimonialscarousel .bg-left {
    background: url("../../../../../content/dam/hdfclifeinsurancecompany/testimonials/left-bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    padding: 70px 15px;
    border: 1px solid #d0d0d0;
}

.testimonialscarousel .bg-left::after {
    content: '';
    background: url("../../../../../content/dam/hdfclifeinsurancecompany/testimonials/top-corner.png");
    position: absolute;
    width: 55px;
    height: 55px;
    background-repeat: no-repeat;
    background-size: contain;
    top: 0;
    right: 15px;
}

.testimonialscarousel .bg-left::before {
    content: '';
    background: url("../../../../../content/dam/hdfclifeinsurancecompany/testimonials/top-corner.png");
    position: absolute;
    width: 55px;
    height: 55px;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    left: 15px;
    transform: rotate(180deg);
}



.testimonialscarousel .right-bg {
    background-color: #115f9f;
    padding: 20px 15px;
    min-height: 390px;
    max-height: 390px;
    position: relative;
}

.testimonialscarousel .test-hands {
    width: 90%;
    margin: 0 auto;
    display: block;
    position: absolute;
    bottom: 0;
}






/* Slider text css start */

.testimonialscarousel .left-testimonial {
    color: #b2282b;
    font-size: 16px;
    font-weight: 700;
    font-style: italic;
}

.testimonialscarousel .test-name {
    color: #be2229;
    font-size: 16px;
    font-weight: 700;
}

.testimonialscarousel .test-location {
    color: #115f9f;
    font-size: 16px;
    font-weight: 700;
}

.testimonialscarousel .slider-left-logo {
    width: 100%;
}

.testimonialscarousel .test-caring {
    color: #0062a0;
    font-size: 28px;
    font-style: italic;
    font-weight: 500;
    line-height: .4;
}

.testimonialscarousel .test-caring>span {
    font-size: 12px;
}

.testimonialscarousel .test-pride {
    color: #f00;
    font-size: 28px;
    font-style: italic;
    font-weight: 500;
}

.testimonialscarousel .carousel-item{
    min-height: unset;
}

@media screen and (max-width:768px) {
    .testimonialscarousel .carousel-item{
        height: unset !important;
        min-height: unset !important;
    }
}


/* Media query start */

@media screen and (min-width:768px) {
    
    .testimonialscarousel .bg-left {
        height: 390px;
    }
}


@media screen and (max-width:1024px) and (min-width:768px) {

    .testimonialscarousel .test-hands {
        bottom: 1px;
        z-index: 1;
    }

    .testimonialscarousel .right-bg,
    .testimonialscarousel .bg-left {
        min-height: 440px;
    }




}

@media screen and (max-width:1024px) and (min-width:581px) {

    .testimonialscarousel .carousel-control-next,
    .testimonialscarousel .carousel-control-prev {
        top: 102%
    }

}



@media screen and (max-width:991px) and (min-width:481px) {

    .testimonialscarousel .bg-left {
        padding: 120px 15px;
    }

    .testimonialscarousel .slider-left-logo {
        width: 55%;
        float: right;
    }

    .testimonialscarousel .sm-spacer {
        margin-bottom: 15px;
    }



}


@media screen and (max-width:1024px) and (min-width:768px) {

    .testimonialscarousel .test-right-para.py-4 {
        padding-top: 0;
    }

    .testimonialscarousel .bg-left {
        padding: 82px 15px;
    }



}

@media screen and (max-width: 768px) {
    .testimonialscarousel h2 {
        font-size: 24px;
        line-height: 28px;
    }
}


@media screen and (max-width:580px) and (min-width:479px) {

    .testimonialscarousel .carousel-control-prev,
    .testimonialscarousel .carousel-control-next {
        top: 102%;
    }

    .testimonialscarousel .bg-left-outer {
        margin-bottom: 10px;
    }


}


@media screen and (max-width:480px) {

    .testimonialscarousel .carousel-control-prev {
        top: 102%;
        left: 16%;
    }

    .testimonialscarousel .carousel-control-next {
        top: 102%;
        right: 16%;
    }

    .testimonialscarousel .test-caring,
    .testimonialscarousel .test-pride {
        font-size: 22px;
    }

    .testimonialscarousel .bg-left {
        padding: 20px 15px;
    }

    .testimonialscarousel .sm-spacer {
        margin-bottom: 15px;
    }

    .testimonialscarousel .test-right-para {
        padding: 0;
    }

    .testimonialscarousel .slider-left-logo {
        width: 75%;
        float: right;
    }

    .testimonialscarousel .pad-mob-0 {
        padding: 0;
    }

    .testimonialscarousel .test-img-main {
        padding-right: 0;
    }

    .testimonialscarousel .bg-left-outer {
        margin-bottom: 10px;
    }


}


@media screen and (max-width:320px) {

    .testimonialscarousel .left-testimonial {
        font-size: 14px;
    }

    .testimonialscarousel .test-caring,
    .testimonialscarousel .test-pride {
        font-size: 16px;
    }

    .testimonialscarousel .test-name,
    .testimonialscarousel .test-location {
        font-size: 10px;
    }

    .testimonialscarousel .carousel-inner p {
        margin-bottom: 0;
    }



}


@media screen and (max-width:280px) {

    .testimonialscarousel .test-caring,
    .testimonialscarousel .test-pride {
        font-size: 10px;
        margin-left: 2px;
    }

    .testimonialscarousel .test-caring>span {
        font-size: 8px;
        margin-left: 2px;
    }

    .testimonialscarousel .galaxy-fold {
        padding-left: 0;
        padding-right: 10px;
        left: 4px;
        position: relative;
    }

    .testimonialscarousel .slider-left-logo {
        width: 70%;
        position: relative;
        right: -10px;
        top: -2px;
    }


}

/* testimonials carousel css end */