.experties-parent{background-color:var(--light-grey);padding:100px 10px}.experties-parent .experties-container{flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex}.experties-parent .experties-container .experties-box{transition:var(--trans1);flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;display:flex}@media only screen and (max-width:500px){.experties-parent{padding:50px 10px}}
.e-card{background-color:var(--white);border:1px solid #e8e8e8;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:370px;height:300px;padding:40px 30px;display:flex;position:relative;overflow:hidden}.e-card .card-overlay{background:var(--accent2);opacity:0;z-index:1;width:100%;height:100%;transition:transform .5s,opacity .5s;transition:transform .5s trans(--quick),opacity .5s ease;position:absolute;top:0;left:0;transform:translateY(-100%)}.e-card .e-icon-box{color:var(--accent);z-index:2;font-size:50px}.e-card .e-icon-box .icon{width:70px;height:70px;position:relative;background-position:50%!important;background-repeat:no-repeat!important;background-size:contain!important}.e-card .e-icon-box .icon>*{width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.e-card .e-icon-box .icon .e-icon-img{display:block}.e-card .e-icon-box .icon .e-icon-img-hover{display:none}.e-card .e-card-content{z-index:2;flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex}.e-card .e-card-content .title3,.e-card .e-card-content .e-card-p{text-align:center}.e-card:hover .card-overlay{opacity:1;transition:transform .5s cubic-bezier(.68,-.55,.27,1.55),opacity .5s;transform:translateY(0)}.e-card:hover .e-icon-box,.e-card:hover .e-card-content{color:#fff}.e-card:hover .e-icon-img{display:none!important}.e-card:hover .e-icon-img-hover{display:block!important}@media only screen and (max-width:500px){.e-card{width:320px;height:280px}}
.service-parent-main{background-color:var(--white)}.service-parent-main .service-container-main{flex-direction:column;display:flex}
