.reference-form-box{background:var(--secondaryColor);border-radius:10px;color:var(--whiteColor);position:relative;padding:75px 35px;text-align:center;margin-bottom:30px}.reference-form-box.type-1{background:var(--secondaryColor)}.reference-form-box.type-2{background:var(--brandColor1)}.reference-form-box.type-3{background:var(--brandColor2)}.reference-form-box:before{content:'';display:block;position:absolute;border-radius:5px;box-shadow:0 40px 40px var(--transparentizePrimaryColor);left:20px;top:20px;right:20px;bottom:20px;pointer-events:none}.reference-form-box .average-rating{font-size:60px;margin-bottom:20px;font-weight:700;line-height:1}.reference-form-box .total-ratings{font-size:24px;margin-bottom:20px}.reference-form-box .rating{font-size:20px;margin-bottom:35px;line-height:1}.reference-form-box .button i{margin-left:15px}.reference-form-box .button:hover{background:var(--brandColor1)}@media (max-width: 1220px){.reference-form-box .button{width:100%;padding:13px 15px 14px}}.reference-box{border-radius:10px;box-shadow:0 20px 40px var(--transparentizePrimaryColor);padding:35px}.reference-box:last-child{margin-bottom:0}.reference-box .images{display:flex;flex-direction:row;justify-content:space-between;padding-bottom:1em}.reference-box .images>div{display:flex;flex-direction:column;width:calc(50% - 2px)}.reference-box .images span{margin-left:1em;position:relative}.reference-box .images span:before{content:"";display:block;position:absolute;background:var(--secondaryColor);width:2px;height:2em;top:-0.5em;left:-0.5em}.reference-box .rating{color:var(--brandColor1);padding-bottom:20px;border-bottom:1px solid var(--borderColor);margin-bottom:20px}.reference-box .rating .empty{color:var(--borderColor)}.reference-box .author{font-size:18px;font-weight:700;margin-bottom:25px}.reference-box .author:last-child{margin-bottom:0}.reference-box .list{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--borderColor)}.reference-box .list:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.reference-box .list li{position:relative}.reference-box .list li:before{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;display:var(--fa-display, inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto;font-family:"Font Awesome 6 Pro";font-weight:400;margin-right:15px}.reference-box .list.xmark li:before{content:"\f057";color:#c84a6d}.reference-box .list.check li:before{content:"\2611";color:#99c948}