.about-section{background:linear-gradient(38deg,#ddf8ff 15%,#f5fcf0 51%,#d2d8f1 87%);flex-direction:row;justify-content:center;align-items:center;width:100vw;height:100%;padding:100px 0;display:flex}.about-section .about-container{color:#d6e3e5;background:#010923;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;width:1300px;height:auto;padding:0;display:flex;position:relative}.about-section .about-container .about-box{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.about-section .about-container .about-box .about-top{width:100%;height:380px}.about-section .about-container .about-box .about-top .profile-pic{object-fit:cover;object-position:top;width:100%;height:100%}.about-section .about-container .about-box .about-middle{flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;display:flex;position:relative}.about-section .about-container .about-box .about-middle .about-middle-top{width:200px;height:200px;position:absolute;transform:translate(-245%,-90px)}.about-section .about-container .about-box .about-middle .about-middle-top .profile-pic{object-fit:cover;filter:brightness(1.1);border:4px solid #fff;border-radius:50%;width:100%;height:100%}.about-section .about-container .about-box .about-middle .about-middle-top .online{background:#00d726;border:3px solid #fff;border-radius:50%;width:10%;height:10%;position:relative;transform:translate(900%,-70px)}.about-section .about-container .about-box .about-middle .about-middle-middle{flex-direction:row;justify-content:space-between;align-items:center;width:90%;height:80px;margin-top:1%;padding-left:20%;display:flex;position:relative}.about-section .about-container .about-box .about-middle .about-middle-middle .icon-card{-moz-column-gap:7px;border-radius:15px;flex-direction:row;justify-content:center;align-items:center;column-gap:7px;padding:5px 10px;font-size:1.1rem;font-weight:700;display:flex;box-shadow:0 0 4px 1px #cbcbcb}.about-section .about-container .about-box .about-middle .about-middle-middle .icon-card:first-child svg{color:#fdfdfd;font-size:22px}.about-section .about-container .about-box .about-middle .about-middle-middle .icon-card:nth-child(2) svg{color:#017cff;font-size:22px}.about-section .about-container .about-box .about-middle .about-middle-middle .icon-card:nth-child(3) svg{color:#2a8ffa;font-size:22px}.about-section .about-container .about-box .about-middle .about-middle-middle .icon-card:nth-child(4) svg{color:#ff0101;font-size:22px}.about-section .about-container .about-box .about-middle .about-middle-middle .icon-card:nth-child(5) svg{color:#fff;font-size:22px}.about-section .about-container .about-box .about-middle .about-middle-bottom{text-align:justify;width:90%;margin-top:60px;padding-bottom:50px;position:relative}.about-section .about-container .about-box .about-middle .about-middle-bottom p{font-size:1.3rem}.about-section .about-container .about-box .about-middle .about-middle-bottom .text-container{padding:20px 0 0}.about-section .about-container .about-box .about-middle .about-middle-bottom .text-container h3{font-size:1.3rem;font-weight:700}.about-section .about-container .about-box .about-middle .about-middle-bottom .text-container p{font-size:1.3rem}.about-section .about-container .about-box .about-middle .about-middle-bottom .text-container p span{background:linear-gradient(45deg,#0e0e0e 2%,#1a1a1a 45%,#1e2123 97%,#bd6f6f00);border-radius:10px;padding:2px 8px;box-shadow:0 0 2px #cfc9c9}.about-section .about-container .about-box .about-middle .about-middle-bottom .text-container p span svg{display:inline-block}@media (max-width:480px){.about-section{background:linear-gradient(38deg,#ddf8ff 15%,#f5fcf0 51%,#d2d8f1 87%);flex-direction:row;justify-content:center;align-items:center;width:100vw;height:100%;padding:100px 0;display:flex}.about-section .about-container{flex-direction:column;justify-content:center;align-items:center;width:94%;height:auto;padding:0;display:flex;position:relative}.about-section .about-container .about-box{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.about-section .about-container .about-box .about-top{height:130px}.about-section .about-container .about-box .about-top .profile-pic{object-fit:none;-o-object-position:top;object-position:top;width:100%;height:100%}.about-section .about-container .about-box .about-middle{flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;display:flex;position:relative}.about-section .about-container .about-box .about-middle .about-middle-top{width:180px;height:180px;position:relative;transform:translateY(-90px)}.about-section .about-container .about-box .about-middle .about-middle-top .profile-pic{object-fit:cover;filter:brightness(1.1);border:2px solid #fff;border-radius:50%;width:100%;height:100%}.about-section .about-container .about-box .about-middle .about-middle-middle{flex-flow:wrap;justify-content:center;align-items:center;gap:20px;width:96%;height:73px;margin:0;padding:0;display:flex;position:relative;transform:translateY(-50px)}.about-section .about-container .about-box .about-middle .about-middle-middle .icon-card{border-radius:5px;flex-direction:row;justify-content:center;align-items:center;column-gap:7px;padding:9px;font-size:1.1rem;font-weight:700;display:flex;box-shadow:0 1px 4px #cbcbcb}.about-section .about-container .about-box .about-middle .about-middle-middle .icon-card:first-child svg{color:#fff;font-size:22px}.about-section .about-container .about-box .about-middle .about-middle-middle .icon-card:nth-child(2) svg{color:#017cff;font-size:22px}.about-section .about-container .about-box .about-middle .about-middle-middle .icon-card:nth-child(3) svg{color:#2a8ffa;font-size:22px}.about-section .about-container .about-box .about-middle .about-middle-middle .icon-card:nth-child(4) svg{color:#ff0101;font-size:22px}.about-section .about-container .about-box .about-middle .about-middle-middle .icon-card:nth-child(5) svg{color:#fff;font-size:22px}.about-section .about-container .about-box .about-middle .about-middle-bottom{width:90%;margin-top:60px;padding-bottom:50px;position:relative}.about-section .about-container .about-box .about-middle .about-middle-bottom p{font-size:1.1rem}.about-section .about-container .about-box .about-middle .about-middle-bottom .text-container{padding:20px 0 0}.about-section .about-container .about-box .about-middle .about-middle-bottom .text-container h3{font-size:1.1rem;font-weight:700}.about-section .about-container .about-box .about-middle .about-middle-bottom .text-container p{font-size:1.1rem}}