.about-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 40dvh;
}
.about-wrapper .right-section {
    width: 500px;
    position: relative;
    padding: 10px;
    border: 1px solid #375180; 
}
.right-section {
    transform: translate(-4rem, 5rem);
}
.about-wrapper .right-section .title {
    color: rgb(168, 161, 161);
    transform: translate(-10px, -10px);
}
.about-wrapper .right-section .title::after {
    content: "";
    width: 350px;
    height: 1px;
    transform: translate(5px, 17px);
    background: white;
    position: absolute;
}
.about-wrapper .right-section .icon {
    color: blue;
}
.about-wrapper .right-section .about-text {
    color: rgb(168, 161, 161);
}
.about-wrapper .right-section .about-text .about-description1 {
    color: #abb2bf;
    margin-bottom: 1.5rem;
}
.about-wrapper .right-section .about-description1:hover {
    transform: translateX(20px);
    text-decoration: underline;
    color: blue;
}
.about-wrapper .right-section .about-link .item {
    display: inline-block;
    border: 1px solid #abb2bf;
    margin-top: 3rem;
    transition: color 0.4s;
    color: white;
    padding: 6px 10px;
    transition: all 0.3s ease;
}
.about-wrapper .right-section .about-link .item:hover {
    background: rgb(149, 137, 160);
    transform: translateY(-5px);
}