#reference-highlights-full-wrapper .swiper-nav-button{ top:inherit;bottom:306px;}#reference-highlights-full-wrapper .swiper-button-prev{ left:-25px;}#reference-highlights-full-wrapper .swiper-button-next{ right:-25px;}.reference-highlights-title{ text-align:center;}.reference-highlights-wrapper{ position:relative;}.reference-highlights-swiper.swiper{ position:relative;}.referencecontent{ display:block;position:relative;border-radius:var(--border-radius2);background-color:var(--white);box-sizing:border-box;padding:40px;text-decoration:none !important;text-align:left;transition:background-color 0.3s ease-in-out,transform 0.5s ease;border:1px solid var(--gray-border);transform:scale(1);}.referencebg{ position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--border-radius2);overflow:hidden;}.referencebg:before{ content:"";position:absolute;left:-16px;right:-16px;height:820px;border-radius:500px;top:0;background:radial-gradient(circle at center, var(--fourth-color) 0%, rgba(71,75,99,0.7) 35%, rgba(71,75,99,0.35) 55%, rgba(71,75,99,0) 75%);pointer-events:none;opacity:0;transition:top 0.7s ease-in-out,opacity 0.7s ease-in-out;}.referencecontent h3{ margin:0;font-size:28px;line-height:34px;transition:color 0.3s ease-in-out;overflow:hidden;}.referencehighlightstxt{ position:relative;z-index:5;}.referencehighlightstxt h3{ margin:20px 0 18px 0;-webkit-line-clamp:2;font-size:24px;line-height:29px;transition:color 0.3s ease-in-out;color:var(--heading-color);height:58px;}.referencehighlightstxt p{ display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;text-overflow:ellipsis;height:110px;word-break:break-word;font-size:16px;line-height:26px;transition:color 0.3s ease-in-out;overflow:hidden;position:relative;z-index:5;color:var(--text-color);margin:0;}.referencetop{ display:flex;flex-direction:row;justify-content:space-between;margin:0 0 10px 0;position:relative;z-index:5;}.starsholder{ display:flex;align-items:center;gap:5px;color:var(--star-color);}.starsholder svg{ height:15px;width:auto;}.referencecompanyinfo{ display:flex;align-items:center;gap:12px;margin-top:33px;position:relative;z-index:5;}.referencecompanyicon{ flex:0 0 36px;height:36px;border-radius:40px;}.referencecompanytxt{ flex:1;}.referencecompanytxt h4{ margin:0;height:22px;font-size:16px;line-height:22px;transition:color 0.3s ease;color:var(--heading-color);}.referencecompanytxt p{ font-size:14px;line-height:22px;height:22px;transition:color 0.3s ease;margin:0;color:var(--text-color);}.referencewrapper:hover .referencecontent{ background-color:var(--third-color);transform:scale(0.98);}.referencewrapper:hover .referencecompanytxt h4,.referencewrapper:hover .referencecontent h3{ color:var(--alt-heading-color);}.referencewrapper:hover .referencecompanytxt p,.referencewrapper:hover .referencecontent p{ color:var(--alt-text-color);}.referencewrapper:hover .referencebg:before{ opacity:1;top:195px;}.reference-highlights-bg-1{ right:-560px;top:-680px;}@media (min-width:1500px){ .referencewrapper.swiper-slide-next .referencecontent{ background-color:var(--third-color);} .referencewrapper.swiper-slide-next .referencecompanytxt h4, .referencewrapper.swiper-slide-next .referencecontent h3{ color:var(--alt-heading-color);} .referencewrapper.swiper-slide-next .referencecontent p{ color:var(--alt-text-color);}}@media (max-width:1500px) and (min-width:700px){ .referencewrapper.swiper-slide-active .referencecontent{ background-color:var(--third-color);} .referencewrapper.swiper-slide-active .referencecompanytxt h4, .referencewrapper.swiper-slide-active .referencecontent h3{ color:var(--alt-heading-color);} .referencewrapper:hover .referencecontent p, .referencewrapper.swiper-slide-active .referencecontent p{ color:var(--alt-text-color);} .referencewrapper.swiper-slide-active .referencebg:before{ opacity:1;top:95px;}}@media (max-width:1500px){ .reference-highlights-content{ width:100%;max-width:inherit;border-radius:0;} .reference-highlights-title{ width:94%;margin-left:auto;margin-right:auto;} .reference-highlights-content .swiper-nav-button{ display:none !important;} .reference-highlights-swiper.swiper{ padding:0 3vw;}}@media (max-width:1450px){ .referencecontent{ padding:25px;}}@media (max-width:1350px){ .referencehighlightstxt h3{ font-size:18px;line-height:25px;height:50px;margin:15px 0;}}@media (max-width:999px){ .reference-highlights-swiper.swiper:before, .reference-highlights-swiper.swiper:after{ width:200px;} .reference-highlights-bg-1{ right:-270px;top:-340px;}}@media (max-width:700px){ .reference-highlights-swiper.swiper:before, .reference-highlights-swiper.swiper:after{ width:100px;}}