/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 12 2023 | 13:26:45 */
.part-quotes > .container{
    max-width: 1076px;
}

.loop-crf_quote .quote-inner-wrapper{
    background-color: white;
    border-radius: 20px;
}

.loop-crf_quote .quote-details,
.loop-crf_quote .quote-content{
    padding: 35px 25px;
    position: relative;
}

.loop-crf_quote .quote-content p{
    color: #212121;
    font-weight: 500;
    font-size: 23px;
    line-height: 31px;
}

.loop-crf_quote .quote-content:after{
    content: "";
    display: block;
    position: absolute;
    width: 0; 
    height: 0; 

    border-right: 26px solid transparent;
    border-left: 0px solid transparent;
    border-top: 26px solid rgb(255,255,255);
    bottom: 0;
    transform: translatey(100%);
    
    z-index: 10;
}

.loop-crf_quote .quote-details{
    background-color: #212121;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    padding-top: 60px;
}

.loop-crf_quote .quote-details *{
    color: white;
}

.loop-crf_quote .company,
.loop-crf_quote .name{
    font-size: 18px;
    font-weight: 800;
    display: block;
}

.loop-crf_quote .role{
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
}


.loop-crf_quote{
    flex-basis: calc( 100% / 3 - 24px );
    margin-bottom: 24px;
}

.quotes-grid .alm-paging-content{
    justify-content: space-between;
}

.quotes-grid .alm-paging-content{
    align-items: flex-start;
}



/* Added by Shojib */
.loop-crf_quote{
    width: calc( 100% / 3 - 24px );
	margin-left: 12px;
	margin-right: 12px;
}
@media screen and (max-width: 1024px){
	.part-quotes > .container{
		padding-left: 15px;
		padding-right: 15px;
	}
}
@media screen and (max-width: 600px){
   .loop-crf_quote{
      width: 100%;
	  margin: 0 0 24px;
   }
}


@media only screen and (max-width: 900px){
    .loop-crf_quote .quote-content p{
        font-size: 18px;
    }
    .loop-crf_quote .quote-details, .loop-crf_quote .quote-content{
        padding: 25px 20px;
    }
}

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

    .loop-crf_quote .quote-details, .loop-crf_quote .quote-content{
        padding: 35px 20px;
    }
    .quotes-grid>*{
        flex-basis: 100%;
    }
    .quotes-grid{
        flex-wrap: wrap;
    }
}