.feature-card-1,.feature-icon-1{position:relative;background:#fff}.feature-card-1::after,.feature-card-2::after{position:absolute;bottom:-20px;right:-20px;transition:.3s;content:''}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'work sans',serif;padding:60px 0}.content-grid{--padding-inline:1rem;width:100%;--content-max-width:1500px;--breakout-max-width:85ch;--breakout-size:calc((var(--breakout-max-width) - var(--content-max-width)) / 2);display:grid;grid-template-columns:[full-width-start] minmax(var(--padding-inline),1fr) [breakout-start] minmax(0,var(--breakout-size)) [content-start] min(100% - (var(--padding-inline) * 2),var(--content-max-width)) [content-end] minmax(0,var(--breakout-size)) [breakout-end] minmax(var(--padding-inline),1fr) [full-width-end]}.features-grid-1,.features-grid-2{grid-template-columns:repeat(3,1fr)}.content-grid>:not(.breakout,.full-width){grid-column:content;width:100%;padding-inline:0px}.features-style-1{margin-top:-30px;position:relative;z-index:3}.features-grid-1{display:grid;gap:30px}.feature-card-1{padding:40px 30px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.08);transition:.3s}.feature-card-1::after{width:400px;height:400px;background-image:url('../img/dots.png');background-size:contain;background-repeat:repeat;background-position:center;opacity:.3;z-index:0}.feature-card-1:hover::after{opacity:.4;transform:scale(1.1) rotate(5deg)}.feature-card-1:hover{transform:translateY(-5px);box-shadow:0 5px 20px rgba(0,0,0,.12)}.feature-card-1::before{content:'';position:absolute;top:0;left:0;width:140px;height:140px;background:linear-gradient(135deg,#30bd5e 0,#24c358 100%);clip-path:polygon(0 0,100% 0,0 100%);z-index:1}.feature-icon-1{width:70px;height:70px;border:3px dashed rgba(9,245,40,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2;flex-shrink:0}.feature-description-1,.feature-description-2,.feature-header-2,.feature-list-1,.feature-list-2{position:relative;z-index:1}.feature-icon-1 svg{width:35px;height:35px;fill:#30bd5e}.feature-header-1{display:flex;align-items:center;gap:20px;margin-bottom:20px}.feature-title-1{font-size:20px;font-weight:700;color:#1a1a1a;line-height:1.3}.feature-description-1{font-size:15px;color:#666;line-height:1.6}.feature-list-1{display:flex;flex-wrap:wrap;gap:20px;margin-top:15px}.feature-list-1 li{display:flex;align-items:center;gap:8px;font-size:15px;color:#666}.feature-list-1 li svg{width:18px;height:18px;fill:#30bd5e;flex-shrink:0}.features-style-2{margin-top:80px}.features-grid-2{display:grid;gap:25px}.feature-card-2{background:linear-gradient(135deg,#1a9b87 0,#16a085 100%);padding:35px 30px;border-radius:8px;color:#fff;transition:.3s;position:relative;overflow:hidden}.feature-card-2::after{width:200px;height:200px;background-image:url('https://dev24.kodesolution.com/visaz/wp-content/plugins/mascot-core-visaz/assets/images/current-theme/shape-22.png');background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.2;z-index:0}.feature-card-2:hover::after{opacity:.3;transform:scale(1.1) rotate(5deg)}.feature-card-2:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(26,155,135,.3)}.feature-header-2{display:flex;align-items:center;gap:15px;margin-bottom:20px}.feature-icon-2{width:45px;height:45px;background:rgba(255,255,255,.15);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-icon-2 svg{width:24px;height:24px;fill:white}.feature-title-2{font-size:22px;font-weight:700;line-height:1.2}.feature-description-2{font-size:15px;line-height:1.7;color:rgba(255,255,255,.95)}.feature-list-2{list-style:none;margin-top:15px}.feature-list-2 li{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-size:15px}.feature-list-2 li::before{content:'';width:6px;height:6px;background:#fff;border-radius:50%;flex-shrink:0}@media (max-width:992px){.features-grid-1,.features-grid-2{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.features-grid-1,.features-grid-2{grid-template-columns:1fr;gap:20px}.feature-card-1{padding:35px 25px}.feature-card-2{padding:30px 25px}.features-style-1,.features-style-2{margin-top:-30px}}@media (max-width:576px){.feature-card-1::before{width:120px;height:120px}.feature-icon-1{width:60px;height:60px}.feature-icon-1 svg{width:30px;height:30px}.feature-title-1,.feature-title-2{font-size:18px}.feature-description-1,.feature-description-2{font-size:14px}}