.elementor-17 .elementor-element.elementor-element-8fe3b8d{--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;--margin-top:-74px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-17 .elementor-element.elementor-element-596a80c{--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;}.elementor-17 .elementor-element.elementor-element-a345347{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-17 .elementor-element.elementor-element-5f41520{--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;}.elementor-17 .elementor-element.elementor-element-0ed3b2f{--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;}.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-17 .elementor-element.elementor-element-9af3851{text-align:center;}.elementor-17 .elementor-element.elementor-element-9af3851 img{width:88%;max-width:80%;border-radius:20px 20px 20px 20px;}.elementor-17 .elementor-element.elementor-element-c067159{--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;}.elementor-17 .elementor-element.elementor-element-8df386e{--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;}.elementor-17 .elementor-element.elementor-element-02268e5{--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;}.elementor-17 .elementor-element.elementor-element-71e3122{--display:flex;}@media(min-width:768px){.elementor-17 .elementor-element.elementor-element-5f41520{--width:50%;}.elementor-17 .elementor-element.elementor-element-0ed3b2f{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-c5bb306 *//* ===============================
CONTACT HERO
=============================== */

.contact-hero{
    padding:90px 20px;
    background:#f3f6fb;
}

.contact-hero .container{
    background:#ffffff;
    max-width:1200px;
    margin:auto;
    padding:90px 60px;
    border-radius:25px;
    box-shadow:0 20px 60px rgba(0,0,0,.08);
    text-align:center;
}

.contact-hero span{
    color:#2563eb;
    font-weight:700;
    letter-spacing:2px;
}

.contact-hero h1{
    font-size:54px;
    color:#111827;
    margin:20px 0;
}

.contact-hero p{
    color:#6b7280;
    max-width:720px;
    margin:auto;
    line-height:30px;
}
/* ===============================
CONTACT INFO
=============================== */

.contact-info{
    padding:80px 0;
    background:#fff;
}

.contact-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
    gap:30px;
}

.info-card{
    background:#f8fbff;
    text-align:center;
    padding:35px;
    border-radius:16px;
    transition:.3s;
    box-shadow:0 10px 30px rgba(0,0,0,.06);
}

.info-card:hover{
    transform:translateY(-8px);
}

.info-card i{
    font-size:35px;
    color:#0d6efd;
    margin-bottom:20px;
}

.info-card h3{
    margin-bottom:15px;
}

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

.contact-form-section{
    padding:90px 0;
    background:#f8fbff;
}

.contact-wrapper{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:50px;
    align-items:center;
}

.contact-content input,
.contact-content select,
.contact-content textarea{
    width:100%;
    padding:16px;
    margin-bottom:20px;
    border:1px solid #ddd;
    border-radius:10px;
    font-size:16px;
}

.contact-content textarea{
    height:160px;
    resize:none;
}

.contact-content button{
    background:#0d6efd;
    color:#fff;
    border:none;
    padding:15px 35px;
    border-radius:8px;
    cursor:pointer;
    font-size:16px;
    transition:.3s;
}

.contact-content button:hover{
    background:#0056d2;
}

.contact-image img{
    width:100%;
}

/* ===============================
MAP
=============================== */

.map-section{
    padding:80px 0;
}

.map-section h2{
    text-align:center;
    margin-bottom:40px;
}

.map-section iframe{
    width:100%;
    height:450px;
    border:none;
    border-radius:15px;
}

/* ===============================
FAQ
=============================== */

.faq{
    padding:80px 0;
    background:#f8fbff;
}

.faq details{
    background:#fff;
    padding:18px 20px;
    margin-bottom:15px;
    border-radius:10px;
    box-shadow:0 5px 15px rgba(0,0,0,.05);
}

.faq summary{
    cursor:pointer;
    font-weight:600;
}

/* ===============================
CTA
=============================== */

.contact-cta{

padding:100px 20px;

background:#0f172a;

text-align:center;

border-radius:20px;

}

.contact-cta h2{

color:#fff;

font-size:46px;

}

.contact-cta p{

color:#cbd5e1;

margin:25px auto 40px;

max-width:700px;

line-height:30px;

}

.contact-cta .btn{

background:#2563eb;

color:#fff;

padding:16px 45px;

border-radius:50px;

text-decoration:none;

font-weight:600;

transition:.3s;

}

.contact-cta .btn:hover{

background:#3b82f6;

}
/* ===============================
RESPONSIVE
=============================== */

@media(max-width:768px){

.contact-wrapper{
    grid-template-columns:1fr;
}

.contact-hero h1{
    font-size:34px;
}

.contact-cta h2{
    font-size:32px;
}

}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-5848e6f *//*==========================
Code Veins Contact Form
==========================*/

.cv-form{
    max-width:100%;
}

.cv-half{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:20px;
    margin-bottom:20px;
}

.cv-form p{
    margin:0 0 20px;
}

.cv-form input,
.cv-form select,
.cv-form textarea{

    width:100%;

    height:58px;

    border:1px solid #E5E7EB;

    background:#fff;

    border-radius:14px;

    padding:0 20px;

    font-size:16px;

    color:#111827;

    transition:.35s;

    outline:none;

    box-sizing:border-box;

    box-shadow:0 4px 15px rgba(0,0,0,.04);

}

.cv-form textarea{

    height:180px;

    padding:18px 20px;

    resize:none;

}

/* Fix Select Dropdown */

.cv-form select{

    appearance:auto !important;

    -webkit-appearance:menulist !important;

    -moz-appearance:menulist !important;

    cursor:pointer;

}

/* Focus */

.cv-form input:focus,
.cv-form select:focus,
.cv-form textarea:focus{

    border-color:#2563EB;

    box-shadow:0 0 0 5px rgba(37,99,235,.12);

}

/* Placeholder */

.cv-form input::placeholder,
.cv-form textarea::placeholder{

    color:#9CA3AF;

}

/* Button */

.cv-form input[type=submit]{

    width:auto;

    min-width:220px;

    height:58px;

    background:#2563EB;

    color:#fff;

    border:none;

    border-radius:14px;

    font-size:17px;

    font-weight:600;

    cursor:pointer;

    transition:.35s;

    padding:0 35px;

    box-shadow:0 12px 25px rgba(37,99,235,.25);

}

.cv-form input[type=submit]:hover{

    background:#1D4ED8;

    transform:translateY(-3px);

    box-shadow:0 18px 35px rgba(37,99,235,.35);

}

/* Validation */

.wpcf7-not-valid{

    border-color:#EF4444 !important;

}

.wpcf7-response-output{

    border-radius:12px;

    margin-top:25px !important;

}

/* Mobile */

@media(max-width:768px){

.cv-half{

grid-template-columns:1fr;

}

.cv-form input[type=submit]{

width:100%;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6dbe206 */.cv-wa{
position:fixed;
right:20px;
bottom:20px;
display:flex;
align-items:center;
background:#fff;
padding:8px;
border-radius:60px;
text-decoration:none;
box-shadow:0 10px 30px rgba(0,0,0,.12);
z-index:999999;
transition:box-shadow .25s ease;
}

.cv-wa:hover{
box-shadow:0 15px 35px rgba(0,0,0,.18);
}

.cv-wa-icon{
width:58px;
height:58px;
border-radius:50%;
background:#25D366;
display:flex;
justify-content:center;
align-items:center;
color:#fff;
font-size:30px;
flex-shrink:0;
}

.cv-wa-text{
display:flex;
flex-direction:column;
margin-left:12px;
margin-right:10px;
}

.cv-wa-text strong{
font-size:18px;
color:#222;
line-height:1;
}

.cv-wa-text span{
font-size:13px;
color:#666;
margin-top:6px;
}

@media(max-width:768px){

.cv-wa{
padding:0;
width:60px;
height:60px;
border-radius:50%;
justify-content:center;
}

.cv-wa-text{
display:none;
}

.cv-wa-icon{
width:60px;
height:60px;
font-size:30px;
}

}/* End custom CSS */