:root { --ThemeColor: #01a61c;--DarkColor: #1a1c21; --LightColor: #ffffff;--loading-grey: #f9f9f9;} .question-box span { font-size: 12px !important; } .row-detail-insurance { border-bottom: 1px dotted #515252; height: 12px; width: 100%; text-align: center; justify-content: space-between; display: flex; margin-bottom: 20px; } .row-detail-insurance .right { background: #2a2d33; padding: 0 0 0 10px; height: 20px; font-size: 12px; } .row-detail-insurance .left { background: #2a2d33; padding: 0 10px 0 0; height: 20px; font-size: 12px; } .insurance .first-section .question-titles .question-box .icon { margin-bottom: 15px; width: 50px; height: 38px; } .insurance .first-section .question-titles { grid-template-columns: repeat(auto-fill, minmax(31%, 1fr)); max-width: 600px; } .insurance .first-section .question-titles .question-box { background-color: #ffffff; border: 1px solid #efefef; } .insurance .first-section .question-titles .question-box span { color: #222; } .insurance .first-section .question-titles .question-box { width: 94%; height: 110px; } .insurance .first-section .question-titles { margin: 2px 0 4px; } .bellshakes { animation: bellshake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; backface-visibility: hidden; transform-origin: top right; } @keyframes bellshake { 0% { transform: rotate(0); } 15% { transform: rotate(5deg); } 30% { transform: rotate(-5deg); } 45% { transform: rotate(4deg); } 60% { transform: rotate(-4deg); } 75% { transform: rotate(2deg); } 85% { transform: rotate(-2deg); } 100% { transform: rotate(1deg); } 100% { transform: rotate(0); } } .app-footer { height: 55px !important; display: flex; justify-content: center; align-items: center; margin: 0px auto !important; position: fixed; z-index: 10; width: 100% !important; bottom: 0; right: 0; left: 0; max-width: 600px;box-shadow: 0px -4px 8px rgb(191 186 186 / 8%) } .first-section .question-titles .question-box{ border-radius:10px; } .mt-5 { margin-top: 0 !important; } .theme-light { background-color: var(--LightColor); color: var(--DarkColor); } .theme-dark { background-color: #000; color: #fff; } .counter { color: var(--ThemeColor); font-weight: bold; font-size: 18px; }.svg-wrapper { position: relative; margin: 0 auto; width: 100%; text-align: center; } .shape { stroke-dasharray: 0 580; stroke-dashoffset: 580; stroke-width: 2px; fill: transparent; stroke: #a19f9f; border-bottom: 5px solid black; transition: stroke-width 5.7s, stroke-dashoffset 5.7s, stroke-dasharray 5.3s; transition-delay: 0s; } .text { color: #fff; top: -41px; right:10px; position: relative; text-align: center; font-variant: small-caps; } .shape-border { stroke-width: 2px; stroke-dashoffset: 0; stroke-dasharray: 580 0; }::-webkit-scrollbar { width: 3px;height:3px } ::-webkit-scrollbar-track { background: #fff; } ::-webkit-scrollbar-thumb { background: #fff; } ::-webkit-scrollbar-thumb:hover { background: #555; }