.elementor-587 .elementor-element.elementor-element-cccb9d2{--display:flex;--min-height:500px;--justify-content:center;--overlay-opacity:0.72;--margin-top:-150px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-587 .elementor-element.elementor-element-cccb9d2:not(.elementor-motion-effects-element-type-background), .elementor-587 .elementor-element.elementor-element-cccb9d2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://albaxdigital.com.ng/wp-content/uploads/2026/09/webdev-banner.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-587 .elementor-element.elementor-element-cccb9d2::before, .elementor-587 .elementor-element.elementor-element-cccb9d2 > .elementor-background-video-container::before, .elementor-587 .elementor-element.elementor-element-cccb9d2 > .e-con-inner > .elementor-background-video-container::before, .elementor-587 .elementor-element.elementor-element-cccb9d2 > .elementor-background-slideshow::before, .elementor-587 .elementor-element.elementor-element-cccb9d2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-587 .elementor-element.elementor-element-cccb9d2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-587 .elementor-element.elementor-element-f73971c{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-587 .elementor-element.elementor-element-7aa2c05{text-align:center;}.elementor-587 .elementor-element.elementor-element-7aa2c05 .elementor-heading-title{font-family:"Merriweather Sans", Sans-serif;font-size:45px;font-weight:600;line-height:1.4em;color:var( --e-global-color-69872bc );}.elementor-587 .elementor-element.elementor-element-11bc463{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:80px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-587 .elementor-element.elementor-element-9c50f85{--display:flex;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-587 .elementor-element.elementor-element-9c50f85.e-con{--align-self:center;}.elementor-587 .elementor-element.elementor-element-a58f307{background-color:var( --e-global-color-secondary );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;padding:5px 20px 5px 20px;border-radius:10px 10px 10px 10px;text-align:center;}.elementor-587 .elementor-element.elementor-element-a58f307.elementor-element{--align-self:flex-start;}.elementor-587 .elementor-element.elementor-element-a58f307 .elementor-heading-title{font-family:"Merriweather Sans", Sans-serif;font-size:17px;font-weight:400;line-height:1.4em;color:var( --e-global-color-69872bc );}.elementor-587 .elementor-element.elementor-element-1969792 .elementor-heading-title{font-family:"Merriweather Sans", Sans-serif;font-size:45px;font-weight:600;line-height:1.4em;color:var( --e-global-color-primary );}.elementor-587 .elementor-element.elementor-element-35f1fb5{--display:flex;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-587 .elementor-element.elementor-element-35f1fb5.e-con{--align-self:flex-start;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );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-587 .elementor-element.elementor-element-f3b4b36{font-family:"Times New Roman", Sans-serif;font-size:19px;font-weight:400;line-height:1.3em;color:var( --e-global-color-primary );}.elementor-587 .elementor-element.elementor-element-55612d2{--display:flex;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-587 .elementor-element.elementor-element-10fde66 .elementor-button{background-color:#17575600;font-family:"Merriweather Sans", Sans-serif;font-size:17px;font-weight:600;line-height:32px;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );box-shadow:5px 6px 33px -4px rgba(6.999999999999989, 9.999999999999975, 42.999999999999915, 0.48);border-style:solid;border-width:1px 1px 1px 1px;border-color:#070A2B;border-radius:10px 10px 10px 10px;padding:10px 40px 10px 40px;}.elementor-587 .elementor-element.elementor-element-10fde66 .elementor-button:hover, .elementor-587 .elementor-element.elementor-element-10fde66 .elementor-button:focus{background-color:var( --e-global-color-accent );color:var( --e-global-color-69872bc );}.elementor-587 .elementor-element.elementor-element-10fde66{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-587 .elementor-element.elementor-element-10fde66 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-587 .elementor-element.elementor-element-10fde66 .elementor-button .elementor-button-content-wrapper{gap:4px;}.elementor-587 .elementor-element.elementor-element-10fde66 .elementor-button:hover svg, .elementor-587 .elementor-element.elementor-element-10fde66 .elementor-button:focus svg{fill:var( --e-global-color-69872bc );}.elementor-587 .elementor-element.elementor-element-a5ab123{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--overlay-opacity:0.78;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-587 .elementor-element.elementor-element-a5ab123:not(.elementor-motion-effects-element-type-background), .elementor-587 .elementor-element.elementor-element-a5ab123 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );background-image:url("https://albaxdigital.com.ng/wp-content/uploads/2026/09/webdev-banner.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-587 .elementor-element.elementor-element-a5ab123::before, .elementor-587 .elementor-element.elementor-element-a5ab123 > .elementor-background-video-container::before, .elementor-587 .elementor-element.elementor-element-a5ab123 > .e-con-inner > .elementor-background-video-container::before, .elementor-587 .elementor-element.elementor-element-a5ab123 > .elementor-background-slideshow::before, .elementor-587 .elementor-element.elementor-element-a5ab123 > .e-con-inner > .elementor-background-slideshow::before, .elementor-587 .elementor-element.elementor-element-a5ab123 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-587 .elementor-element.elementor-element-9c3e1a5{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-text );--border-color:var( --e-global-color-text );--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--padding-top:30px;--padding-bottom:20px;--padding-left:10px;--padding-right:20px;}.elementor-587 .elementor-element.elementor-element-9c3e1a5:not(.elementor-motion-effects-element-type-background), .elementor-587 .elementor-element.elementor-element-9c3e1a5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-69872bc );}@media(min-width:768px){.elementor-587 .elementor-element.elementor-element-35f1fb5{--width:54%;}.elementor-587 .elementor-element.elementor-element-9c3e1a5{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-587 .elementor-element.elementor-element-35f1fb5{--width:70%;}}@media(min-width:1367px){.elementor-587 .elementor-element.elementor-element-a5ab123:not(.elementor-motion-effects-element-type-background), .elementor-587 .elementor-element.elementor-element-a5ab123 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1366px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-587 .elementor-element.elementor-element-9c50f85{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-587 .elementor-element.elementor-element-1969792 .elementor-heading-title{font-size:35px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-587 .elementor-element.elementor-element-55612d2{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-587 .elementor-element.elementor-element-10fde66 .elementor-button{font-size:14px;padding:10px 10px 10px 10px;}.elementor-587 .elementor-element.elementor-element-a5ab123{--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-587 .elementor-element.elementor-element-9c3e1a5{--padding-top:30px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}}@media(max-width:767px){.elementor-587 .elementor-element.elementor-element-cccb9d2{--min-height:350px;}.elementor-587 .elementor-element.elementor-element-f73971c{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-587 .elementor-element.elementor-element-7aa2c05 .elementor-heading-title{font-size:25px;}.elementor-587 .elementor-element.elementor-element-9c50f85{--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-587 .elementor-element.elementor-element-1969792{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-587 .elementor-element.elementor-element-1969792 .elementor-heading-title{font-size:25px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-587 .elementor-element.elementor-element-55612d2{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-587 .elementor-element.elementor-element-10fde66 .elementor-button{font-size:15px;line-height:1.4em;}.elementor-587 .elementor-element.elementor-element-a5ab123{--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for shortcode, class: .elementor-element-9e5601f *//* =========================================================
   ALBAX CONSULTATION FORM
   ========================================================= */

/* Main form */
.albax-contact-form .wpcf7 form {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 20px !important;
    row-gap: 14px !important;
    width: 100% !important;
}


/* Remove CF7 paragraph spacing */
.albax-contact-form .wpcf7 form p {
    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   FORM GROUPS
   ========================================================= */

.albax-contact-form .wpcf7 form .form-group {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* TWO COLUMN */
.albax-contact-form .wpcf7 form .half-width {
    grid-column: span 1 !important;
}


/* FULL WIDTH */
.albax-contact-form .wpcf7 form .full-width {
    grid-column: 1 / -1 !important;
}


/* =========================================================
   INPUTS
   ========================================================= */

.albax-contact-form .form-control,
.albax-contact-form input[type="text"],
.albax-contact-form input[type="email"],
.albax-contact-form input[type="tel"],
.albax-contact-form input[type="url"],
.albax-contact-form input[type="date"],
.albax-contact-form select,
.albax-contact-form textarea {

    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;

    background: #f8f8fa !important;

    border: 1px solid #d8d8df !important;

    border-radius: 10px !important;

    color: #000000 !important;

    font-family: inherit !important;
    font-size: 15px !important;
    font-weight: 400 !important;

    outline: none !important;

    transition: all 0.25s ease !important;
}


/* Regular inputs */
.albax-contact-form input[type="text"],
.albax-contact-form input[type="email"],
.albax-contact-form input[type="tel"],
.albax-contact-form input[type="url"],
.albax-contact-form input[type="date"],
.albax-contact-form select {

    height: 54px !important;

    padding: 0 16px !important;
}


/* Textarea */
.albax-contact-form textarea {

    min-height: 190px !important;

    height: 190px !important;

    padding: 16px !important;

    line-height: 1.5 !important;

    resize: vertical !important;
}


/* =========================================================
   PLACEHOLDERS
   ========================================================= */

.albax-contact-form input::placeholder,
.albax-contact-form textarea::placeholder {

    color: #777777 !important;

    opacity: 1 !important;
}


/* =========================================================
   SELECT
   ========================================================= */

.albax-contact-form select {

    color: #000000 !important;

    cursor: pointer !important;
}


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

.albax-contact-form input:focus,
.albax-contact-form select:focus,
.albax-contact-form textarea:focus {

    background: #ffffff !important;

    border-color: #0d1146 !important;

    box-shadow:
        0 0 0 3px rgba(13, 17, 70, 0.08) !important;
}


/* =========================================================
   CONSULTATION DURATION
   ========================================================= */

.albax-contact-form .consultation-duration {

    grid-column: 1 / -1 !important;

    width: 100% !important;
}


/* Question */
.albax-contact-form .consultation-duration > label {

    display: block !important;

    margin: 0 0 12px 0 !important;

    padding: 0 !important;

    color: #000000 !important;

    font-size: 15px !important;

    font-weight: 600 !important;
}


/* =========================================================
   CONSULTATION OPTIONS
   ========================================================= */

.albax-contact-form
.consultation-duration
.wpcf7-list-item {

    display: inline-block !important;

    margin: 0 8px 0 0 !important;
}


/* Hide radio */
.albax-contact-form
.consultation-duration
input[type="radio"] {

    position: absolute !important;

    opacity: 0 !important;

    width: 1px !important;

    height: 1px !important;
}


/* Radio card */
.albax-contact-form
.consultation-duration
.wpcf7-list-item-label {

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    min-height: 52px !important;

    padding: 0 18px !important;

    box-sizing: border-box !important;

    background: #f8f8fa !important;

    border: 1px solid #d8d8df !important;

    border-radius: 10px !important;

    color: #0d1146 !important;

    font-size: 14px !important;

    font-weight: 600 !important;

    cursor: pointer !important;

    transition: all 0.25s ease !important;
}


/* Hover */
.albax-contact-form
.consultation-duration
.wpcf7-list-item-label:hover {

    background: #ffffff !important;

    border-color: #0d1146 !important;
}


/* Selected */
.albax-contact-form
.consultation-duration
input[type="radio"]:checked
+ .wpcf7-list-item-label {

    background: #0d1146 !important;

    border-color: #0d1146 !important;

    color: #ffffff !important;

    box-shadow:
        0 5px 15px rgba(13, 17, 70, 0.18) !important;
}


/* =========================================================
   POLICY
   ========================================================= */

.albax-contact-form .consultation-policy {

    grid-column: 1 / -1 !important;
}


.albax-contact-form
.consultation-policy
label {

    display: flex !important;

    align-items: flex-start !important;

    gap: 9px !important;

    color: #000000 !important;

    font-size: 13px !important;

    line-height: 1.5 !important;
}


.albax-contact-form
.consultation-policy
input[type="checkbox"] {

    width: 17px !important;

    height: 17px !important;

    margin-top: 2px !important;

    flex-shrink: 0 !important;

    accent-color: #0d1146 !important;
}


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

.albax-contact-form .form-submit {

    grid-column: 1 / -1 !important;

    margin: 4px 0 0 0 !important;
}


.albax-contact-form input[type="submit"] {

    min-width: 200px !important;

    height: auto !important;

    padding: 15px 28px !important;

    border: none !important;

    border-radius: 9px !important;

    background: #0d1146 !important;

    color: #ffffff !important;

    font-family: inherit !important;

    font-size: 15px !important;

    font-weight: 600 !important;

    cursor: pointer !important;

    transition: all 0.25s ease !important;
}


.albax-contact-form input[type="submit"]:hover {

    background: #7a2016 !important;

    transform: translateY(-2px) !important;

    box-shadow:
        0 8px 20px rgba(13, 17, 70, 0.20) !important;
}


/* =========================================================
   CF7 ERRORS
   ========================================================= */

.albax-contact-form
.wpcf7-not-valid-tip {

    display: block !important;

    margin-top: 5px !important;

    color: #b42318 !important;

    font-size: 12px !important;
}


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

@media (max-width: 767px) {

    .albax-contact-form .wpcf7 form {

        grid-template-columns: 1fr !important;

        column-gap: 0 !important;

        row-gap: 12px !important;
    }


    .albax-contact-form
    .wpcf7 form
    .half-width,
    .albax-contact-form
    .wpcf7 form
    .full-width {

        grid-column: 1 / -1 !important;
    }


    .albax-contact-form
    .consultation-duration
    .wpcf7-list-item {

        display: block !important;

        width: 100% !important;

        margin: 0 0 9px 0 !important;
    }


    .albax-contact-form
    .consultation-duration
    .wpcf7-list-item-label {

        display: flex !important;

        width: 100% !important;
    }


    .albax-contact-form
    input[type="submit"] {

        width: 100% !important;
    }
}

/* ==========================================
   ALBAX FORM - FINAL LAYOUT FIX
========================================== */

/* Force these sections to full width */
.albax-contact-form .full-width,
.albax-contact-form .consultation-duration,
.albax-contact-form .consultation-policy,
.albax-contact-form .form-submit {
    grid-column: 1 / -1 !important;
    width: 100% !important;
}


/* FORCE THE PROJECT TEXTAREA FULL WIDTH */
.albax-contact-form .form-group:has(textarea) {
    grid-column: 1 / -1 !important;
    width: 100% !important;
}


/* Make the textarea itself full width */
.albax-contact-form textarea {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}


/* ==========================================
   CONSULTATION QUESTION
========================================== */

.albax-contact-form .consultation-duration {
    display: block !important;
    width: 100% !important;
    grid-column: 1 / -1 !important;
}


/* The actual question text */
.albax-contact-form .consultation-duration > label,
.albax-contact-form .consultation-duration label {
    display: block !important;

    width: 100% !important;

    margin: 0 0 12px 0 !important;

    padding: 0 !important;

    color: #000000 !important;

    font-size: 15px !important;

    font-weight: 600 !important;

    opacity: 1 !important;
}


/* Make sure CF7 doesn't make the text white */
.albax-contact-form .consultation-duration label span {
    color: #000000 !important;
}


/* ==========================================
   WEBSITE + SERVICE MUST BE FULL WIDTH
========================================== */

/* Website field */
.albax-contact-form .form-group:has(input[name="website-url"]) {
    grid-column: 1 / -1 !important;
}


/* Service dropdown */
.albax-contact-form .form-group:has(select[name="service"]) {
    grid-column: 1 / -1 !important;
}


/* ==========================================
   DATE + TIME STAY SIDE BY SIDE
========================================== */

.albax-contact-form .form-group:has(input[name="consultation-date"]) {
    grid-column: span 1 !important;
}

.albax-contact-form .form-group:has(select[name="consultation-time-slot"]) {
    grid-column: span 1 !important;
}


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

@media (max-width: 767px) {

    .albax-contact-form .form-group,
    .albax-contact-form .form-group:has(textarea),
    .albax-contact-form .form-group:has(input[name="website-url"]),
    .albax-contact-form .form-group:has(select[name="service"]),
    .albax-contact-form .consultation-duration,
    .albax-contact-form .consultation-policy,
    .albax-contact-form .form-submit {
        grid-column: 1 / -1 !important;
    }
}/* End custom CSS */