/*--------------------- testimonial -----------------*/
ul.testimonial-ul {

    list-style-type: none;
    margin: 0 auto;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    padding-top: 5px;

    & li {
        width: 33.33%;
        padding: 0 20px;
    }

    & .slick-list {
        max-width: 1385px;
        margin: 0 auto;
    }

    & li {
        margin-bottom: 0;
    }

    & .testimonial-li {
        background-color: #FFFBDE;
        border-radius: 10px;
        height: 100%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;

    }

    & .test-content {
        padding: 50px 50px 30px;
        border-radius: 10px 10px 0 0;
        flex: 1;
        text-align: center;

        & p {
            margin-top: 0;
            font-size: 18px;
            letter-spacing: 0.18px;
        }
    }

    & .test-glogo {
        width: 56px;
        height: 56px;
        border: 1px solid #E3E3E3;
        background-color: var(--white);
        border-radius: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
    }

    & .test-bottom {
        border-top: 1px solid rgb(0 0 0 / 10%);
        margin: 20px 0 0 0;
        padding: 20px 20px 40px;
        text-align: center;
        border-radius: 0 0 10px 10px;
        position: relative;

        & img {
            margin: 0 auto 5px;
        }
    }

    & .test-bottom::before {
        position: absolute;
        content: "";
        width: 26px;
        height: 4px;
        background-color: #161616;
        left: 50%;
        margin-left: -13px;
        top: 0;
        margin-top: -3px;
    }

    & .t-name {
        font-size: 18px;
        letter-spacing: 0.18px;
        font-weight: 600;
        line-height: 1.11;
        margin-top: 5px;
    }

    & .test-content p {
        font-style: italic;
        font-weight: 500;
    }
}

ul.testimonial-ul.slick-initialized {
    display: block;
}

ul.testimonial-ul .slick-slide {
    height: auto;
}

ul.testimonial-ul .slick-track {
    display: flex;
}





ul.testimonial-ul .slick-slide>div {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
}

.test-center {
    margin: 50px 0 0 0;
}

.test-center .tp-hd-rating {
    color: var(--paragraph);
    justify-content: center;
}

.testimonial-sec ul.testimonial-ul li:not(:nth-child(-n + 3)){
    display:none;
}



/*------------------------------*/
.testimonial_popup{
	max-width:600px;
}
.fancybox-slide--html .testimonial_popup .fancybox-close-small{
			padding: 4px;
    right: 0;
    top: 0;
    opacity: 1;
	color:var(--theme);
}
.fancybox-slide--html .testimonial_popup .fancybox-close-small:hover{
	color:var(--paragraph);
}
.testimonial_popup {
				& .test-content{
					margin-bottom:30px;
				}
			 & .test-content p
				{
							font-style: italic;
							font-weight: 500;
							font-size: 18px;
							letter-spacing: 0.18px;
							color: var(--paragraph);
						 text-align:center;
				}
			 & .test-glogo{
								width: 56px;
        height: 56px;
        border: 1px solid #E3E3E3;
        background-color: var(--white);
        border-radius: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
			  }
	   & .test-bottom {
        border-top: 1px solid rgb(0 0 0 / 10%);
        margin: 20px 0 0 0;
        padding: 20px 0px 0px;
        text-align: center;
        border-radius: 0 0 10px 10px;
        position: relative;
						& img {
            margin: 0 auto 5px;
        }
						& .t-name {
        font-size: 18px;
        letter-spacing: 0.18px;
        font-weight: 600;
        line-height: 1.11;
        margin-top: 5px;
      }
    }
}
/*-------- media query ------*/

@media (max-width: 1599.98px) {}

@media (max-width: 1439.98px) {
    ul.testimonial-ul {
        & li {
            width: 33.33%;
            padding: 0px 10px;
        }

        & .test-content {
            padding: 30px;
        }
    }

    
}

@media (max-width: 1199.98px) {
    ul.testimonial-ul {
        & li {
            width: 50%;
            padding: 0px 6px;
        }

        
    }
    .testimonial-sec ul.testimonial-ul li:not(:nth-child(-n + 2)){
    display:none;
}
}

@media (max-width: 991.98px) {}

@media (max-width: 767.98px) {
    ul.testimonial-ul {
        & li {
            width: 100%;
        }

        
    }
    .testimonial-sec ul.testimonial-ul li:not(:nth-child(-n + 1)){
    display:none;
}
}

@media (max-width: 575.98px) {
    ul.testimonial-ul {
        & .test-content{
            padding: 20px;
            & p {
                font-size: 16px;
            }
        }

        & .test-glogo {
            width: 46px;
            height: 46px;

            & img {
                width: 32px;
            }
        }

        & .test-bottom {
            padding: 20px;
        }
    }

    .test-center {
        margin: 30px 0 0 0;
    }

    .testimonial-sec ul.testimonial-ul{
        padding-bottom:40px;
    }
			.testimonial_popup{
						padding:30px;
						& .test-bottom{
					margin: 15px 0 0 0;
					padding: 15px 0px 0px;
				}
				& .test-content{
					margin-bottom:20px;
				}
			}
}