.techIntroduction-main{display:-webkit-box;display:-ms-flexbox;display:flex;gap:16px}.techIntroduction-main>div{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:var(--border-radius-primary);color:#0f1822;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:48px 20px;background:#f2f2f2;height:100%;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;-webkit-transition:-webkit-box-flex .5s ease;transition:-webkit-box-flex .5s ease;transition:flex .5s ease;transition:flex .5s ease, -webkit-box-flex .5s ease, -ms-flex .5s ease;height:160px;max-width:50%}.techIntroduction-main>div .tech-image-warpper{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:13px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#0f1822;white-space:nowrap}.techIntroduction-main>div img{width:85px;min-width:85px}@media(min-width: 786px){.techIntroduction-main>div:hover{-webkit-box-flex:2;-ms-flex:2;flex:2}.techIntroduction-main>div:hover .techIntroduction-text{opacity:1;max-width:80%}}.techIntroduction-main>div .techIntroduction-text{max-width:0;opacity:0;overflow:hidden;-webkit-transition:all .5s ease;transition:all .5s ease}.techIntroduction-main>div .techIntroduction-text>span{color:#4d4d4d;display:inline-block;font-size:12px;text-align:left;text-overflow:ellipsis;white-space:normal;display:-webkit-box;-webkit-line-clamp:4;padding-left:20px;-webkit-box-orient:vertical}.tech-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:6}.tech-overlay.hidden{display:none}.modal-tech{background-color:#f2f2f2;padding:20px;border-radius:var(--border-radius-primary);width:90%;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.2);box-shadow:0 2px 10px rgba(0,0,0,.2);color:#fff;position:relative}.modal-tech .cloaseBtn{position:absolute;right:12px;top:12px;cursor:pointer}.modal-tech .cloaseBtn svg{color:#000}.modal-tech .modal-tech-content>div{display:-webkit-box;display:-ms-flexbox;display:flex;padding:10px;gap:16px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.modal-tech .modal-tech-content>div .tech-image-warpper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;white-space:nowrap;color:#0f1822}.modal-tech .modal-tech-content>div .tech-image-warpper img{width:60px;min-width:60px;margin-bottom:10px}.modal-tech .modal-tech-content>div .techIntroduction-text{width:80%}.modal-tech .modal-tech-content>div .techIntroduction-text>span{color:#4d4d4d;display:inline-block;font-size:12px;text-align:left;text-overflow:ellipsis;white-space:normal;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}@media(max-width: 1000px){.techIntroduction-main{display:grid;grid-template-columns:repeat(2, 1fr)}.techIntroduction-main>div{height:130px;width:100%;max-width:inherit}}