/* DROP ICON STYLES STARTS HERE */

            .floatingContactIcons{
                position: fixed;
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                text-align: center;
                top: 60%;
                right: 4%;
                padding: 15px;
                background-color: #eef1cf;
                border-radius: 3px;
                margin-bottom: 22px;
                transition: transform 1s ease-in-out;
                box-shadow: 1px 3px 4px var(--SHADOW-COLOR);
                z-index: 10;
            }

            .floatingContactIcons.cancel{
                transform: translate(200px) scaleY(3.5);
            }

            .floatingContactIcons a{
                color: rgb(27, 27, 27);
            }

            .floatingContactIcons a:hover{
                color:var(--LINK-HOVER);
            }

            .floatingContactIcons a:active{
                color:var(--LINK-ACTIVE);
            }

            .floatingContactIcons a:focus{
                color:var(--LINK-FOCUS);
            }

            .floatingContactIcons .fa, .Icons, .fab, .fa{
                cursor: pointer;
            }

            .Icons{
                display: flex;
                flex-direction: column;
                gap: 1rem;
                max-height: 0;
                overflow: hidden;
                transition: max-height 1s ease-in-out;
            }

            .Icons.unfold{
                max-height: 200px;
            } 
            
            /* BACK TO TOP */

            .backToTop{

                position: fixed;
                border-radius: 3px;
                top: 90%;
                left: 2.5%;
                background-color:  rgb(236, 246, 208);
                padding: 12px;
                color: #e8eae1;
                box-shadow: 0px 3px 6px var(--SHADOW-COLOR);
                cursor: pointer;
                transform: translateY(-50%);
                z-index: 999;

            }

            /* BACK TO TOP */
            .backToTop .fa{
                color: #141414;
                z-index: 1;
            }