.elementor-9 .elementor-element.elementor-element-ffa8e33{--display:flex;--min-height:100vh;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-ffa8e33:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-ffa8e33 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://wessexsecurityagency.co.uk/wp-content/uploads/2026/09/0e2bbcbe-c0b6-4891-8952-f72c445e15f9.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-9 .elementor-element.elementor-element-28fe23d{--display:flex;}.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 );}.elementor-9 .elementor-element.elementor-element-689d1e8.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-9 .elementor-element.elementor-element-689d1e8{font-family:"Roboto", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-9 .elementor-element.elementor-element-3764f7a .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:184px;font-weight:400;text-transform:uppercase;color:#EAB402;}.elementor-9 .elementor-element.elementor-element-d2420a3{width:var( --container-widget-width, 49.842% );max-width:49.842%;--container-widget-width:49.842%;--container-widget-flex-grow:0;font-family:"Roboto", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-d2420a3.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-9 .elementor-element.elementor-element-6a7bc5c .elementor-button{background-color:#EAB402;font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;border-radius:11px 11px 11px 11px;}.elementor-9 .elementor-element.elementor-element-6a7bc5c .elementor-button:hover, .elementor-9 .elementor-element.elementor-element-6a7bc5c .elementor-button:focus{background-color:#000000;}.elementor-9 .elementor-element.elementor-element-24d7be2{--display:flex;--min-height:100vh;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-24d7be2:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-24d7be2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://wessexsecurityagency.co.uk/wp-content/uploads/2026/09/0e2bbcbe-c0b6-4891-8952-f72c445e15f9.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-9 .elementor-element.elementor-element-6c486c5{--display:flex;}.elementor-9 .elementor-element.elementor-element-d71876e{--display:flex;}.elementor-9 .elementor-element.elementor-element-68284f8{--display:flex;}.elementor-9 .elementor-element.elementor-element-9f0fc30{--display:flex;}.elementor-9 .elementor-element.elementor-element-57b33a7{--display:flex;}.elementor-9 .elementor-element.elementor-element-4f5cc6e{--display:flex;}.elementor-9 .elementor-element.elementor-element-da135d8{text-align:center;}.elementor-9 .elementor-element.elementor-element-da135d8 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:50px;font-weight:400;color:#000000;}.elementor-9 .elementor-element.elementor-element-e316105{--display:flex;}.elementor-9 .elementor-element.elementor-element-0c484a5{--spacer-size:50px;}.elementor-9 .elementor-element.elementor-element-fd263a0{--display:flex;}.elementor-9 .elementor-element.elementor-element-a10d615 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-weight:800;color:#000000;}.elementor-9 .elementor-element.elementor-element-825da94{--display:flex;}.elementor-9 .elementor-element.elementor-element-3bd7318{--display:flex;}.elementor-9 .elementor-element.elementor-element-ea5f498{--display:flex;}.elementor-9 .elementor-element.elementor-element-ea5f498:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-ea5f498 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F2F2;}.elementor-9 .elementor-element.elementor-element-d4bd567{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-9 .elementor-element.elementor-element-132dea1{--display:flex;}.elementor-9 .elementor-element.elementor-element-132dea1.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-9 .elementor-element.elementor-element-9d6cf62 .elementor-heading-title{font-family:"Anton", Sans-serif;font-size:75px;font-weight:800;text-transform:capitalize;color:#000000;}.elementor-9 .elementor-element.elementor-element-0107586.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-9 .elementor-element.elementor-element-0107586{font-family:"Roboto", Sans-serif;font-weight:300;color:#000000;}.elementor-9 .elementor-element.elementor-element-b1da842{--display:flex;--position:absolute;top:362px;}body:not(.rtl) .elementor-9 .elementor-element.elementor-element-b1da842{left:-114px;}body.rtl .elementor-9 .elementor-element.elementor-element-b1da842{right:-114px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-9 .elementor-element.elementor-element-f12f58b{--display:flex;}.elementor-9 .elementor-element.elementor-element-cce1a84 .ekit-form form label{color:#000000;}.elementor-9 .elementor-element.elementor-element-cce1a84 .ekit-form form label span{color:#777777;}.elementor-9 .elementor-element.elementor-element-cce1a84 .ekit-form form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]), .elementor-9 .elementor-element.elementor-element-cce1a84 .ekit-form form select{width:100%;height:50px;color:#000000;}.elementor-9 .elementor-element.elementor-element-cce1a84 .ekit-form form textarea{width:100%;height:176px;margin-bottom:20px;}.elementor-9 .elementor-element.elementor-element-cce1a84 .ekit-form form .ekit-form-input, .elementor-9 .elementor-element.elementor-element-cce1a84 .ekit-form form select, .elementor-9 .elementor-element.elementor-element-cce1a84 .ekit-form form input{margin-bottom:20px;}.elementor-9 .elementor-element.elementor-element-cce1a84 .wpcf7-form textarea{color:#000000;}.elementor-9 .elementor-element.elementor-element-cce1a84 .ekit-wid-con .ekit-form form textarea{color:#000000;}.elementor-9 .elementor-element.elementor-element-cce1a84 .ekit-form form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"])::-webkit-input-placeholder{font-size:14px;color:#000000;}.elementor-9 .elementor-element.elementor-element-cce1a84 .ekit-form form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"])::-moz-placeholder{font-size:14px;color:#000000;}.elementor-9 .elementor-element.elementor-element-cce1a84 .ekit-form form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):-ms-input-placeholder{font-size:14px;color:#000000;}.elementor-9 .elementor-element.elementor-element-cce1a84 .ekit-form form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):-moz-placeholder{font-size:14px;color:#000000;}.elementor-9 .elementor-element.elementor-element-cce1a84 .ekit-form form textarea::-webkit-input-placeholder{font-size:14px;color:#000000;}.elementor-9 .elementor-element.elementor-element-cce1a84 .ekit-form form textarea::-moz-placeholder{font-size:14px;color:#000000;}.elementor-9 .elementor-element.elementor-element-cce1a84 .ekit-form form textarea:-ms-input-placeholder{font-size:14px;color:#000000;}.elementor-9 .elementor-element.elementor-element-cce1a84 .ekit-form form textarea:-moz-placeholder{font-size:14px;color:#000000;}.elementor-9 .elementor-element.elementor-element-cce1a84 .ekit-form form > p{text-align:left;}.elementor-9 .elementor-element.elementor-element-cce1a84 .ekit-form form input[type="submit"]{color:#ffffff;}.elementor-9 .elementor-element.elementor-element-cce1a84 .ekit-form form input[type="submit"]:hover{color:#ffffff;}.elementor-9 .elementor-element.elementor-element-afbb745{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-9 .elementor-element.elementor-element-444079e{--display:flex;}.elementor-9 .elementor-element.elementor-element-edf8420 .elementor-heading-title{font-family:"Anaheim", Sans-serif;font-size:75px;font-weight:400;text-transform:capitalize;color:#000000;}.elementor-9 .elementor-element.elementor-element-ea256bc{--display:flex;--position:absolute;top:362px;}body:not(.rtl) .elementor-9 .elementor-element.elementor-element-ea256bc{left:-114px;}body.rtl .elementor-9 .elementor-element.elementor-element-ea256bc{right:-114px;}.elementor-9 .elementor-element.elementor-element-5b44a73{--display:flex;}.elementor-9 .elementor-element.elementor-element-19859ad .ekit-form form label{color:#000000;}.elementor-9 .elementor-element.elementor-element-19859ad .ekit-form form label span{color:#777777;}.elementor-9 .elementor-element.elementor-element-19859ad .ekit-form form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]), .elementor-9 .elementor-element.elementor-element-19859ad .ekit-form form select{width:100%;height:50px;color:#000000;}.elementor-9 .elementor-element.elementor-element-19859ad .ekit-form form textarea{width:100%;height:176px;margin-bottom:20px;}.elementor-9 .elementor-element.elementor-element-19859ad .ekit-form form .ekit-form-input, .elementor-9 .elementor-element.elementor-element-19859ad .ekit-form form select, .elementor-9 .elementor-element.elementor-element-19859ad .ekit-form form input{margin-bottom:20px;}.elementor-9 .elementor-element.elementor-element-19859ad .wpcf7-form textarea{color:#000000;}.elementor-9 .elementor-element.elementor-element-19859ad .ekit-wid-con .ekit-form form textarea{color:#000000;}.elementor-9 .elementor-element.elementor-element-19859ad .ekit-form form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"])::-webkit-input-placeholder{font-size:14px;color:#000000;}.elementor-9 .elementor-element.elementor-element-19859ad .ekit-form form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"])::-moz-placeholder{font-size:14px;color:#000000;}.elementor-9 .elementor-element.elementor-element-19859ad .ekit-form form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):-ms-input-placeholder{font-size:14px;color:#000000;}.elementor-9 .elementor-element.elementor-element-19859ad .ekit-form form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):-moz-placeholder{font-size:14px;color:#000000;}.elementor-9 .elementor-element.elementor-element-19859ad .ekit-form form textarea::-webkit-input-placeholder{font-size:14px;color:#000000;}.elementor-9 .elementor-element.elementor-element-19859ad .ekit-form form textarea::-moz-placeholder{font-size:14px;color:#000000;}.elementor-9 .elementor-element.elementor-element-19859ad .ekit-form form textarea:-ms-input-placeholder{font-size:14px;color:#000000;}.elementor-9 .elementor-element.elementor-element-19859ad .ekit-form form textarea:-moz-placeholder{font-size:14px;color:#000000;}.elementor-9 .elementor-element.elementor-element-19859ad .ekit-form form > p{text-align:left;}.elementor-9 .elementor-element.elementor-element-19859ad .ekit-form form input[type="submit"]{color:#ffffff;}.elementor-9 .elementor-element.elementor-element-19859ad .ekit-form form input[type="submit"]:hover{color:#ffffff;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-9 .elementor-element.elementor-element-689d1e8{width:var( --container-widget-width, 374px );max-width:374px;--container-widget-width:374px;--container-widget-flex-grow:0;font-size:1px;}.elementor-9 .elementor-element.elementor-element-3764f7a .elementor-heading-title{font-size:58px;}.elementor-9 .elementor-element.elementor-element-d2420a3{width:var( --container-widget-width, 330.984px );max-width:330.984px;--container-widget-width:330.984px;--container-widget-flex-grow:0;}.elementor-9 .elementor-element.elementor-element-24d7be2{--min-height:54vh;}.elementor-9 .elementor-element.elementor-element-0c484a5{--spacer-size:30px;}.elementor-9 .elementor-element.elementor-element-fd263a0{--justify-content:flex-start;}.elementor-9 .elementor-element.elementor-element-a10d615{text-align:center;}.elementor-9 .elementor-element.elementor-element-a10d615 .elementor-heading-title{font-size:28px;}.elementor-9 .elementor-element.elementor-element-132dea1{--width:327px;}.elementor-9 .elementor-element.elementor-element-9d6cf62 .elementor-heading-title{font-size:20px;}.elementor-9 .elementor-element.elementor-element-0107586{width:var( --container-widget-width, 329px );max-width:329px;--container-widget-width:329px;--container-widget-flex-grow:0;font-size:15px;}}@media(min-width:768px){.elementor-9 .elementor-element.elementor-element-ffa8e33{--width:100%;}.elementor-9 .elementor-element.elementor-element-24d7be2{--width:100%;}}/* Start custom CSS for elementskit-contact-form7, class: .elementor-element-cce1a84 *//* ==========================================
   CONTACT FORM 7 - COMPLETE DESIGN
   ========================================== */

.custom-contact-form {
    width: 554px;
    min-height: 596px;
    margin: 0 auto;
    padding-top: 223px;
    padding-bottom: 56px;

    background: #fff;
    border-radius: 25px;

    position: relative;
    box-sizing: border-box;

    box-shadow: 0 7px 18px rgba(0,0,0,0.18);
}


/* ==========================================
   YELLOW CONNECT WITH RIBBON
   ========================================== */

.custom-contact-form .contact-ribbon {
    position: absolute;
    top: 34px;
    left: -16px;

    width: 551px;
    height: 88px;

    background: #f2b900;

    display: flex;
    align-items: center;

    z-index: 10;

    clip-path: polygon(
        0 0,
        93.5% 0,
        100% 50%,
        93.5% 100%,
        0 100%
    );
}


/* ==========================================
   RIBBON DARK FOLD
   ========================================== */

.custom-contact-form .contact-ribbon::after {
    content: "";

    position: absolute;
    left: 0;
    bottom: -20px;

    width: 17px;
    height: 21px;

    background: #9c7900;

    clip-path: polygon(
        0 0,
        100% 100%,
        100% 0
    );
}


/* ==========================================
   RIBBON TEXT
   ========================================== */

.custom-contact-form .contact-ribbon span {
    color: #fff !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 47px !important;
    font-weight: 400 !important;

    line-height: 1 !important;

    margin-left: 73px;

    white-space: nowrap;
}


/* ==========================================
   FORM AREA
   ========================================== */

.custom-contact-form .contact-form-fields {
    width: 440px;
    margin: 0 auto;

    box-sizing: border-box;
}


/* ==========================================
   FIRST NAME + LAST NAME
   ========================================== */

.custom-contact-form .name-row {
    width: 100%;

    display: flex;
    gap: 9px;

    margin-bottom: 8px;
}


.custom-contact-form .field-half {
    width: calc(50% - 4.5px);
}


/* ==========================================
   FULL WIDTH FIELDS
   ========================================== */

.custom-contact-form .field-full {
    width: 100%;
    margin-bottom: 8px;
}


/* ==========================================
   CONTACT FORM 7 WRAPPER
   ========================================== */

.custom-contact-form .wpcf7-form-control-wrap {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
}


/* ==========================================
   ALL INPUT BOXES
   ========================================== */

.custom-contact-form input[type="text"],
.custom-contact-form input[type="email"],
.custom-contact-form input[type="tel"],
.custom-contact-form textarea {
    width: 100% !important;

    box-sizing: border-box !important;

    background: #ffffff !important;

    border: 1px solid #000000 !important;

    border-radius: 0 !important;

    outline: none !important;

    box-shadow: none !important;

    color: #333333 !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 14px !important;

    font-weight: 400 !important;
}


/* ==========================================
   TEXT INPUT HEIGHT
   ========================================== */

.custom-contact-form input[type="text"],
.custom-contact-form input[type="email"],
.custom-contact-form input[type="tel"] {
    height: 47px !important;

    padding: 0 16px !important;
}


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

.custom-contact-form textarea {
    height: 98px !important;

    min-height: 98px !important;

    max-height: 98px !important;

    padding: 13px 16px !important;

    resize: both;
}


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

.custom-contact-form input::placeholder,
.custom-contact-form textarea::placeholder {
    color: #777777 !important;

    opacity: 1 !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 14px !important;
}


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

.custom-contact-form input[type="text"]:focus,
.custom-contact-form input[type="email"]:focus,
.custom-contact-form input[type="tel"]:focus,
.custom-contact-form textarea:focus {
    border: 1px solid #000000 !important;

    outline: none !important;

    box-shadow: none !important;
}


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

.custom-contact-form input[type="submit"] {
    width: 100% !important;

    height: 46px !important;

    display: block !important;

    margin: 0 !important;

    padding: 0 !important;

    background: #EAB402 !important;

    border: 0 !important;

    border-radius: 15px !important;

    color: #ffffff !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 14px !important;

    font-weight: 700 !important;

    line-height: 46px !important;

    text-align: center !important;

    text-indent: 0 !important;

    box-shadow: none !important;

    cursor: pointer !important;

    appearance: none !important;

    -webkit-appearance: none !important;
}


/* ==========================================
   BUTTON HOVER / FOCUS / ACTIVE
   ========================================== */

.custom-contact-form input[type="submit"]:hover,
.custom-contact-form input[type="submit"]:focus,
.custom-contact-form input[type="submit"]:active {
    background: #EAB402 !important;

    color: #ffffff !important;

    border: 0 !important;

    border-radius: 15px !important;

    outline: none !important;

    box-shadow: none !important;
}


/* ==========================================
   SUBMIT WRAPPER
   ========================================== */

.custom-contact-form .submit-wrapper {
    width: 100% !important;

    margin: 0 !important;

    padding: 0 !important;

    text-align: center !important;
}


/* ==========================================
   REMOVE CONTACT FORM 7 DEFAULT SPACING
   ========================================== */

.custom-contact-form p {
    margin: 0 !important;

    padding: 0 !important;
}


.custom-contact-form br {
    display: none;
}


/* ==========================================
   CONTACT FORM 7 VALIDATION
   ========================================== */

.custom-contact-form .wpcf7-not-valid-tip {
    display: none !important;
}


.custom-contact-form .wpcf7-response-output {
    margin: 15px 0 0 !important;

    padding: 8px !important;
}


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

@media (max-width: 620px) {

    .custom-contact-form {
        width: calc(100% - 30px);

        min-height: auto;

        padding-top: 180px;

        padding-bottom: 40px;

        border-radius: 22px;
    }


    .custom-contact-form .contact-ribbon {
        left: -10px;

        width: calc(100% + 0px);

        height: 75px;
    }


    .custom-contact-form .contact-ribbon span {
        font-size: 34px !important;

        margin-left: 45px;
    }


    .custom-contact-form .contact-form-fields {
        width: calc(100% - 50px);
    }
}


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

@media (max-width: 480px) {

    .custom-contact-form {
        padding-top: 150px;
    }


    .custom-contact-form .contact-ribbon {
        height: 65px;
    }


    .custom-contact-form .contact-ribbon span {
        font-size: 27px !important;

        margin-left: 35px;
    }


    .custom-contact-form .contact-form-fields {
        width: calc(100% - 35px);
    }


    .custom-contact-form .name-row {
        display: block;
    }


    .custom-contact-form .field-half {
        width: 100%;

        margin-bottom: 8px;
    }
}/* End custom CSS */
/* Start custom CSS for elementskit-contact-form7, class: .elementor-element-19859ad *//* ==========================================
   CONTACT FORM 7 - COMPLETE DESIGN
   ========================================== */

.custom-contact-form {
    width: 554px;
    min-height: 596px;
    margin: 0 auto;
    padding-top: 223px;
    padding-bottom: 56px;

    background: #fff;
    border-radius: 25px;

    position: relative;
    box-sizing: border-box;

    box-shadow: 0 7px 18px rgba(0,0,0,0.18);
}


/* ==========================================
   YELLOW CONNECT WITH RIBBON
   ========================================== */

.custom-contact-form .contact-ribbon {
    position: absolute;
    top: 34px;
    left: -16px;

    width: 551px;
    height: 88px;

    background: #f2b900;

    display: flex;
    align-items: center;

    z-index: 10;

    clip-path: polygon(
        0 0,
        93.5% 0,
        100% 50%,
        93.5% 100%,
        0 100%
    );
}


/* ==========================================
   RIBBON DARK FOLD
   ========================================== */

.custom-contact-form .contact-ribbon::after {
    content: "";

    position: absolute;
    left: 0;
    bottom: -20px;

    width: 17px;
    height: 21px;

    background: #9c7900;

    clip-path: polygon(
        0 0,
        100% 100%,
        100% 0
    );
}


/* ==========================================
   RIBBON TEXT
   ========================================== */

.custom-contact-form .contact-ribbon span {
    color: #fff !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 47px !important;
    font-weight: 400 !important;

    line-height: 1 !important;

    margin-left: 73px;

    white-space: nowrap;
}


/* ==========================================
   FORM AREA
   ========================================== */

.custom-contact-form .contact-form-fields {
    width: 440px;
    margin: 0 auto;

    box-sizing: border-box;
}


/* ==========================================
   FIRST NAME + LAST NAME
   ========================================== */

.custom-contact-form .name-row {
    width: 100%;

    display: flex;
    gap: 9px;

    margin-bottom: 8px;
}


.custom-contact-form .field-half {
    width: calc(50% - 4.5px);
}


/* ==========================================
   FULL WIDTH FIELDS
   ========================================== */

.custom-contact-form .field-full {
    width: 100%;
    margin-bottom: 8px;
}


/* ==========================================
   CONTACT FORM 7 WRAPPER
   ========================================== */

.custom-contact-form .wpcf7-form-control-wrap {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
}


/* ==========================================
   ALL INPUT BOXES
   ========================================== */

.custom-contact-form input[type="text"],
.custom-contact-form input[type="email"],
.custom-contact-form input[type="tel"],
.custom-contact-form textarea {
    width: 100% !important;

    box-sizing: border-box !important;

    background: #ffffff !important;

    border: 1px solid #000000 !important;

    border-radius: 0 !important;

    outline: none !important;

    box-shadow: none !important;

    color: #333333 !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 14px !important;

    font-weight: 400 !important;
}


/* ==========================================
   TEXT INPUT HEIGHT
   ========================================== */

.custom-contact-form input[type="text"],
.custom-contact-form input[type="email"],
.custom-contact-form input[type="tel"] {
    height: 47px !important;

    padding: 0 16px !important;
}


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

.custom-contact-form textarea {
    height: 98px !important;

    min-height: 98px !important;

    max-height: 98px !important;

    padding: 13px 16px !important;

    resize: both;
}


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

.custom-contact-form input::placeholder,
.custom-contact-form textarea::placeholder {
    color: #777777 !important;

    opacity: 1 !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 14px !important;
}


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

.custom-contact-form input[type="text"]:focus,
.custom-contact-form input[type="email"]:focus,
.custom-contact-form input[type="tel"]:focus,
.custom-contact-form textarea:focus {
    border: 1px solid #000000 !important;

    outline: none !important;

    box-shadow: none !important;
}


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

.custom-contact-form input[type="submit"] {
    width: 100% !important;

    height: 46px !important;

    display: block !important;

    margin: 0 !important;

    padding: 0 !important;

    background: #EAB402 !important;

    border: 0 !important;

    border-radius: 15px !important;

    color: #ffffff !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 14px !important;

    font-weight: 700 !important;

    line-height: 46px !important;

    text-align: center !important;

    text-indent: 0 !important;

    box-shadow: none !important;

    cursor: pointer !important;

    appearance: none !important;

    -webkit-appearance: none !important;
}


/* ==========================================
   BUTTON HOVER / FOCUS / ACTIVE
   ========================================== */

.custom-contact-form input[type="submit"]:hover,
.custom-contact-form input[type="submit"]:focus,
.custom-contact-form input[type="submit"]:active {
    background: #EAB402 !important;

    color: #ffffff !important;

    border: 0 !important;

    border-radius: 15px !important;

    outline: none !important;

    box-shadow: none !important;
}


/* ==========================================
   SUBMIT WRAPPER
   ========================================== */

.custom-contact-form .submit-wrapper {
    width: 100% !important;

    margin: 0 !important;

    padding: 0 !important;

    text-align: center !important;
}


/* ==========================================
   REMOVE CONTACT FORM 7 DEFAULT SPACING
   ========================================== */

.custom-contact-form p {
    margin: 0 !important;

    padding: 0 !important;
}


.custom-contact-form br {
    display: none;
}


/* ==========================================
   CONTACT FORM 7 VALIDATION
   ========================================== */

.custom-contact-form .wpcf7-not-valid-tip {
    display: none !important;
}


.custom-contact-form .wpcf7-response-output {
    margin: 15px 0 0 !important;

    padding: 8px !important;
}


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

@media (max-width: 620px) {

    .custom-contact-form {
        width: calc(100% - 30px);

        min-height: auto;

        padding-top: 180px;

        padding-bottom: 40px;

        border-radius: 22px;
    }


    .custom-contact-form .contact-ribbon {
        left: -10px;

        width: calc(100% + 0px);

        height: 75px;
    }


    .custom-contact-form .contact-ribbon span {
        font-size: 34px !important;

        margin-left: 45px;
    }


    .custom-contact-form .contact-form-fields {
        width: calc(100% - 50px);
    }
}


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

@media (max-width: 480px) {

    .custom-contact-form {
        padding-top: 150px;
    }


    .custom-contact-form .contact-ribbon {
        height: 65px;
    }


    .custom-contact-form .contact-ribbon span {
        font-size: 27px !important;

        margin-left: 35px;
    }


    .custom-contact-form .contact-form-fields {
        width: calc(100% - 35px);
    }


    .custom-contact-form .name-row {
        display: block;
    }


    .custom-contact-form .field-half {
        width: 100%;

        margin-bottom: 8px;
    }
}/* End custom CSS */