.sec-hmtestimonial {
    position: relative;
}

.sec-hmtestimonial:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.9;
    background: #030D27;
}

.testimonial-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;

    .t-left {
        width: 50%;
        position: relative;
        padding: 100px 100px 0 0;
    }

    .t-right {
        width: 50%;
        padding: 100px 0 0 100px;
    }
}

.testimonial-wrap:before {
    width: 100%;
    height: 1px;
    left: 0;
    top: 0;
}

.t-left:before {
    width: 1px;
    height: 100%;
    right: 0;
    top: 0;
}

.t-left:before,
.testimonial-wrap:before {
    position: absolute;
    content: "";
    background: var(--gradient);
}

.testimonial-box {
    margin-top: 40px;
}

/*-----*/
ul.testimonial-ul.slick-initialized
{
	 display:block;
}
ul.testimonial-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style-type: none;

    .test-icon {
        margin-bottom: 20px;
    }

    .test-info {
        margin-bottom: 30px;

        & p {
            color: #FFF;
            font-size: 20px;
            font-weight: 400;
            line-height: 30px;
        }
    }

    .t-name {
        color: #FFF;
        font-size: 22px;
        font-weight: 600;
        margin-bottom: 6px;
    }
    .t-rating {
        display: flex;
        flex-wrap:wrap;
    }
}

.slider ul.testimonial-ul {
	& li{
		width:100%;
	}
    & li:not(:nth-child(-n + 1)) {
        display: none;
    }
    .slick-dots{
        text-align:right;
    }
	
}



/***---------- testimonial page ---------------**/
.testimonial-sec{
    ul.testimonial-ul{
        & li{
        border:1px solid rgba(22 37 76 / 20%);
        padding:50px;
        margin-bottom:0;
        }
        & li:not(:last-child){
            margin-bottom:20px;
        }
        .test-info p{
            color:var(--primary);
            font-size:18px;
            line-height:1.66;
        }
        .test-bottom{
            .t-name{
                color:var(--theme);
            }
        }
    }
}


.testimonial-pg .testimonial-ul + .pagination{
    margin-top: 50px;
    justify-content: flex-start;
}




/* RESPONSIVE  MEDIA QUERY */
@media (max-width: 1599.98px){

}

@media (max-width: 1439.98px){
    .testimonial-wrap {
        .t-right {
            padding:50px 0 0 50px;
        }
        .t-left {
            padding:50px 50px 0 0;
        }
    }
    ul.testimonial-ul {
        .test-info {
            & p {
                font-size:18px;
                line-height:1.60;
            }
        }
    }


    .testimonial-sec {
        ul.testimonial-ul {
            & li {
               padding:30px;
            }
        }
    }
}

@media (max-width: 1199.98px){
    .testimonial-wrap {
        .t-right {
            padding:40px 0 0 30px;
        }
        .t-left {
            padding:40px 30px 0 0;
        }
    }
}

@media (max-width: 991.98px){
.testimonial-wrap {
        .t-right {
            padding:0px;
            width:100%;
        }
        .t-left {
            padding:0;
            width:100%;
            margin-bottom:30px;
        }
    }
    .t-left:before, .testimonial-wrap:before{
        display:none;
    }
    .testimonial-box {
        margin-top:20px;
    }
    .slider ul.testimonial-ul
    {
      .slick-dots{
          text-align:left;
       }
    }

}

@media (max-width: 767.98px){
 .testimonial-sec {
        ul.testimonial-ul {
            & li {
               padding:20px;
            }
            .test-info p{
                              font-size: 16px;
                line-height: 1.50;  
            }
            .test-info{
                margin-bottom:15px;
            }
        }
    }
}

@media (max-width: 575.98px){
      ul.testimonial-ul {
         .test-info {
             p {
                font-size: 16px;
                line-height: 1.50;
            }
        }
    }  
}
