.elementor-10 .elementor-element.elementor-element-8ff2aca{--display:flex;--margin-top:12px;--margin-bottom:12px;--margin-left:12px;--margin-right:12px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}@media(min-width:768px){.elementor-10 .elementor-element.elementor-element-8ff2aca{--content-width:1600px;}}/* Start custom CSS for text-editor, class: .elementor-element-246f9bc1 *//* =========================================
   GAMING MUSK - CONTACT PAGE
   FINAL READY-TO-USE CSS
   ========================================= */


/* =========================================
   MAIN CONTACT SECTION
   ========================================= */

.gt-page-hero {
    width: 100%;
    max-width: 1000px;

    margin: 0 auto !important;
    padding-top: 20px !important;

    min-height: auto !important;
    height: auto !important;

    border-bottom: none !important;

    text-align: center !important;
}


/* =========================================
   CONTACT CONTAINER
   ========================================= */

.gt-page-hero .gt-container {
    width: 100%;
    max-width: 100%;

    margin: 0 auto !important;
    padding: 0 30px;

    box-sizing: border-box;

    text-align: center !important;
}


/* =========================================
   REMOVE UNWANTED LINES
   ========================================= */

.gt-page-hero hr,
.gt-page-hero::before,
.gt-page-hero::after {
    display: none !important;
    content: none !important;
    border: none !important;
}


/* =========================================
   CONTACT LABEL
   ========================================= */

.gt-page-hero .gt-section-label {
    display: table !important;

    margin: 0 auto !important;

    text-align: center !important;
}


/* =========================================
   CONTACT TITLE
   ========================================= */

.gt-page-hero .gt-section-title {
    margin: 20px auto 0 !important;

    text-align: center !important;
}


/* =========================================
   WELCOME TEXT
   ========================================= */

.gt-page-hero .gt-container > p:first-of-type {
    max-width: 800px;

    margin: 15px auto 0 !important;

    text-align: center !important;
}


/* =========================================
   CONTACT FORM - CENTERED
   ========================================= */

.gt-page-hero .wpcf7 {
    display: block;

    width: 100%;
    max-width: 800px;

    /* Center complete form card */
    margin: 25px auto 20px auto !important;

    padding: 35px;

    box-sizing: border-box;

    background: rgba(255, 255, 255, 0.04);

    border: 1px solid rgba(255, 255, 255, 0.10);

    border-radius: 18px;

    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.25);

    /* Form content left aligned */
    text-align: left !important;
}


/* =========================================
   FORM LABELS - LEFT
   ========================================= */

.gt-page-hero .wpcf7 label {
    display: block;

    margin-bottom: 8px;

    color: #ffffff;

    font-size: 15px;

    font-weight: 600;

    text-align: left !important;
}


/* =========================================
   INPUT FIELDS - LEFT
   ========================================= */

.gt-page-hero .wpcf7 input[type="text"],
.gt-page-hero .wpcf7 input[type="email"],
.gt-page-hero .wpcf7 input[type="tel"],
.gt-page-hero .wpcf7 input[type="url"],
.gt-page-hero .wpcf7 textarea {

    display: block;

    width: 100%;
    max-width: 700px;

    padding: 15px 17px;

    margin: 0 0 20px 0;

    box-sizing: border-box;

    background: rgba(255, 255, 255, 0.06);

    border: 1px solid rgba(255, 255, 255, 0.15);

    border-radius: 10px;

    color: #ffffff;

    font-size: 16px;

    line-height: 1.5;

    outline: none;

    text-align: left !important;

    transition: all 0.25s ease;
}


/* =========================================
   PLACEHOLDER
   ========================================= */

.gt-page-hero .wpcf7 input::placeholder,
.gt-page-hero .wpcf7 textarea::placeholder {
    color: rgba(255, 255, 255, 0.55);
}


/* =========================================
   INPUT FOCUS
   ========================================= */

.gt-page-hero .wpcf7 input:focus,
.gt-page-hero .wpcf7 textarea:focus {

    border-color: #a855f7;

    background: rgba(255, 255, 255, 0.08);

    box-shadow:
        0 0 0 3px
        rgba(168, 85, 247, 0.15);
}


