.elementor-252 .elementor-element.elementor-element-43faa8a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-252 .elementor-element.elementor-element-174f297{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-252 .elementor-element.elementor-element-e73d32d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-252 .elementor-element.elementor-element-5f7e7f7{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-e6ee6e5 *//* =========================================================
   OMKAR INFRA — PREMIUM PROJECT ENQUIRY FORM
   LIGHT ARCHITECTURAL DESIGN
   FLUENT FORMS / SHORTCODE
========================================================= */

.fluentform {
    --oi-dark: #1C1C1B;
    --oi-graphite: #343434;
    --oi-copper: #A66A3F;
    --oi-bronze: #C8A47E;
    --oi-ivory: #F4F1EB;
    --oi-muted: #686661;
    --oi-border: #D7D0C6;

    position: relative !important;
    width: 100% !important;

    padding: 30px !important;

    background: #F4F1EB !important;

    border: 1px solid #DDD6CC !important;

    box-sizing: border-box !important;

    font-family: "Inter", sans-serif !important;

    overflow: hidden !important;

    isolation: isolate !important;
}


/* =========================================================
   ARCHITECTURAL BACKGROUND
========================================================= */

/* Fine construction grid */
.fluentform::before {

    content: "";

    position: absolute;

    inset: 0;

    z-index: -2;

    pointer-events: none;

    opacity: .42;

    background-image:
        linear-gradient(
            90deg,
            transparent 0,
            transparent calc(25% - 1px),
            rgba(166,106,63,.055) 25%,
            transparent calc(25% + 1px),
            transparent calc(50% - 1px),
            rgba(166,106,63,.055) 50%,
            transparent calc(50% + 1px),
            transparent calc(75% - 1px),
            rgba(166,106,63,.055) 75%,
            transparent calc(75% + 1px)
        ),
        linear-gradient(
            0deg,
            transparent 0,
            transparent calc(25% - 1px),
            rgba(166,106,63,.04) 25%,
            transparent calc(25% + 1px),
            transparent calc(50% - 1px),
            rgba(166,106,63,.04) 50%,
            transparent calc(50% + 1px),
            transparent calc(75% - 1px),
            rgba(166,106,63,.04) 75%,
            transparent calc(75% + 1px)
        );

    background-size: 100% 100%;

}


/* =========================================================
   PROJECT ENQUIRY STAMP
========================================================= */

.fluentform::after {

    content: "PROJECT  /  ENQUIRY";

    position: absolute;

    top: 19px;
    right: 22px;

    padding: 6px 9px;

    border: 1px solid rgba(166,106,63,.35);

    color: #A66A3F;

    font-family: "Manrope", sans-serif !important;

    font-size: 7px !important;

    font-weight: 700;

    letter-spacing: .13em;

    background: rgba(244,241,235,.78);

    transform: rotate(2deg);

    pointer-events: none;

    animation: oiEnquiryStamp 5s ease-in-out infinite;

}


/* =========================================================
   CORNER ARCHITECTURAL MARKS
========================================================= */

.fluentform .ff-el-group:first-child::before {

    content: "";

    position: absolute;

    left: -30px;
    top: -30px;

    width: 52px;
    height: 52px;

    border-left: 1px solid rgba(166,106,63,.38);
    border-top: 1px solid rgba(166,106,63,.38);

    pointer-events: none;

}


/* Right lower technical line */
.fluentform .ff-el-group:last-of-type::after {

    content: "";

    position: absolute;

    right: -30px;
    bottom: -25px;

    width: 70px;
    height: 70px;

    border-right: 1px solid rgba(166,106,63,.28);
    border-bottom: 1px solid rgba(166,106,63,.28);

    pointer-events: none;

}


/* =========================================================
   FORM ROWS
========================================================= */

.fluentform .ff-t-container {

    display: flex !important;

    flex-wrap: wrap !important;

    width: 100% !important;

    margin: 0 !important;

    gap: 0 22px !important;

}


.fluentform .ff-t-cell {

    flex: 1 1 calc(50% - 11px) !important;

    width: calc(50% - 11px) !important;

    max-width: calc(50% - 11px) !important;

    padding: 0 !important;

}


/* =========================================================
   FIELD GROUP
========================================================= */

.fluentform .ff-el-group {

    position: relative !important;

    margin: 0 0 18px !important;

    padding: 0 !important;

}


/* =========================================================
   LABEL
========================================================= */

.fluentform .ff-el-form-label {

    display: block !important;

    margin: 0 0 7px !important;

    color: #343434 !important;

    font-family: "Manrope", sans-serif !important;

    font-size: 10px !important;

    font-weight: 700 !important;

    line-height: 1.4 !important;

    letter-spacing: .10em !important;

    text-transform: uppercase !important;

}


.fluentform .ff-el-required {

    color: #A66A3F !important;

}


/* =========================================================
   INPUT / SELECT / TEXTAREA
========================================================= */

.fluentform .ff-el-form-control {

    width: 100% !important;

    max-width: 100% !important;

    min-height: 48px !important;

    box-sizing: border-box !important;

    padding: 13px 14px !important;

    border: 1px solid #D4CCC1 !important;

    border-radius: 2px !important;

    background: #FFFFFF !important;

    color: #1C1C1B !important;

    font-family: "Inter", sans-serif !important;

    font-size: 13px !important;

    line-height: 1.5 !important;

    outline: none !important;

    box-shadow: none !important;

    transition:
        border-color .28s ease,
        box-shadow .28s ease,
        transform .28s ease !important;

}


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

.fluentform .ff-el-form-control::placeholder {

    color: #96928B !important;

    opacity: 1 !important;

}


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

.fluentform select.ff-el-form-control {

    appearance: auto !important;

    -webkit-appearance: auto !important;

    cursor: pointer !important;

    background-color: #FFFFFF !important;

    color: #1C1C1B !important;

}


/* Dropdown options */
.fluentform select.ff-el-form-control option {

    background: #FFFFFF !important;

    color: #1C1C1B !important;

    font-family: "Inter", sans-serif !important;

}


/* Selected option */
.fluentform select.ff-el-form-control option:checked {

    background: #F4F1EB !important;

    color: #1C1C1B !important;

}


/* =========================================================
   REMOVE COMMON BLUE FOCUS STYLING
========================================================= */

.fluentform .ff-el-form-control:focus {

    border-color: #A66A3F !important;

    outline: none !important;

    box-shadow:
        0 0 0 2px rgba(166,106,63,.09) !important;

    background: #FFFFFF !important;

    color: #1C1C1B !important;

}


/* =========================================================
   HOVER
========================================================= */

.fluentform .ff-el-form-control:hover:not(:focus) {

    border-color: #B9B0A4 !important;

}


/* =========================================================
   TEXTAREA
========================================================= */

.fluentform textarea.ff-el-form-control {

    min-height: 120px !important;

    resize: vertical !important;

    line-height: 1.65 !important;

}


/* =========================================================
   CHECKBOX / RADIO
========================================================= */

.fluentform input[type="checkbox"],
.fluentform input[type="radio"] {

    accent-color: #A66A3F !important;

}


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

.fluentform .ff_submit_btn_wrapper {

    margin-top: 4px !important;

    margin-bottom: 0 !important;

}


.fluentform button[type="submit"],
.fluentform input[type="submit"] {

    position: relative !important;

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    min-width: 170px !important;

    min-height: 50px !important;

    padding: 0 25px !important;

    border: 1px solid #1C1C1B !important;

    border-radius: 2px !important;

    background: #1C1C1B !important;

    color: #F4F1EB !important;

    font-family: "Manrope", sans-serif !important;

    font-size: 10px !important;

    font-weight: 700 !important;

    letter-spacing: .12em !important;

    text-transform: uppercase !important;

    cursor: pointer !important;

    box-shadow: none !important;

    transition:
        background .3s ease,
        border-color .3s ease,
        transform .3s ease !important;

}


.fluentform button[type="submit"]::after,
.fluentform input[type="submit"]::after {

    content: "↗";

    margin-left: 11px;

    font-size: 15px;

    transition: transform .3s ease;

}


.fluentform button[type="submit"]:hover,
.fluentform input[type="submit"]:hover {

    background: #A66A3F !important;

    border-color: #A66A3F !important;

    color: #FFFFFF !important;

    transform: translateY(-2px) !important;

}


.fluentform button[type="submit"]:hover::after,
.fluentform input[type="submit"]:hover::after {

    transform: translate(3px,-3px);

}


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

.fluentform .ff-el-is-error .ff-el-form-control {

    border-color: #A66A3F !important;

    box-shadow:
        0 0 0 2px rgba(166,106,63,.06) !important;

}


.fluentform .error {

    color: #A66A3F !important;

    font-size: 10px !important;

    margin-top: 5px !important;

}


/* =========================================================
   SUCCESS
========================================================= */

.fluentform .ff-message-success {

    margin: 0 !important;

    padding: 17px 20px !important;

    border: 1px solid #C8A47E !important;

    background: #F4F1EB !important;

    color: #1C1C1B !important;

    font-size: 13px !important;

}


/* =========================================================
   ANIMATION
========================================================= */

@keyframes oiEnquiryStamp {

    0%,100% {
        transform: rotate(2deg) translateY(0);
    }

    50% {
        transform: rotate(-1deg) translateY(-3px);
    }

}


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

@media (max-width: 767px) {

    .fluentform {

        padding: 23px 18px !important;

    }

    .fluentform::after {

        top: 13px;
        right: 15px;

        font-size: 6px !important;

        padding: 5px 7px;

    }

    .fluentform .ff-t-container {

        display: block !important;

    }

    .fluentform .ff-t-cell {

        width: 100% !important;

        max-width: 100% !important;

    }

    .fluentform .ff-el-group {

        margin-bottom: 15px !important;

    }

    .fluentform .ff-el-form-label {

        font-size: 9px !important;

        margin-bottom: 6px !important;

    }

    .fluentform .ff-el-form-control {

        min-height: 46px !important;

        padding: 12px 13px !important;

        font-size: 13px !important;

    }

    .fluentform textarea.ff-el-form-control {

        min-height: 105px !important;

    }

    .fluentform .ff-el-group:first-child::before,
    .fluentform .ff-el-group:last-of-type::after {

        display: none !important;

    }

    .fluentform button[type="submit"],
    .fluentform input[type="submit"] {

        width: 100% !important;

        min-height: 48px !important;

    }

}


/* =========================================================
   SMALL PHONES
========================================================= */

@media (max-width: 480px) {

    .fluentform {

        padding: 20px 15px !important;

    }

    .fluentform .ff-el-group {

        margin-bottom: 13px !important;

    }

    .fluentform .ff-el-form-control {

        min-height: 44px !important;

        padding: 11px 12px !important;

    }

    .fluentform textarea.ff-el-form-control {

        min-height: 95px !important;

    }

}


/* =========================================================
   REDUCE MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .fluentform::after {

        animation: none !important;

    }

}
 /* =========================================================
    OMKAR INFRA — COMPACT FORM OVERRIDE
 ========================================================= */

.fluentform {
    padding: 22px 24px !important;
}


/* Reduce space between fields */
.fluentform .ff-el-group {
    margin-bottom: 13px !important;
}


/* Smaller labels */
.fluentform .ff-el-form-label {
    margin-bottom: 5px !important;
    font-size: 9px !important;
}


/* Smaller input + dropdown */
.fluentform .ff-el-form-control {
    min-height: 42px !important;
    padding: 10px 12px !important;
    font-size: 12px !important;
}


/* Smaller textarea */
.fluentform textarea.ff-el-form-control {
    min-height: 90px !important;
    padding: 10px 12px !important;
}


/* Submit button */
.fluentform button[type="submit"],
.fluentform input[type="submit"] {
    min-height: 44px !important;
    min-width: 145px !important;
    padding: 0 20px !important;
    font-size: 9px !important;
}


/* Submit wrapper */
.fluentform .ff_submit_btn_wrapper {
    margin-top: 2px !important;
}


/* =========================================================
   DESKTOP — EVEN MORE COMPACT
 ========================================================= */

@media (min-width: 1025px) {

    .fluentform {
        padding: 20px 22px !important;
    }

    .fluentform .ff-t-container {
        gap: 0 18px !important;
    }

    .fluentform .ff-t-cell {
        flex-basis: calc(50% - 9px) !important;
        width: calc(50% - 9px) !important;
        max-width: calc(50% - 9px) !important;
    }

    .fluentform .ff-el-group {
        margin-bottom: 12px !important;
    }

    .fluentform .ff-el-form-control {
        min-height: 41px !important;
        padding: 9px 11px !important;
        font-size: 12px !important;
    }

    .fluentform textarea.ff-el-form-control {
        min-height: 82px !important;
    }

}


/* =========================================================
   MOBILE — COMPACT
 ========================================================= */

@media (max-width: 767px) {

    .fluentform {
        padding: 18px 15px !important;
    }

    .fluentform .ff-el-group {
        margin-bottom: 11px !important;
    }

    .fluentform .ff-el-form-label {
        margin-bottom: 4px !important;
        font-size: 8px !important;
    }

    .fluentform .ff-el-form-control {
        min-height: 40px !important;
        padding: 9px 10px !important;
        font-size: 11px !important;
    }

    .fluentform textarea.ff-el-form-control {
        min-height: 78px !important;
    }

    .fluentform button[type="submit"],
    .fluentform input[type="submit"] {
        min-height: 42px !important;
        font-size: 8px !important;
    }

}


/* =========================================================
   SMALL PHONES
 ========================================================= */

@media (max-width: 480px) {

    .fluentform {
        padding: 16px 13px !important;
    }

    .fluentform .ff-el-group {
        margin-bottom: 9px !important;
    }

    .fluentform .ff-el-form-control {
        min-height: 38px !important;
        padding: 8px 10px !important;
        font-size: 11px !important;
    }

    .fluentform textarea.ff-el-form-control {
        min-height: 72px !important;
    }

    .fluentform button[type="submit"],
    .fluentform input[type="submit"] {
        min-height: 40px !important;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4db366c *//* ================================
   OMKAR CONTACT FINAL — MOBILE
   ================================ */

@media (max-width: 767px){

  .oi-contact-final{
    padding: 38px 16px !important;
  }

  .oi-contact-final h2{
    font-size: 27px !important;
    line-height: 1.08 !important;
    margin-bottom: 10px !important;
  }

  .oi-contact-final p{
    font-size: 11px !important;
    line-height: 1.55 !important;
    max-width: 300px !important;
    margin: 0 auto 24px !important;
  }

  .oi-contact-final .oi-contact-links{
    gap: 0 !important;
    margin-top: 18px !important;
  }

  .oi-contact-final .oi-contact-link{
    padding: 11px 5px !important;
  }

  .oi-contact-final .oi-contact-link i{
    font-size: 16px !important;
    margin-bottom: 5px !important;
  }

  .oi-contact-final .oi-contact-link strong{
    font-size: 8px !important;
    letter-spacing: .08em !important;
  }

  .oi-contact-final .oi-contact-link span{
    font-size: 7px !important;
    margin-top: 3px !important;
  }

  .oi-contact-final .oi-contact-bottom{
    margin-top: 24px !important;
    padding-top: 13px !important;
    font-size: 7px !important;
    letter-spacing: .12em !important;
  }

}


/* SMALL PHONES */
@media (max-width: 480px){

  .oi-contact-final{
    padding: 32px 13px !important;
  }

  .oi-contact-final h2{
    font-size: 24px !important;
  }

  .oi-contact-final p{
    font-size: 10px !important;
    line-height: 1.5 !important;
    max-width: 280px !important;
    margin-bottom: 19px !important;
  }

  .oi-contact-final .oi-contact-link{
    padding: 9px 3px !important;
  }

  .oi-contact-final .oi-contact-link i{
    font-size: 14px !important;
  }

  .oi-contact-final .oi-contact-link strong{
    font-size: 7px !important;
  }

  .oi-contact-final .oi-contact-link span{
    font-size: 6.5px !important;
  }

  .oi-contact-final .oi-contact-bottom{
    margin-top: 19px !important;
    font-size: 6.5px !important;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8f33dba *//* =========================================================
   OMKAR INFRA — FINAL VISIBILITY / BLUE HOVER FIX
   Paste AFTER all existing footer CSS
========================================================= */


/* ---------- FOOTER BASE ---------- */

.oi-premium-footer,
.oi-premium-footer *{
  box-sizing:border-box;
}


/* ---------- FORCE LIGHT TEXT ---------- */

.oi-premium-footer{
  background:#1C1C1B !important;
  color:#F4F1EB !important;
}


.oi-premium-footer p,
.oi-premium-footer span,
.oi-premium-footer strong,
.oi-premium-footer small,
.oi-premium-footer h1,
.oi-premium-footer h2,
.oi-premium-footer h3,
.oi-premium-footer h4,
.oi-premium-footer h5,
.oi-premium-footer h6{
  color:#F4F1EB !important;
}


/* ---------- KICKER ---------- */

.oi-premium-footer .oi-pf-kicker{
  color:#C8A47E !important;
}


/* ---------- MAIN HEADING ---------- */

.oi-premium-footer .oi-pf-intro h2{
  color:#F4F1EB !important;
}


.oi-premium-footer .oi-pf-intro h2 span{
  color:#C8A47E !important;
}


/* ---------- ALL LINKS ---------- */

.oi-premium-footer a,
.oi-premium-footer a:visited,
.oi-premium-footer a:active{

  color:#F4F1EB !important;

  text-decoration:none !important;

  border:0 !important;

  outline:none !important;

}


/* ---------- LINK HOVER ---------- */

.oi-premium-footer a:hover,
.oi-premium-footer a:focus{

  color:#FFFFFF !important;

  text-decoration:none !important;

}


/* ---------- NAV LINKS ---------- */

.oi-premium-footer .oi-pf-nav-group a{
  color:#F4F1EB !important;
}


.oi-premium-footer .oi-pf-nav-group a:hover{
  color:#FFFFFF !important;
}


/* ---------- SERVICE LINKS ---------- */

.oi-premium-footer .oi-pf-services a{
  color:#E8E4DC !important;
}


.oi-premium-footer .oi-pf-services a:hover{
  color:#FFFFFF !important;
}


/* ---------- CONTACT LINKS ---------- */

.oi-premium-footer .oi-pf-contact-item strong{
  color:#F4F1EB !important;
}


.oi-premium-footer .oi-pf-contact-item:hover strong{
  color:#FFFFFF !important;
}


/* ---------- CONTACT LABEL ---------- */

.oi-premium-footer .oi-pf-contact-item span{
  color:#C8A47E !important;
}


/* ---------- TOP LABELS ---------- */

.oi-premium-footer .oi-pf-top-right span{
  color:#D8D3CA !important;
}


/* ---------- TOP DOT ---------- */

.oi-premium-footer .oi-pf-top-right span:not(:last-child):after{
  background:#A66A3F !important;
}


/* ---------- NAV TITLES ---------- */

.oi-premium-footer .oi-pf-nav-title{
  color:#AAA69D !important;
}


/* ---------- AREA ---------- */

.oi-premium-footer .oi-pf-area-title{
  color:#AAA69D !important;
}


.oi-premium-footer .oi-pf-area-city{
  color:#F4F1EB !important;
}


.oi-premium-footer .oi-pf-area-copy{
  color:#AAA69D !important;
}


/* ---------- CTA ---------- */

.oi-premium-footer .oi-pf-cta{
  color:#F4F1EB !important;
}


.oi-premium-footer .oi-pf-cta:hover{
  color:#FFFFFF !important;
}


.oi-premium-footer .oi-pf-cta b{
  color:#C8A47E !important;
}


/* ---------- BOTTOM ---------- */

.oi-premium-footer .oi-pf-copyright{
  color:#AAA69D !important;
}


.oi-premium-footer .oi-pf-legal a{
  color:#AAA69D !important;
}


.oi-premium-footer .oi-pf-legal a:hover{
  color:#FFFFFF !important;
}


/* ---------- BACK TO TOP ---------- */

.oi-premium-footer .oi-pf-top{
  color:#D8D3CA !important;

  background:transparent !important;

  border:0 !important;

}


.oi-premium-footer .oi-pf-top:hover{
  color:#FFFFFF !important;

  background:transparent !important;

}


.oi-premium-footer .oi-pf-top b{
  color:#F4F1EB !important;

  background:transparent !important;

  border:1px solid rgba(244,241,235,.35) !important;
}


.oi-premium-footer .oi-pf-top:hover b{
  color:#FFFFFF !important;

  background:#A66A3F !important;

  border-color:#A66A3F !important;
}


/* =========================================================
   KILL WORDPRESS / ASTRA / ELEMENTOR BLUE
========================================================= */

.oi-premium-footer a:hover,
.oi-premium-footer a:focus,
.oi-premium-footer a:focus-visible,
.oi-premium-footer a:active,
.oi-premium-footer .elementor a:hover,
.oi-premium-footer .elementor a:focus{

  color:#FFFFFF !important;

  background-color:transparent !important;

  box-shadow:none !important;

  text-decoration:none !important;

}


/* Remove Elementor/Astra pseudo underlines */

.oi-premium-footer a:before,
.oi-premium-footer a:after{

  text-decoration:none !important;
}


/* Keep our navigation hover line only */

.oi-premium-footer .oi-pf-nav-group a:before{

  background:#A66A3F !important;

}


/* Keep CTA interaction line */

.oi-premium-footer .oi-pf-cta:after{

  background:#A66A3F !important;

}


/* =========================================================
   MOBILE — KEEP EVERYTHING VISIBLE
========================================================= */

@media(max-width:767px){

  .oi-premium-footer .oi-pf-intro h2{
    color:#F4F1EB !important;
  }

  .oi-premium-footer .oi-pf-intro h2 span{
    color:#C8A47E !important;
  }

  .oi-premium-footer .oi-pf-nav-group a{
    color:#F4F1EB !important;
  }

  .oi-premium-footer .oi-pf-services a{
    color:#E8E4DC !important;
  }

  .oi-premium-footer .oi-pf-contact-item strong{
    color:#F4F1EB !important;
  }

  .oi-premium-footer .oi-pf-area-city{
    color:#F4F1EB !important;
  }

  .oi-premium-footer .oi-pf-legal a{
    color:#AAA69D !important;
  }

}/* End custom CSS */