/*
 Theme Name:   DeveloSquad Theme
 Theme URI:    https://develosquad.com
 Description:  This is a child theme Developed by DeveloSquad team!
 Author:       Vidyut Pal
 Author URI:   https://vidyutpal.com
 Template:     generatepress
 Version:      0.1
*/



:root {
	--box-shd-d: 0 1px 2px rgba(3,54,63,.4),0 -1px 2px rgba(3,54,63,.04);
}

/* Fluid Typography Scale */

h1, .fs-h1 {
	font-size: clamp(3rem, 2.7273rem + 1.0909vw, 3.6rem);
}

h2, .fs-h2 {
	font-size: clamp(2.25rem, 2.0455rem + 0.8182vw, 2.7rem);
}

h3, .fs-h3 {
	font-size: clamp(1.875rem, 1.7045rem + 0.6818vw, 2.25rem);
}

h4, .fs-h4 {
	font-size: clamp(1.5rem, 1.3636rem + 0.5455vw, 1.8rem);
}

h5, .fs-h5 {
	font-size: clamp(1.25rem, 1.1364rem + 0.4545vw, 1.5rem);
}

h6, .fs-h6 {
	font-size: clamp(1.125rem, 1.0227rem + 0.4091vw, 1.35rem);
}

p, .fs-p {
	font-size: 1rem;
}



/* Accessiable Card Link */
.stretch-link {
    position: relative;
}

.stretch-link a::after {
    content: '';
    position: absolute;
    inset: 0;
}

.stretch-link a:is(:focus-visible)::after {
    outline: 2px solid;
}

.stretch-link a:is(:hover, :focus) {
    outline: none;
}







/* Thank You page */

.ghumakad-thank-you {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    background-color: rgba(244, 245, 247, 1); /* neutral-ui-100 */
}

.ty-card {
    background: #ffffff;
    max-width: 550px;
    width: 100%;
    padding: 50px 30px;
    border-radius: 16px;
    text-align: center;
    box-shadow: 0 10px 25px rgba(0,0,0,0.05);
}

.ty-icon-box {
    width: 70px;
    height: 70px;
    background-color: #ff385c; /* brand-primary-500 */
    color: white;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 32px;
    margin: 0 auto 25px;
}

.ty-title {
    color: #500118; /* brand-primary-950 */
    font-size: 2.2rem;
    margin-bottom: 8px;
    font-weight: 700;
}

.ty-subtitle {
    color: #ed1143; /* brand-primary-600 */
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size: 0.85rem;
}

.ty-divider {
    height: 2px;
    width: 40px;
    background: rgba(218, 221, 224, 1); /* neutral-ui-300 */
    margin: 25px auto;
}

.ty-description {
    color: #444;
    line-height: 1.7;
    margin-bottom: 35px;
}

.ty-contact-section {
    margin-bottom: 35px;
    padding: 20px;
    background: #fff0f1; /* brand-primary-50; */
    border-radius: 12px;
}

.ty-phone {
    display: block;
    color: #8f0c35; /* brand-primary-900 */
    font-weight: 800;
    font-size: 1.3rem;
    text-decoration: none;
    margin-top: 5px;
}

.ty-btn-primary {
    display: inline-block;
    padding: 16px 40px;
    background-color: #ed1143; /* brand-primary-600 */
    color: #ffffff !important;
    text-decoration: none;
    border-radius: 8px;
    font-weight: 600;
    transition: background-color 0.3s ease;
}

.ty-btn-primary:hover {
    background-color: #c80839; /* brand-primary-700 */
}

/* Mobile Adjustments */
@media (max-width: 480px) {
    .ty-card { padding: 30px 20px; }
    .ty-title { font-size: 1.8rem; }
}














/* Slim Form Styles */

/* Labels */
.slim-form label,
.slim-form label {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: #333;
    margin-bottom: 8px;
	
}

.slim-form .fluentform .ff-el-group {
	margin-bottom: 18px!important;
}

/* Input Fields */
.slim-form input[type="text"],
.slim-form input[type="email"],
.slim-form input[type="tel"],
.slim-form input[type="number"],
.slim-form input[type="date"],
.slim-form input[type="url"],
.slim-form input[type="password"],
.slim-form select,
.slim-form textarea,
.slim-form .ff-el-form-control {
    width: 100%;
    padding: 10px 14px;
    border: 1.5px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
    font-family: inherit;
    transition: border-color 0.3s, box-shadow 0.3s;
    background: white;
    box-shadow: none;
}

/* Focus State */
.slim-form input[type="text"]:focus,
.slim-form input[type="email"]:focus,
.slim-form input[type="tel"]:focus,
.slim-form input[type="number"]:focus,
.slim-form input[type="date"]:focus,
.slim-form input[type="url"]:focus,
.slim-form input[type="password"]:focus,
.slim-form select:focus,
.slim-form textarea:focus,
.slim-form .ff-el-form-control:focus {
    outline: none;
    border-color: var(--brand-primary-500)!important;
    box-shadow: 0 0 0 3px rgba(255, 85, 85, 0.1);
}

/* Textarea */
.slim-form textarea {
    resize: vertical;
    min-height: 80px;
}

/* Select Dropdown */
.slim-form select {
    cursor: pointer;
    appearance: auto;
}

/* Date Input */
.slim-form input[type="date"] {
    cursor: pointer;
}

.slim-form input[type="date"]::-webkit-calendar-picker-indicator {
    cursor: pointer;
    padding: 4px;
}

/* Number Input */
.slim-form input[type="number"] {
    -moz-appearance: textfield;
}

.slim-form input[type="number"]::-webkit-inner-spin-button,
.slim-form input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Submit Button */
.slim-form .ff_btn_submit,
.slim-form button[type="submit"],
.slim-form input[type="submit"],
.slim-form .ff-btn-submit {
    width: 100%;
    background: var(--brand-primary-500)!important;
    color: white !important;
    border: none !important;
    padding: 10px 22px !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    cursor: pointer;
    transition: background 0.3s, transform 0.1s;
    margin-top: 8px;
}

.slim-form .ff_btn_submit:hover,
.slim-form button[type="submit"]:hover,
.slim-form input[type="submit"]:hover,
.slim-form .ff-btn-submit:hover {
    background: var(--brand-primary-700) !important;
}

.slim-form .ff_btn_submit:active,
.slim-form button[type="submit"]:active,
.slim-form input[type="submit"]:active,
.slim-form .ff-btn-submit:active {
    transform: scale(0.98);
}

/* Radio & Checkbox */
.slim-form input[type="radio"],
.slim-form input[type="checkbox"] {
    width: auto;
    margin-right: 6px;
    accent-color: #ff5555;
}

/* Responsive */
@media (max-width: 480px) {
    .slim-form input[type="text"],
    .slim-form input[type="email"],
    .slim-form input[type="tel"],
    .slim-form input[type="number"],
    .slim-form input[type="date"],
    .slim-form select,
    .slim-form textarea,
    .slim-form .ff-el-form-control {
        font-size: 15px; /* Prevents zoom on iOS */
    }
}

.slim-form .ff-el-group.ff-text-left.ff_submit_btn_wrapper {
	margin: 0!important;
}