:root{--mono: "Roboto Mono", monospace}[dir="rtl"]{--mono: "Poppins", sans-serif}.frameworks .h4{text-align:center;max-width:630px;margin:0 auto 10px}.frameworks-description{width:100%;max-width:1065px;margin:0 auto 30px}.frameworks-description.initial{max-width:630px}.frameworks-description p{font-size:16px;line-height:26px;text-align:center}.frameworks-description p+p{margin-top:10px}.frameworks_list{width:100%;max-width:1070px;margin:auto;display:grid;gap:25px}.frameworks_list--2{-ms-grid-columns:repeat(2, 1fr);grid-template-columns:repeat(2, 1fr)}.frameworks_list--3{-ms-grid-columns:repeat(3, 1fr);grid-template-columns:repeat(3, 1fr)}@media only screen and (max-width:767px){.frameworks_list{-ms-grid-columns:repeat(2, 1fr);grid-template-columns:repeat(2, 1fr)}}.frameworks-item{background:rgba(255, 255, 255, 0.05);border-radius:4px;padding:40px 20px 22px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-decoration:none}.frameworks-item__icon{margin:0 auto 20px;color:#ffffff;transition:all 0.3s ease-in-out}.frameworks-item__icon svg use{transition:all 0.3s ease-in-out}.frameworks-item__icon:hover svg use{color:#0096ff}.frameworks-item .h6{margin-bottom:0;color:#ffffff;text-align:center}