.personal-infos{
            display: inline-block;
            margin: 3% 2.4%  0 2.4%;
            background-color: rgb(1, 4, 10);
            color: aliceblue;
            width: 45%;
            height: 250px;
            border-image-source: url("../Imgs/About-Infos/Info-Border.png");
            border-image-width: 2px 15px;
            border-image-slice: 0 25 fill;
            position: relative; 
            filter: drop-shadow(1px 1px 3px #77f3ffaf);
        }

        /* INFOS (LEFT SIDE) */
        #in-left-side{
            width: 30%;
            height: 100%;
            margin-left: 3%;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
        } 
        #personal-image{
            width: 90%;
            height: 65%;
            border-radius: 20%;
            box-shadow: 0 0 10px rgb(68, 110, 158);
            float: left;
            margin: -5% 0 0 0;
            object-fit: cover;
        }
        #in-left-side h3{
            position: absolute;
            text-transform: capitalize;
            text-shadow: 0 0 5px white;
            margin-top: 200px;
        }

        /* INFOS (MID) */
        #mvr-line{
            position: absolute;
            width: 0.8%;
            height: 200px;
            border-radius: 60px;
            left: 37%;   
            top: 30px;
            background-image: url("../Imgs/About-Infos/Infos-Bar.png");
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            box-shadow: 0 3px 5px rgb(32, 208, 252);
        }

        /* INFOS (RIGHT SIDE) */
        #in-right-side{
            position: absolute;
            width: 57%;
            height: 77%;
            top: 35px;           
            left: 40%;  
        }
        #list-info{
            position: absolute;
            color: rgb(255, 255, 255);
            text-shadow: 0 0 2px white;
            font-size: 14.5px;
            margin:-1% 0 0 -5%;
        }
        #list-info li{padding-bottom: 1%;}
        #in-right-side h4{
            margin: 40% 0 0 3%;
            color: rgb(207, 249, 255);
            text-shadow: 0 0 5px rgba(255, 255, 255, 0.834);
            font-size: 18px;
        }
        .contact-center{
            display: flex;
            justify-content: center;  
            gap: 30px;  
            margin: -6% 0 0 -10%;              
        }
        .contact-center .icon{
            width: 35px;
            height: 35px;
            fill: rgb(164, 252, 255);             
            transition: transform 0.3s, fill 0.3s;
        }
        .contact-center a:hover .icon{
            transform: scale(1.2);    
            fill: #00e676;            
        }

        /* --------------------------------------------------------------------------------------------- */

         #message{
           width: 90%;
           margin: 5% 5% 1% 5%;
           filter: drop-shadow(0 0 10px rgba(129, 234, 255, 0.809));
           height: max-content;
           border-image-source: url("../Imgs/About-Infos/Contact-Border.png");
           border-image-slice: 65 35 fill;
           border-image-width: 30px 25px;
           background-image: linear-gradient(110deg,#000614,#000a13e3);
           user-select: none;
         }
         #message h1{
           text-transform: capitalize;
           font-size: 25px;
           text-align: center;
           color: #d3f3ff;
           text-shadow: 0 0 2px #ffffff;
           padding-top: 15px;
         }
         
         .form {
           width: 100%;
           transform-style: preserve-3d;
           transition: all 1s ease;
         }
         
         #mess{
           width: 80%;
           height: 200px;
           padding: 2%;
           font-size: 17px;
           margin: 0 12% 15px 8%;
           display: block;
           resize: none;
           outline: none;
           background-color: #212121;
           border-radius: 6px;
           border: 2px solid #212121;
           box-shadow: 6px 6px 10px rgba(0,0,0,1),
           1px 1px 10px rgba(199, 255, 250, 0.685);
           transition: 0.3s;
           color: rgba(216, 249, 255, 0.74);
         }
         .container p{
         width: max-content;
         font-size: 20px;
         text-transform: capitalize;
         margin: 15px 0 15px 8.1%;
         color: white;
         text-shadow: 0 0 2px white;
         border-bottom: 2px solid white;
         padding-bottom: 3px;
         }
         
         .input {
           width: 65%;
           height: 40px;
           color: #fff;
           outline: none;
           transition: 0.3s;
           padding: 1% 2%;
           margin: 0 10px 30px 8%;
           background-color: #212121;
           border-radius: 6px;
           border: 2px solid #212121;
           box-shadow: 6px 6px 10px rgba(0,0,0,1),
           1px 1px 10px rgba(199, 255, 250, 0.685);
           font-size: 17px;
         }
         
         .input::placeholder , #mess::placeholder{
           color: #999898b7;
           text-shadow: 0 0 1px white;
           font-family: sans-serif;
         }
         
         .input:focus.input::placeholder,#mess:focus#mess::placeholder{
           transition: 0.3s;
           opacity: 0;
         }
         
         .input:focus,#mess:focus{
           transform: scale(1.05);
           box-shadow: 6px 6px 10px rgba(0,0,0,1),
           1px 1px 10px rgba(199, 255, 250, 0.685),
           inset 2px 2px 10px rgba(0,0,0,1),
           inset -1px -1px 5px rgba(199, 255, 250, 0.685);
         }
         
         .btn_message {
           color: rgb(174, 229, 255);
           width: 13%;
           height: 25%;
           padding: 1.3% 5px;
           margin-left: 1.1%;
           cursor: pointer;
           background-color: #212121;
           border-radius: 6px;
           border: 2px solid #212121;
           box-shadow: 6px 6px 10px rgba(0,0,0,1),
           1px 1px 10px rgba(199, 255, 250, 0.685);
           font-size: 25px;
           transition: 0.3s;
         }
         
         .btn_message:hover {
           transform: scale(1.05);
           text-shadow: 0 0 3px white;
           letter-spacing: 2px;
         }