/* Special classes */

        .bg-black-2 {
            background-color: #1A1D1D;
        }

        .bg-black-2--hover:hover {
            transition: background-color .2s ease;
            background-color: #26282B;
        }


        .mt-38 {
            margin-top: 38px;
        }


        .fs-24 {
            font-size: 24px;
        }

        /* End Special classes */


        /* Top Nav */
        .top-nav {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            padding: 20px;
            z-index: 15px;
        }

        .top-nav-item {
            border-radius: 15px;
            box-shadow: 0px 0px 5px #FFFFFF59;
            background-color: var(--black-color);
            max-width: 170px;
            height: 48px;
            padding: 5px;
            transition: all 550ms ease, max-width 550ms ease, margin 200ms ease;
        }

        .nav-item-btn {
            min-width: 38px;
            max-width: 38px;
            height: 38px;
            border-radius: 10px;
        }

        .button-icon {
            border: 0.5px solid #1F2A45;
        }

        .topNav-closeBtn-cont {
            position: absolute;
            top: 0;
            right: 0;
            box-shadow: 0px 0px 5px #FFFFFF59;
            border-radius: 15px;
            width: 48px;
            height: 48px;
            background-color: var(--black-color);
        }

        .close-app-btn i {
            font-size: 24px;
        }

        /* End Top Nav */


        .app-frame-cont {
            position: fixed;
            top: 88px;
            left: 0;
            right: 0;
            width: 100%;
            height: calc(100% - 88px);
            background-color: rgb(0, 0, 0, .80);
            z-index: 99;
            overflow: auto;
        }

        .ActiveFormFrame {
            display: block;
        }

        .size-38 {
            min-width: 38px;
            width: 38px;
            height: 38px;
        }

        .form-infos-cont {
            max-width: 111px;
            width: 100%;
            height: 48px;
        }

        .form-close-btn-cont {
            min-width: 48px;
            width: 48px;
            height: 48px;
            position: absolute;
            right: 0;
            top: 20px;
        }


        .form-frame {
            max-width: 1111px;
            width: 90%;
            margin-left: auto;
            margin-right: auto;
            padding-top: clamp(100px, 11.33%, 300px);
            padding-bottom: 30px;

        }


        .font-l {
            font-size: 4rem;
            font-family: 'customBold';
            font-weight: unset;
            line-height: 5.845rem;
        }

        .font-s {
            font-size: 1.75rem;
            font-family: 'regular';
        }



        @media screen and (max-width: 1210px) {
            html {
                font-size: 13px;
            }

            .form-frame {
                max-width: 910px;
            }
        }

        @media screen and (max-width: 1070px) {
            html {
                font-size: 11px;
            }

            .form-frame {
                max-width: 760px;
            }
        }

        @media screen and (max-width: 910px) {
            html {
                font-size: 10px;
            }

            .form-frame {
                max-width: 700px;
            }
        }

        @media screen and (max-width: 710px) {
            html {
                font-size: 9px;
            }

            .form-frame {
                max-width: 560px;
            }
        }

        @media screen and (max-width: 450px) {
            html {
                font-size: 7px;
            }

            .form-frame {
                max-width: 454px;

            }
        }