.isf-container { width: 100%; max-width: 100%; margin: 0 auto; font-family: inherit; display: block; }
.isf-form-row { display: flex; flex-wrap: wrap; align-items: flex-end; margin: -10px; margin-bottom: 20px; }

/* Dynamic CSS Variable Grid System */
.isf-field-wrap, .isf-button-wrap {
    width: var(--desk-w, 100%);
    padding: 10px;
    box-sizing: border-box;
}

@media (max-width: 991px) {
    .isf-field-wrap, .isf-button-wrap { width: var(--tab-w, 100%); }
}

@media (max-width: 767px) {
    .isf-field-wrap, .isf-button-wrap { width: var(--mob-w, 100%); }
}

.isf-field-label { display: block; margin-bottom: 8px; font-weight: 600; }
.isf-dynamic-input-field { width: 100%; padding: 12px 15px; outline: none; transition: all 0.3s ease; box-sizing: border-box; background: #fff; }

/* Shadow ba outline remove kora hoyeche */
.isf-dynamic-input-field:focus { 
    box-shadow: none !important; 
    outline: none !important; 
}

.isf-body-area { width: 100%; position: relative; min-height: 100px; display: flex; flex-direction: column; align-items: center; }
.isf-animation-container { width: 100%; display: flex; justify-content: center; margin-top: 20px; margin-bottom: 20px; }
.isf-loader { max-width: 150px; height: auto; }
.isf-result-container { width: 100%; z-index: 20; position: relative; background: transparent; }