.ams-wrapper{display:grid;grid-template-columns:1fr 2fr;gap:40px;margin:30px 0}
.ams-accordion{border:1px solid #e5e7eb;border-radius:6px;background:#fff}
.ams-item{border-bottom:1px solid #e5e7eb;cursor:pointer}
.ams-item:last-child{border-bottom:none}
.ams-title{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;background:#f9fafb;margin:0}
.ams-item.active .ams-title{background:#eef2ff}
.ams-content{max-height:0;overflow:hidden;transition:max-height .35s ease;padding:0 18px}
.ams-item.active .ams-content{padding:15px 18px 20px}
.ams-media img{width:100%;border-radius:6px}
.ams-icon{position:relative;width:16px;height:16px}
.ams-icon::before,.ams-icon::after{content:'';position:absolute;background:#111827;transition:.25s}
.ams-icon::before{width:100%;height:2px;top:50%;left:0;transform:translateY(-50%)}
.ams-icon::after{width:2px;height:100%;left:50%;top:0;transform:translateX(-50%)}
.ams-item.active .ams-icon::after{opacity:0;transform:translateX(-50%) scaleY(0)}
@media(max-width:768px){.ams-wrapper{grid-template-columns:1fr}}


/* css for icon media switcher */
.ams-icon-switcher{
    display:grid !important;
    grid-template-columns:1fr 2fr 1fr !important;
    align-items:center;
    gap:40px;
    margin:40px 0;
}

@media (max-width:768px) {
    .ams-icon-switcher{
        grid-template-columns:1fr !important;
        padding: 0 15px !important;
    }
}

.ams-icon-column{
    display:flex;
    flex-direction:column;
    gap:15px;
}

.ams-left{
    align-items:flex-end;
    text-align:right;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    background: #fff;
    padding: 15px;
    border-radius: 12px
}

.ams-right{
    align-items:flex-start;
    text-align:left;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    align-items: center;
    justify-content: space-between;
    text-align: center !important;
    background: #fff;
    padding: 15px;
    border-radius: 12px
}

.ams-icon-item{
    cursor:pointer;
    max-width:200px;
    transition:.3s;
}

.ams-icon-item:hover{
    transform:translateY(-3px);
}

.ams-feature-icon{
    width: 60px !important;
    height: 60px !important;
    margin-bottom: 10px !important;
    margin-top: 10px !important;
    border-radius: 50px !important;
}

.ams-icon-title{
    display:block;
    font-weight:600;
    font-size:11px;
}

.ams-icon-center{
    text-align:center;
}

.ams-main-image{
    max-width:100% !important;
    border-radius: 12px !important;
}