.elementor-135 .elementor-element.elementor-element-8b5ab9e{--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;--padding-top:1px;--padding-bottom:1px;--padding-left:1px;--padding-right:1px;}.elementor-135 .elementor-element.elementor-element-e70ff80{--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;--padding-top:1px;--padding-bottom:1px;--padding-left:1px;--padding-right:1px;}/* Start custom CSS for html, class: .elementor-element-28bb027 *//*==================================================
CONTACT HERO
==================================================*/

.oe-contact-hero{

    position:relative;

    min-height:360px;

    display:flex;

    align-items:center;

    overflow:hidden;

    background:
    linear-gradient(rgba(10,31,51,.68),rgba(11,38,58,.99)),
    url("https://seazest.co/wp-content/uploads/2026/07/contact-page.png");

    background-size:cover;

    background-position:center center;

    background-repeat:no-repeat;

}

.oe-contact-overlay{

    display:none;

}

.oe-contact-hero .oe-container{

    max-width:1320px;

    margin:auto;

    width:100%;

    padding:0 40px;

}

.oe-contact-content{

    max-width:760px;

    margin:auto;

    text-align:center;

}

.oe-contact-content .oe-section-tag{

    display:inline-block;

    margin-bottom:14px;

    font-size:13px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

    color:#C9DDF4;

}

.oe-contact-content h1{

    font-size:48px;

    line-height:1.15;

    color:#fff;

    margin-bottom:18px;

}

.oe-contact-content p{

    font-size:17px;

    line-height:1.75;

    color:rgba(255,255,255,.92);

    margin-bottom:28px;

}

.oe-contact-email{

   display:inline-block;

    color:#ffffff;

    text-decoration:none;

    font-size:18px;

    font-weight:600;

    transition:.3s ease;

}

.oe-contact-email:hover{

   color:#D6E9FA;

    text-decoration:none;

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

@media(max-width:991px){

    .oe-contact-hero{

        min-height:320px;

    }

    .oe-contact-hero .oe-container{

        padding:0 30px;

    }

    .oe-contact-content h1{

        font-size:40px;

    }

}

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

@media(max-width:767px){

    .oe-contact-hero{

        min-height:300px;

        background-position:center;
        padding: 20px 0 20px;

    }

    .oe-contact-hero .oe-container{

        padding:0 22px;

    }

    .oe-contact-content h1{

        font-size:30px;

    }

    .oe-contact-content p{

        font-size:16px;

        line-height:1.2;

    }

}

.oe-contact-email,
.oe-contact-email:link,
.oe-contact-email:visited,
.oe-contact-email:hover,
.oe-contact-email:focus,
.oe-contact-email:active{

    color:#ffffff !important;

    text-decoration:none !important;

    border:none !important;

    box-shadow:none !important;

    outline:none;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6ab44a6 *//*==================================================
CONTACT SECTION
==================================================*/

.oe-contact-section{

    padding:85px 0;

    background:#F6F9FC;

}

.oe-contact-section .oe-container{

    max-width:1320px;

    margin:auto;

    padding:0 40px;

}

.oe-contact-grid{

    display:grid;

    grid-template-columns:58% 42%;

    gap:40px;

    align-items:start;

}

/*==================================================
FORM CARD
==================================================*/

.oe-contact-form-wrap{

    background:#ffffff;

    padding:42px;

    border-radius:24px;

    border:1px solid #E6EDF5;

    box-shadow:0 18px 45px rgba(11,31,51,.05);

}

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

.oe-contact-form-wrap label{

    display:block;

    margin-bottom:8px;

    font-size:14px;

    font-weight:600;

    color:#0B1F33;

}

.oe-contact-form-wrap p{

    margin-bottom:22px;

}

.oe-contact-form-wrap input[type="text"],
.oe-contact-form-wrap input[type="email"],
.oe-contact-form-wrap textarea{

    width:100%;

    padding:15px 18px;

    border:1px solid #D9E4EF;

    border-radius:12px;

    background:#fff;

    font-size:16px;

    color:#0B1F33;

    transition:.3s;

    box-sizing:border-box;

    box-shadow:none;

}

.oe-contact-form-wrap textarea{

    height:190px !important;

    min-height:190px;

    max-height:190px;

    resize:vertical;

}

.oe-contact-form-wrap input:focus,
.oe-contact-form-wrap textarea:focus{

    outline:none;

    border-color:#4878B0;

    box-shadow:0 0 0 4px rgba(72,120,176,.12);

}

.oe-contact-form-wrap input::placeholder,
.oe-contact-form-wrap textarea::placeholder{

    color:#8A97A8;

}

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

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

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:0 34px;

    height:54px;

    border:none;

    border-radius:100px;

    background:#0B1F33;

    color:#fff;

    font-size:16px;

    font-weight:600;

    cursor:pointer;

    transition:.3s;

}

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

    background:#163A5D;

    transform:translateY(-2px);

}

/*==================================================
ERROR MESSAGE
==================================================*/

.wpcf7-not-valid-tip{

    margin-top:6px;

    font-size:13px;

}

.wpcf7 form .wpcf7-response-output{

    margin-top:20px;

    border-radius:12px;

}

/*==================================================
RIGHT COLUMN
==================================================*/

.oe-contact-info{

    background:#ffffff;

    padding:42px;

    border-radius:24px;

    border:1px solid #E6EDF5;

    box-shadow:0 18px 45px rgba(11,31,51,.05);

}

.oe-contact-info .oe-section-tag{

    display:inline-block;

    margin-bottom:16px;

    color:#4878B0;

    font-size:13px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

}

.oe-contact-info h2{

    font-size:38px;

    color:#0B1F33;

    margin-bottom:28px;

}

/*==================================================
LIST
==================================================*/

.oe-contact-list{

    list-style:none;

    margin:0;

    padding:0;

}

.oe-contact-list li{

    position:relative;

    padding:18px 0 18px 24px;

    border-bottom:1px solid #E6EDF5;

    color:#4B5563;

    font-size:16px;

    line-height:1.7;

}

.oe-contact-list li:last-child{

    border-bottom:none;

}

.oe-contact-list li:before{

    content:"";

    position:absolute;

    left:0;

    top:28px;

    width:8px;

    height:8px;

    border-radius:50%;

    background:#4878B0;

}

/*==================================================
NOTE
==================================================*/

.oe-contact-note{

    margin-top:30px;

    padding:24px;

    background:#F6F9FC;

    border-left:4px solid #4878B0;

    border-radius:16px;

}

.oe-contact-note h4{

    margin-bottom:10px;

    font-size:22px;

    color:#0B1F33;

}

.oe-contact-note p{

    margin:0;

    font-size:16px;

    line-height:1.8;

    color:#4B5563;

}

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

@media(max-width:991px){

    .oe-contact-section{

        padding:70px 0;

    }

    .oe-contact-section .oe-container{

        padding:0 30px;

    }

    .oe-contact-grid{

        grid-template-columns:1fr;

        gap:30px;

    }

    .oe-contact-form-wrap,
    .oe-contact-info{

        padding:34px;

    }

}

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

@media(max-width:767px){

    .oe-contact-section{

        padding:60px 0;

    }

    .oe-contact-section .oe-container{

        padding:0 22px;

    }

    .oe-contact-form-wrap,
    .oe-contact-info{

        padding:24px;

        border-radius:18px;

    }

    .oe-contact-info h2{

        font-size:30px;

    }

    .oe-contact-list li{

        font-size:15px;

    }

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

        width:100%;

    }

}/* End custom CSS */