.elementor-503 .elementor-element.elementor-element-b09037f{--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-503 .elementor-element.elementor-element-b09037f:not(.elementor-motion-effects-element-type-background), .elementor-503 .elementor-element.elementor-element-b09037f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-2914cdab );}.elementor-503 .elementor-element.elementor-element-d2abe62{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-503 .elementor-element.elementor-element-234adcd{--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-503 .elementor-element.elementor-element-234adcd:not(.elementor-motion-effects-element-type-background), .elementor-503 .elementor-element.elementor-element-234adcd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-2914cdab );}@media(min-width:2400px){.elementor-503 .elementor-element.elementor-element-d2abe62{--grid-auto-flow:row;}}@media(max-width:1366px){.elementor-503 .elementor-element.elementor-element-d2abe62{--grid-auto-flow:row;}}@media(max-width:1200px){.elementor-503 .elementor-element.elementor-element-d2abe62{--grid-auto-flow:row;}}@media(max-width:1024px){.elementor-503 .elementor-element.elementor-element-d2abe62{--grid-auto-flow:row;}}@media(max-width:880px){.elementor-503 .elementor-element.elementor-element-d2abe62{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-503 .elementor-element.elementor-element-d2abe62{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-829a400 *//*==================================
RINKU CONTACT INFO
==================================*/


.rinku-contact-info-box{


max-width:520px;


}



.rinku-contact-tag{


display:inline-flex;

padding:9px 20px;

background:#EEF8FD;

color:#008CBF;

border-radius:999px;

font-size:14px;

font-weight:700;

margin-bottom:24px;


}



.rinku-contact-info-box h2{


font-size:48px;

line-height:1.1;

font-weight:800;

color:#0E3A5D;

margin-bottom:22px;


}



.rinku-contact-info-box h2 span{


color:#008CBF;


}



.rinku-contact-description{


font-size:18px;

line-height:1.8;

color:#64748B;

margin-bottom:35px;


}



/* Cards */


.rinku-contact-details{


display:flex;

flex-direction:column;

gap:18px;


}



.rinku-detail-card{


background:white;

padding:22px;

border-radius:22px;

display:flex;

align-items:flex-start;

gap:18px;

border:1px solid #EDF2F7;

transition:.35s;


}



.rinku-detail-card:hover{


transform:translateY(-5px);


box-shadow:

0 20px 45px rgba(15,23,42,.08);


border-color:#5ABAE4;


}




.rinku-detail-icon{


width:52px;

height:52px;

border-radius:16px;

background:#EEF8FD;

display:flex;

align-items:center;

justify-content:center;

font-size:23px;

flex-shrink:0;


}




.rinku-detail-content h4{


font-size:17px;

font-weight:700;

color:#0E3A5D;

margin:0 0 8px;


}



.rinku-detail-content p,
.rinku-detail-content a{


font-size:15px;

line-height:1.7;

color:#64748B;

text-decoration:none;

margin:0;


}



.rinku-detail-content a:hover{


color:#008CBF;


}
@media(max-width:1024px){


.rinku-contact-info-box{


max-width:100%;


}



.rinku-contact-info-box h2{


font-size:40px;


}


}



@media(max-width:768px){


.rinku-contact-info-box{


text-align:center;


}


.rinku-contact-details{


text-align:left;


}



.rinku-contact-info-box h2{


font-size:34px;


}



.rinku-contact-description{


font-size:16px;


}



.rinku-detail-card{


padding:18px;


}



.rinku-detail-icon{


width:45px;

height:45px;

font-size:20px;


}


}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-42ff436 *//*=========================================================
RINKU MORTGAGE - GRAVITY FORM
=========================================================*/

.gform_wrapper{

    width:100%;

}


/*---------------------------------------------------------
FIELDS
---------------------------------------------------------*/

.gform_wrapper input,
.gform_wrapper select,
.gform_wrapper textarea{

    width:100% !important;

    height:58px;

    padding:0 18px !important;

    border:1px solid #D8E3EC !important;

    border-radius:14px !important;

    background:#fff !important;

    color:#12395A !important;

    font-size:16px !important;

    font-weight:500;

    box-shadow:none !important;

    transition:.3s ease;

    appearance:auto !important;

    -webkit-appearance:menulist !important;

    -moz-appearance:menulist !important;

}


/* Textarea */

.gform_wrapper textarea{

    height:180px !important;

    padding:16px 18px !important;

    resize:vertical;

}


/* Placeholder */

.gform_wrapper input::placeholder,
.gform_wrapper textarea::placeholder{

    color:#98A2B3;

}


/*---------------------------------------------------------
DROPDOWN FIX
---------------------------------------------------------*/

.gform_wrapper select{

    color:#12395A !important;

    -webkit-text-fill-color:#12395A !important;

    background:#fff !important;

    cursor:pointer;

}


.gform_wrapper select option{

    color:#12395A !important;

    background:#fff !important;

}


.gform_wrapper select:focus{

    color:#12395A !important;

}


/*---------------------------------------------------------
FOCUS
---------------------------------------------------------*/

.gform_wrapper input:focus,
.gform_wrapper select:focus,
.gform_wrapper textarea:focus{

    border-color:#008CBF !important;

    box-shadow:

    0 0 0 4px rgba(0,140,191,.12) !important;

    outline:none !important;

}


/*---------------------------------------------------------
LABELS
---------------------------------------------------------*/

.gform_wrapper .gfield_label{

    color:#12395A !important;

    font-size:15px !important;

    font-weight:700 !important;

    margin-bottom:8px !important;

}


/* Required */

.gform_wrapper .gfield_required{

    color:#EF4444 !important;

}


/*---------------------------------------------------------
DESCRIPTION
---------------------------------------------------------*/

.gform_wrapper .gfield_description{

    color:#667085;

}


/*---------------------------------------------------------
SUBMIT BUTTON
---------------------------------------------------------*/

.gform_wrapper .gform_button{

    width:auto !important;

    background:#008CBF !important;

    color:#fff !important;

    border:none !important;

    border-radius:14px !important;

    padding:18px 36px !important;

    font-size:16px !important;

    font-weight:700 !important;

    cursor:pointer;

    transition:.35s;

}


.gform_wrapper .gform_button:hover{

    background:#0E3A5D !important;

    transform:translateY(-3px);

}


/*---------------------------------------------------------
ERRORS
---------------------------------------------------------*/

.gform_wrapper .gfield_error input,
.gform_wrapper .gfield_error select,
.gform_wrapper .gfield_error textarea{

    border-color:#DC2626 !important;

}


/*---------------------------------------------------------
SUCCESS
---------------------------------------------------------*/

.gform_confirmation_message{

    background:#ECFDF3;

    border:1px solid #A6F4C5;

    color:#065F46;

    padding:20px;

    border-radius:14px;

}


/*---------------------------------------------------------
MOBILE
---------------------------------------------------------*/

@media(max-width:768px){

.gform_wrapper input,
.gform_wrapper select,
.gform_wrapper textarea{

    height:54px;

    font-size:15px !important;

}

.gform_wrapper textarea{

    height:140px !important;

}

.gform_wrapper .gform_button{

    width:100% !important;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-14e8a1a *//* ==========================
   OFFICE LOCATION
========================== */

.office-location{

    padding:110px 20px 60px;

    background:#F8FBFD;

}

.office-location-container{

    max-width:1240px;

    margin:auto;

}

/* Header */

.office-location-header{

    text-align:center;

    max-width:760px;

    margin:0 auto 70px;

}

.office-badge{

    display:inline-block;

    padding:10px 20px;

    border-radius:999px;

    background:#EAF7FC;

    color:#008CBF;

    font-size:15px;

    font-weight:600;

    margin-bottom:24px;

}

.office-location-header h2{

    font-size:58px;

    line-height:1.1;

    color:#12395A;

    font-weight:800;

    margin-bottom:24px;

}

.office-location-header h2 span{

    color:#008CBF;

}

.office-location-header p{

    font-size:18px;

    line-height:1.8;

    color:#667085;

}

/* Details Grid */

.office-details{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:24px;

}

/* Cards */

.office-card{

    background:#fff;

    border:1px solid #E7EEF3;

    border-radius:22px;

    padding:30px;

    text-align:center;

    transition:.35s;

    box-shadow:0 10px 30px rgba(15,23,42,.05);

}

.office-card:hover{

    transform:translateY(-8px);

    box-shadow:0 25px 55px rgba(15,23,42,.10);

}

.office-icon{

    width:68px;

    height:68px;

    margin:0 auto 20px;

    border-radius:18px;

    background:linear-gradient(135deg,#008CBF,#36B6E1);

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:30px;

}

.office-card h4{

    color:#12395A;

    font-size:22px;

    margin-bottom:12px;

    font-weight:700;

}

.office-card p{

    color:#667085;

    font-size:16px;

    line-height:1.8;

}

/* Tablet */

@media(max-width:991px){

.office-location-header h2{

font-size:44px;

}

.office-details{

grid-template-columns:repeat(2,1fr);

}

}

/* Mobile */

@media(max-width:767px){

.office-location{

padding:70px 20px 40px;

}

.office-location-header{

margin-bottom:50px;

}

.office-location-header h2{

font-size:34px;

}

.office-location-header p{

font-size:16px;

}

.office-details{

grid-template-columns:1fr;

gap:18px;

}

.office-card{

padding:24px;

}

.office-icon{

width:58px;

height:58px;

font-size:24px;

margin-bottom:18px;

}

.office-card h4{

font-size:20px;

}

.office-card p{

font-size:15px;

}

}
/* =========================================
   FORCE CONTACT LINK VISIBILITY
========================================= */

/* Action links */
.office-card-action {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 7px;

    margin-top: 22px;

    color: #008CBF !important;
    opacity: 1 !important;

    font-size: 13px !important;
    font-weight: 800 !important;

    visibility: visible !important;
}


/* Arrow inside action links */
.office-card-action span {
    color: #008CBF !important;
    opacity: 1 !important;
}


/* Email addresses */
.office-email-list a {
    color: #008CBF !important;
    opacity: 1 !important;

    visibility: visible !important;

    text-decoration: none !important;
}


/* Email hover */
.office-email-list a:hover {
    color: #12395A !important;
}


/* Make sure clickable card links aren't faded */
.office-card-link,
.office-card-link:hover,
.office-card-link:focus,
.office-card-link:visited {
    opacity: 1 !important;
}


/* Keep normal card text visible */
.office-card p {
    color: #667085 !important;
    opacity: 1 !important;
}


/* Office status */
.office-status {
    color: #008CBF !important;
    background: #EEF8FD !important;
    opacity: 1 !important;
}/* End custom CSS */