.serv_style{margin:14px 0;position:relative}.serv_style .card{background:#e3e1daba;border-radius:20px;box-shadow:0 0 12px #0000001f;height:239px;overflow:hidden;position:relative;width:100%}.serv_style .card:before{background:#177354;-webkit-clip-path:circle(159px at 75% 18%);clip-path:circle(118px at 65% 14%);content:"";height:100%;left:0;position:absolute;top:0;transition:.5s ease-in-out;width:100%}.serv_style .card:hover:before{-webkit-clip-path:circle(300px at 80% -20%);clip-path:circle(300px at 60% -20%)}.serv_style .card:after{bottom:0;color:hsla(0,0%,55%,.05);content:" بوابة تواصل";font-family:sans-serif;font-size:48px;font-style:italic;font-weight:800;position:absolute;text-align:center;width:100%}.serv_style .card .imgBx{height:220px;position:absolute;top:50%;transform:translateY(-50%);transition:.5s;width:100%;z-index:9}.serv_style .card:hover .imgBx{height:200px;top:0;transform:translateY(0)}.serv_style .card .imgBx img,.serv_style .card .imgBx svg{left:50%;position:absolute;top:28%;transform:translate(-50%,-50%) rotate(0deg);width:109px}.serv_style .card .contentBx{bottom:0;height:100px;position:absolute;text-align:center;transition:1s;width:100%;z-index:10}.serv_style .card:hover .contentBx{height:150px}.serv_style .card:hover .contentBx h2{color:#fff;transition-delay:.4s}.serv_style .card .contentBx h2{color:#ad8816;font-size:16px;margin:31px 0 0;position:relative}.serv_style .card .contentBx .color,.serv_style .card .contentBx .size{align-items:center;display:flex;justify-content:center;opacity:0;padding:0 20px;transition:.5s;visibility:hidden}.serv_style .card:hover .contentBx .size{opacity:1;transition-delay:.5s;visibility:visible}.serv_style .card:hover .contentBx .color{opacity:1;transition-delay:.6s;visibility:visible}.serv_style .card .contentBx .color h3,.serv_style .card .contentBx .size h3{color:#fff;font-size:14px;font-weight:300;letter-spacing:2px;margin-right:10px;text-transform:uppercase}.serv_style .card .contentBx .size span{background:#fff;border-radius:4px;color:#111;cursor:pointer;display:inline-block;font-size:14px;height:26px;line-height:26px;margin:0 5px;text-align:center;transition:.5s;width:26px}.serv_style .card .contentBx .size span:hover{background:#9bdc28}.serv_style .card .contentBx .color span{background:#ff0;border-radius:50%;cursor:pointer;height:20px;margin:0 5px;width:20px}.serv_style .card .contentBx .color span:nth-child(2){background:#9bdc28}.serv_style .card .contentBx .color span:nth-child(3){background:#03a9f4}.serv_style .card .contentBx .color span:nth-child(4){background:#e91e63}.serv_style .card .contentBx a{background:#255a58;border:1px solid #e8e7e26b;border-radius:4px;color:#fff;display:inline-block;font-weight:600;margin-top:0;opacity:0;padding:7.5px 20px;text-decoration:none;transform:translateY(50px);transition:.5s}.serv_style .card:hover .contentBx a{margin-top:23px;opacity:1;transform:translateY(0);transition-delay:.2s}.serv_style .card:hover .contentBx a:hover{background-color:#218838;transition:.1s}.fam-info fieldset{border:1px solid #1f785a;border-radius:5px;margin:43px 0 0;width:100%}.fam-info fieldset legend{background-color:#1f785a;border:1px solid #1f785a;border-radius:5px;color:#fff;font-size:16px;font-weight:700;margin:-20px 9px 0 0;padding:3px 14px;width:auto}.fam-card{display:inline-flex;float:right}