#tool-preview{padding:60px 0 80px;background-color:#fff}#tool-preview h2{text-align:center;font-weight:700;letter-spacing:normal}#tool-preview .description{text-align:center;color:#6f6c90;font-size:17px}#tool-preview .tool-preview-container{display:grid;grid-template-columns:repeat(12,1fr);margin:40px auto;gap:30px}#tool-preview .tool-preview-container .info{grid-column:span 5/span 5}#tool-preview .tool-preview-container .tool-preview-single{background-color:#fff;border:1px solid #453ad1;border-radius:20px;padding:20px}#tool-preview .tool-preview-container .tool-preview-single:not(.selected){cursor:pointer;border:1px solid #dcddeb}#tool-preview .tool-preview-container .tool-preview-single:not(:first-of-type){margin-top:15px}#tool-preview .tool-preview-container .tool-preview-single .title-container{display:flex;align-items:center;justify-content:space-between}#tool-preview .tool-preview-container .tool-preview-single .title-container h4{font-weight:700;margin-bottom:0;font-size:19px;display:flex;align-items:center;gap:10px}#tool-preview .tool-preview-container .tool-preview-single .title-container span{border-radius:14px;background-color:#f7f7fc;width:40px;height:40px;display:flex;align-items:center;justify-content:center}#tool-preview .tool-preview-container .tool-preview-single .title-container h4 img{height:26px}#tool-preview .tool-preview-container .tool-preview-single .title-container .arrow{transform:rotate(-90deg);transition:all .1s ease-in-out}#tool-preview .tool-preview-container .tool-preview-single.selected .title-container .arrow{transform:rotate(0)}#tool-preview .tool-preview-container .tool-preview-single p{color:#6f6c90;font-size:16px;margin-top:10px;margin-bottom:5px;display:none}#tool-preview .tool-preview-container .tool-preview-single .ctas{display:none;align-items:center;justify-content:space-between;padding-top:20px}#tool-preview .tool-preview-container .tool-preview-single .ctas a:hover{text-decoration:none}#tool-preview .tool-preview-container .tool-preview-single .ctas a{border-radius:100px;text-transform:uppercase;padding:10px 20px;font-weight:700;display:flex;align-items:center;justify-content:center;text-align:center;gap:5px}#tool-preview .tool-preview-container .tool-preview-single .ctas a:nth-child(1){background:#11845b;color:#fff;border:1px solid #11845b}#tool-preview .tool-preview-container .tool-preview-single .ctas a:nth-child(1):hover{background:#669c81;border:1px solid #669c81}#tool-preview .tool-preview-container .tool-preview-single .ctas a:nth-child(2){background:#fff;color:#11845b;border:1px solid #11845b}#tool-preview .tool-preview-container .tool-preview-single .ctas a:nth-child(2):hover{color:#669c81;border:1px solid #669c81}#tool-preview .tool-preview-container .tool-preview-single.selected .ctas{display:flex}#tool-preview .tool-preview-container .tool-preview-single.selected p{display:inline-block}#tool-preview .tool-preview-container .tool-preview-single .tool-preview-image{display:none}#tool-preview .tool-preview-container .image{position:relative;grid-column:span 7/span 7}#tool-preview .tool-preview-container .image .tool-preview-image{opacity:0;border-radius:14px;position:absolute;width:100%;height:auto;transition:opacity .3s ease-in-out;left:0;top:0}#tool-preview .tool-preview-container .image .tool-preview-image.selected{opacity:1;position:relative}@media (max-width:900px){#tool-preview .tool-preview-container .info{grid-column:span 6/span 6}#tool-preview .tool-preview-container .image{grid-column:span 6/span 6}}@media (max-width:800px){#tool-preview .tool-preview-container{display:block}#tool-preview .tool-preview-container .info{padding-right:0}#tool-preview .tool-preview-container .tool-preview-single.selected .tool-preview-image{display:block;margin-top:20px}#tool-preview .tool-preview-container .image{display:none}}@media (max-width:650px){#tool-preview{padding:20px 0}#tool-preview .tool-preview-container .tool-preview-single .ctas{flex-direction:column;gap:10px}#tool-preview .tool-preview-container .tool-preview-single .ctas a{width:100%}}