/*
Theme Name: Estatic Infotech
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Five emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfive
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a.btn.career {
    background: linear-gradient(135deg, hsl(266 83% 58%), hsl(245 58% 51%));
    color: #fff;
    border-radius: 12px;
    vertical-align: 5px;
    font-weight: 700;
}
/* Button style for career links */
a.btn.career {
    background: linear-gradient(135deg, hsl(266 83% 58%), hsl(245 58% 51%));
    color: #fff;
    border-radius: 12px;
    vertical-align: 5px;
    font-weight: 700;
}

/* Modal Background */
#career-form-modal {
    display: none; /* show modal */
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0,0,0,0.6);
    z-index: 9999;
}

/* Form Container */
.career-form-box {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    width: 90%;
    max-width: 1000px;
    max-height: 80vh; /* scrollable if too tall */
    margin: 60px auto;
    overflow-y: auto;
    box-shadow: 0 8px 20px rgba(0,0,0,0.2);
    position: relative; /* for close icon */
}

/* Close Icon */
.career-close {
   position: absolute;
    top: 15px;
    right: 15px;
    font-size: 23px;
    font-weight: bold;
    color: #333;
    cursor: pointer;
    user-select: none;
    transition: color 0.3s;
    background: linear-gradient(135deg, #090c15, #0c101c);
    border: rgba(255, 255, 255, 0.1) solid 1px;
    width: 36px;
    text-align: center;
    border-radius: 150px;
    min-width: 36px;
    padding: 0;
    display: inline-block;
    color: #fff;
}

.career-close:hover {
    opacity:0.8
}

/* Form Title */
.career-form-box h3 {
       text-align: center;
    font-size: 24px;
       margin-bottom: 2rem;
    color: #090c15;
    background: linear-gradient(135deg, hsl(266 83% 58%), hsl(245 58% 51%));
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-top: 0;
}

/* Form Fields Grid - 3 columns */
#careerForm {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr; /* 3 columns */
    gap: 20px;
}

/* Make the button span all columns and centered */
#careerForm button {
    grid-column: 1 / -1;
    padding: 10px 50px;
    background: linear-gradient(135deg, hsl(266 83% 58%), hsl(245 58% 51%));
    color: #fff;
    font-size: 18px;
    border: none;
    border-radius: 12px;
    cursor: pointer;
    transition: background 0.3s;
    margin: auto;
	    font-weight: 500;
	    margin-top: 1.5rem;
}

#careerForm button:hover {
     transform: scale(1.02);
}

/* Input & Select Fields */
#careerForm input,
#careerForm select {
     width: 100%;
    padding: 10px 12px;
    border: 1px solid #e7e7e7;
    border-radius: 10px;
    font-size: 15px;
    box-sizing: border-box;
    background: #f9f9f9;
    min-height: 44px;
    line-height: 1;
    font-family: 'Poppins', sans-serif;
}

/* Optional: Message Box */
#careerMessage {
    grid-column: 1 / -1;
    text-align: center;
    margin-top: 10px;
    font-weight: bold;
    color: green;
}


/* Hire Azure Developer - LP Page */
.sr-hire:before{
	background: transparent !important;
}

.home-services-card a {
    color: #ffffff !important;
}

.why-hire .hm-sr-box .hm-sr-title {
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: none !important;
}

.testimonials{
	padding-bottom: 40px !important;
}

.cta-btn{
	margin-top: 3rem;
}

.btn{
	height: unset !important;
}

@media screen and (max-width: 991px) {
	.price-sec a{
		        margin: 40px auto 0px;
	}
	.cta-btn{
	margin-top: 2rem;
}
	
}

@media screen and (max-width: 767px) {
	#careerForm{
		    grid-template-columns: 1fr;
	}
	.cta-btn{
	margin-top: 1.5rem;
}
}