.glsection{padding:0 5% 5rem;box-sizing:border-box;display:flex;justify-content:center;flex-wrap:wrap;overflow-x:hidden;column-gap:80px;row-gap:30px}.glCard{position:relative;overflow:hidden;flex-shrink:0;width:265px!important;height:330px!important;border-radius:20px;background-color:white;background-size:cover;margin:0 20px}.glImage{border-radius:20px;top:0}.glCardBackground,.glImage{position:absolute;width:100%;height:100%;left:0}.glCardBackground{background-color:#000;border-radius:0;top:80%;opacity:.7;transition:top .3s ease-in-out,opacity .3s ease-in-out,border-radius .3s ease-in-out;z-index:1}.glCard:hover .glCardBackground{top:0;opacity:.55;border-radius:20px}.glCardContent{position:absolute;color:white;width:100%;height:52%;padding:16px;box-sizing:border-box;border-radius:20px;left:0;top:80%;z-index:2;transition:top .3s ease-in-out;display:flex;flex-direction:column;justify-content:space-between}.glCard:hover .glCardContent{top:45%}.glCardDate{margin-bottom:4px;font-size:14px;display:flex;column-gap:20px;width:100%;justify-content:space-between!important;display:none}.glCardContent h4{font-weight:600;font-size:18px;text-align:center}.glCardContent p{border-bottom:2px solid #aaaa;display:flex;column-gap:10px;justify-content:center;padding-top:7px}.glCardText{font-size:12px;text-align:justify;padding-top:7px!important}.glCardButtons{display:flex;flex-direction:row;justify-content:center;gap:5px}.glCardKnowmore{margin-top:8px;width:110px;height:32px;border-radius:16px;box-sizing:border-box;border:2px solid #fff;background-color:transparent;font-weight:500;font-size:14px;color:#fff}.glCardKnowmore1{text-decoration:none;color:white;font-size:14px;height:32px}.glChief{text-align:center!important;display:flex;justify-content:center;margin-top:40px}.glCardKnowmore:hover{cursor:pointer;background-color:white;color:black;transition:all .3s ease-in!important}@media (min-width:1333px){.glCard{width:360px;height:360px}}@media (max-width:1333px){.glCard{width:300px;height:300px}}@media (max-width:350px){.glCard{width:200px;height:200px}}@media (max-width:820px){.glCardDate{display:none}.glCard{overflow:visible}.glCard,.glImage{border-radius:20px}.glImage{overflow:hidden}.glCardContent{position:absolute;background-color:#000;opacity:.7;height:-moz-fit-content;height:fit-content;border-radius:0 0 20px 20px;left:0;transition:none}.glCard:hover .glCardContent,.glCardContent{top:auto;bottom:0}.glCardBackground,.glCardText{display:none}.glCardContentBottom{margin-top:0}}