@media only screen and (max-width: 468px) {
    .container {
        width: 90%;
    }
    .container .profile-container .profile-content-container {
        width: 100%;
    }
    .container .skill-container .skill-box-container {
        display: block;
    }
    .container .skill-container .skill-box-container .skill-box {
        width: 100%;
    }
    .container .project-container .project-card-container .project-card {
        width: 85%;
    }
    .container .profile-container .profile-image-container .profile-image {
        width: 120px;
        height: 120px;
    }
    .container .footer-container {
        padding: 18px 0;
        font-size: 14px;
    }
    .container .profile-container .profile-content-container {
        margin-top: 24px;
    }
    .container .project-container .project-header {
        font-size: 18px;
    }
    .container .profile-container .profile-about {
        font-size: 25px;
    }
    .container .resume-container{
        display: flex;
        justify-content: center;
    }
    .container .footer-container .footer-copyright-container .font-bold {
        margin: 0px 4px;
    }
    .container .resume-container .resume-button {
        padding: 6px;
        font-size: 13px;
    }
    .container .project-container .project-card-container .project-card .project-title div {
        padding: 0px 4px;
        font-size: 14px;
    }
    .container .profile-container .profile-content-container .margin-y-base {
        margin: 6px 0;
    }
    .container .project-container .project-card-container .project-card .project-content {
        font-size: 14px;
    }
    .container .header-container {
        height: 10%;
    }
    .container .header-container .header-profile-container img {
        height: 45px;
    }
    .container .footer-container .footer-copyright-container{
        margin-bottom: 1rem;
    }
    .container .project-container .project-card-container .project-card .riyad-capital-title,.container .project-container .project-card-container .project-card .ahli-united-bank-title{
        width: 40% !important;
        height: 36px !important;
      }
      .container .project-container .project-card-container .project-card .riyad-bank-title{
        width: 40% !important;
        height: 34px !important;
      }
      .container .project-container .project-card-container .project-card .up-excise-title{
        height: 34px !important;
      }
    .container .resume-container {
        padding: 8px 0;
    }
    .splide__arrow--prev {
        left: -0.5em;
    }
    .splide__arrow--next {
        right: -0.5em;
    }
    .splide__arrow {
        width: 2.0em !important;
        height: 2.0em !important;
    }
    .splide__arrow svg {
        height: 0.8em !important;
    }
}