.reference-main{position:relative;display:flex;justify-content:center;background:var(--references-bg)}.reference-main>.container{position:relative;width:80%;padding-bottom:120px}.reference-main>.container>.reference-header{display:flex;justify-content:center;margin-top:100px}.reference-main>.container>.reference-header>h1{position:relative;z-index:100;font-size:24px;font-weight:700;text-align:center;background-image:var(--references-h1-bg);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.reference-main>.container>.reference-list{display:flex;justify-content:center;flex-wrap:wrap;gap:30px;margin-top:40px}.reference-main>.container>.reference-list>li{transition:all .2s linear}.reference-main>.container>.reference-list>li>a{position:relative;display:block;width:120px;height:150px;border:1px solid var(--border-silver-black1);text-align:center;background-color:var(--bg-white-black2);box-shadow:0 2px 12px #0000001a;transition:all .2s linear;border-radius:5px}.reference-main>.container>.reference-list>li>a:before{z-index:1;content:"";position:absolute;bottom:0;left:0;width:100%;height:0;transition:all .2s linear}.reference-main>.container>.reference-list>li>a:hover:before{height:100%}.reference-main>.container>.reference-list>li>a>img{z-index:2;position:relative;width:70px;height:70px;margin-top:15px;opacity:var(--img-opacity)}.reference-main>.container>.reference-list>li>a>h2{z-index:2;position:relative;font-size:16px;font-weight:700}.reference-main>.container>.reference-list>li:hover{transform:scale(1.06)}.reference-main>.container>.reference-list>li:first-child>a:before{background:var(--li-before-bg1)}.reference-main>.container>.reference-list>li:nth-child(2)>a:before{background:var(--li-before-bg2)}.reference-main>.container>.reference-list>li:nth-child(3)>a:before{background:var(--li-before-bg3)}.reference-main>.container>.reference-list>li:nth-child(4)>a:before{background:var(--li-before-bg4)}.reference-main>.container>.reference-list>li:nth-child(5)>a:before{background:var(--li-before-bg5)}.reference-main>.container>.reference-list>li:nth-child(6)>a:before{background:var(--li-before-bg6)}.reference-main>.container>.reference-list>li:nth-child(7)>a:before{background:var(--li-before-bg7)}.reference-main>.container>.reference-list>li:nth-child(8)>a:before{background:var(--li-before-bg8)}@media screen and (min-width:576px){.reference-main>.container{padding-bottom:250px}.reference-main>.container>.reference-header{margin-top:120px}.reference-main>.container>.reference-header>h1{font-size:28px}.reference-main>.container>.reference-list{gap:50px;margin-top:70px}.reference-main>.container>.reference-list>li>a{width:150px;height:180px}.reference-main>.container>.reference-list>li>a>img{width:90px;height:90px}.reference-main>.container>.reference-list>li>a>h2{font-size:17px}}@media screen and (min-width:768px){.reference-main>.container:before{left:50px;width:95px;height:145px;background-image:url(../imgs/sites/icons/shape-left.svg)}.reference-main>.container:after,.reference-main>.container:before{content:"";position:absolute;top:50px;background-size:contain;opacity:.5}.reference-main>.container:after{right:0;width:186px;height:152px;background-image:url(../imgs/sites/icons/shape-right.svg)}}@media screen and (min-width:992px){.reference-main>.container>.reference-list>li>a{width:160px;height:200px}.reference-main>.container>.reference-list>li>a>img{width:100px;height:100px}}