.about-container{display:flex;flex-direction:column;row-gap:20px;width:100%;background-image:radial-gradient(circle,#fff 5%,transparent 95%),linear-gradient(90deg,#6a85b6,#bac8e0 80%,#6a85b6);align-items:center}.about-container .container-title{display:flex;width:60%;align-items:center;justify-content:center}.about-container .container-title h1{color:#071b45;font-weight:400;font-style:italic;font-size:4vh}.about-container .main-section{width:60%;height:100%;background-color:rgba(106,133,182,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;margin-bottom:20px;box-shadow:0 0 3px 3px rgba(5,5,5,.15)}.about-container .main-section .box-title{display:flex;width:calc(100% - 30px);margin:15px;border-radius:15px;align-items:center;justify-content:center}.about-container .main-section .box-title h2{display:flex;width:200px;border-radius:25px;background-color:#f90;color:#000;font-weight:400;font-style:italic;font-size:3vh;align-items:center;justify-content:center}.about-container .main-section .main-box{display:flex;flex-direction:column;row-gap:20px;width:calc(100% - 30px);margin:15px}.about-container .main-section .main-box p{color:#000;font-weight:500;font-size:2.5vh}.about-container .main-section .navigate-box{display:flex;width:calc(100% - 40px);align-items:center;justify-content:center;margin:20px}.about-container .main-section .navigate-box button{width:20vh;height:4vh;background-color:rgba(0,68,255,.4);font-size:3vh;border-radius:25px;border:0;box-shadow:0 0 5px 1px hsla(0,0%,100%,.5);cursor:pointer}.about-container .main-section .navigate-box button:hover{background-color:rgba(0,68,255,.8)}@media(max-width:992px){.about-container .container-title,.about-container .main-section{width:85%}}@media(max-width:768px){.about-container .container-title,.about-container .main-section{width:90%}}