.service{width:100%;height:669px;padding:30px;position:relative;overflow:hidden;border-radius:30px;background:rgb(0 0 0 / .1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgb(255 255 255 / .3);box-shadow:0 8px 32px 0 rgb(0 0 0 / .37)}@media screen and (max-width:1200px){.service{height:550px}}@media screen and (max-width:500px){.service{height:650px}}#services .display-4{font-size:2rem!important}.content{position:absolute;width:100%;top:0;left:0;padding:60px;display:flex;flex-direction:column;gap:20px;opacity:1;transition:opacity 0.5s ease,transform 0.5s ease}@media screen and (max-width:1400px){.content{padding:30px}}.content.hidden{opacity:0;transform:translateY(-30px);pointer-events:none}.content.visible{opacity:1;transform:translateY(0);pointer-events:auto}.fade-item{opacity:0;transform:translateY(20px);animation:fadeUp 0.5s ease forwards}.fade-item:nth-child(1){animation-delay:0.1s}.fade-item:nth-child(2){animation-delay:0.2s}.fade-item:nth-child(3){animation-delay:0.3s}.fade-item:nth-child(4){animation-delay:0.4s}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}#backContent{overflow-y:auto;max-height:100%}#backContent.content{top:0;left:0;right:0;bottom:0;padding:30px;overflow-y:auto}.toggle-btn{position:absolute;bottom:20px;right:20px;width:45px;height:45px;background-color:#FBB900;border-radius:50%;border:none;font-size:50px;color:#FFF;cursor:pointer;z-index:10;box-shadow:0 2px 6px rgb(0 0 0 / .2);font-weight:300}.toggle-btn.close{background:rgb(251 185 0 / .4)}.service .img{max-height:28px}#services .hemisphere{bottom:5%;z-index:-1}#services .yellow-shadow{z-index:-1;left:42%}#services .spiral{z-index:-1}