#pro2{padding-top:150px;padding-inline:25px}.pro2_info{text-align:center;margin-bottom:2rem;position:relative}.pro2_info h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:2rem}.pro_boxes1{display:flex;gap:20px 20px;justify-content:center;flex-wrap:wrap}.pro2_con{padding:40px 0}.pro_boxes1 section{max-width:350px;width:32%;min-height:255px;border:1px solid #ffffff41;display:block;gap:15px;position:relative;overflow:hidden;transition:.3s ease-in;border-radius:5px;z-index:1;background:rgba(255,255,255,.034);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);box-shadow:0 8px 32px rgba(0,0,0,.226),inset 0 1px 0 rgba(255,255,255,.25)}.pro_boxes1 section:before{content:"";width:100%;left:0;top:0;position:absolute;height:100%;background:linear-gradient(#fff0,#000000b9 50%);display:none;z-index:2}.pro_boxes1 section:hover:before{display:block}.pro_boxes1 section:hover .info{transform:translateY(50%)}.pro_boxes1 section h2{position:absolute;top:0;transform:translateX(0,0);background:#33bb0e;padding:10px;font-size:clamp(1rem,3vw,1.2rem);border-radius:0 0 20px 0;filter:drop-shadow(2px 1px 9px #5151514f)}.pro_boxes1 section .info{position:absolute;max-width:300px;width:100%;margin:0 auto;left:0;right:0;transform:translateY(300%);transition:all .5s ease 0s;min-height:150px;align-self:center;display:flex;flex-direction:column;align-items:center;justify-content:end;z-index:3;font-size:16px}.pro_boxes1 section .info p{text-align:center}.pro_boxes1 section .buttons{display:flex;justify-content:center;gap:10px;margin-top:20px}.pro_boxes1 section .buttons a{display:block;padding-block:10px;padding-inline:20px;border-radius:5px;border:1px solid #33bb0e;color:#33bb0e;transition:all .5s ease 0s}.pro_boxes1 section .buttons a:hover{background:#33bb0e;color:#fff}.pro_boxes1 section img{object-fit:cover;position:absolute;left:50%;width:90%;height:90%;transform:translate(-50%,-50%);top:50%;border-radius:5px}.pro2_info{margin-top:50px}.light_back{height:100%;width:100%;position:fixed;min-height:100vh;background:radial-gradient(circle,#10e04e27,#0000003b,#000);background-position-y:0;background-size:auto;background-size:300% 300%;animation:gradientShift 12s ease infinite;background-position-x:0;background-position-y:37%}.tools svg{width:25px;height:25px;border-radius:50%;background:#000;padding:3px}.reveal{opacity:0;transform:translateY(50px)}@media only screen and (max-width:1000px){.pro_boxes1 section{width:48%}}@media only screen and (max-width:600px){.pro_boxes1 section{width:100%}}