/* =========================================
   MESSAGE BOX
   ========================================= */

.gt-page-hero .wpcf7 textarea {

    min-height: 180px;

    resize: vertical;
}


/* =========================================
   SUBMIT BUTTON
   ========================================= */

.gt-page-hero .wpcf7 input[type="submit"] {

    display: inline-block;

    width: auto;

    min-width: 160px;

    padding: 14px 30px;

    margin-top: 5px;

    border: none;

    border-radius: 10px;

    background:
        linear-gradient(
            135deg,
            #7c3aed,
            #a855f7
        );

    color: #ffffff;

    font-size: 16px;

    font-weight: 700;

    cursor: pointer;

    transition: all 0.3s ease;
}


/* =========================================
   BUTTON HOVER
   ========================================= */

.gt-page-hero .wpcf7 input[type="submit"]:hover {

    transform: translateY(-2px);

    box-shadow:
        0 8px 25px
        rgba(168, 85, 247, 0.35);
}


/* =========================================
   FORM RESPONSE
   ========================================= */

.gt-page-hero .wpcf7-response-output {

    margin: 20px 0 0;

    padding: 12px 15px;

    border-radius: 8px;

    color: #ffffff;
}


/* =========================================
   VALIDATION ERROR
   ========================================= */

.gt-page-hero .wpcf7-not-valid-tip {

    margin-top: -15px;

    margin-bottom: 15px;

    font-size: 13px;
}


/* =========================================
   TABLET
   ========================================= */

@media (max-width: 1024px) {

    .gt-page-hero {

        max-width: 100%;

        padding-top: 20px !important;
    }

    .gt-page-hero .gt-container {

        padding-left: 25px;

        padding-right: 25px;
    }

    .gt-page-hero .wpcf7 {

        max-width: 800px;
    }

    .gt-page-hero .wpcf7 input[type="text"],
    .gt-page-hero .wpcf7 input[type="email"],
    .gt-page-hero .wpcf7 input[type="tel"],
    .gt-page-hero .wpcf7 input[type="url"],
    .gt-page-hero .wpcf7 textarea {

        max-width: 700px;
    }
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 768px) {

    .gt-page-hero {

        width: 100%;

        max-width: 100%;

        padding-top: 15px !important;
    }

    .gt-page-hero .gt-container {

        width: 100%;

        padding-left: 20px;

        padding-right: 20px;
    }


    /* Keep header centered */

    .gt-page-hero .gt-section-label {

        margin-left: auto !important;

        margin-right: auto !important;

        text-align: center !important;
    }

    .gt-page-hero .gt-section-title {

        text-align: center !important;
    }

    .gt-page-hero .gt-container > p:first-of-type {

        text-align: center !important;
    }


    /* Center form card */

    .gt-page-hero .wpcf7 {

        width: 100%;

        max-width: 100%;

        margin: 25px auto 20px auto !important;

        padding: 22px;

        border-radius: 14px;

        text-align: left !important;
    }


    /* Full width inputs */

    .gt-page-hero .wpcf7 input[type="text"],
    .gt-page-hero .wpcf7 input[type="email"],
    .gt-page-hero .wpcf7 input[type="tel"],
    .gt-page-hero .wpcf7 input[type="url"],
    .gt-page-hero .wpcf7 textarea {

        width: 100%;

        max-width: 100%;

        padding: 14px;

        font-size: 15px;
    }


    /* Full width button */

    .gt-page-hero .wpcf7 input[type="submit"] {

        width: 100%;

        min-width: 0;
    }
}


/* =========================================
   SMALL MOBILE
   ========================================= */

@media (max-width: 480px) {

    .gt-page-hero {

        padding-top: 10px !important;
    }

    .gt-page-hero .gt-container {

        padding-left: 18px;

        padding-right: 18px;
    }

    .gt-page-hero .wpcf7 {

        padding: 18px;
    }
}/* End custom CSS */