/* ===================================================================================

* Theme Name: Ncare Child
* Theme URI: https://wp.themepure.net/ncare
* Author: Theme_Pure
* Author URI: https://themeforest.net/user/theme_pure/
* Description: Shofy - Multipurpose WooCommerce WordPress Theme
* Version: 1.0.0
* Template: ncare
* License: GNU General Public License version 3.0
* License URI: http://www.gnu.org/licenses/gpl-3.0.html
* Tags: one-column, right-sidebar, left-sidebar, custom-menu, featured-images, post-formats, sticky-post, translation-ready

* We encourage you to create Child theme for any modifications you will want to do.

* Why use Child theme?

* Because of future updates we may provide for this theme that will overwrite your
* modifications and all your custom work.

* If you are not familiar with Child Themes, you can read about it here:
* http://codex.wordpress.org/Child_Themes
* http://wp.tutsplus.com/tutorials/theme-development/child-themes-basics-and-creating-child-themes-in-wordpress/

====================================================================================== */


.tp-testimonial-avatar-thumb {
	display: none;
}

.left-side {
	float: left;
	width: 45%;
	/* margin-right: 2px; */
}

.right-side {
	float: right;
	width: 45%;
	/* margin-right: 2px; */
}

.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required.dropdwn, .wpcf7-form-control.wpcf7-select.dropdown, .wpcf7-form-control.wpcf7-text.txtfld, .wpcf7-form-control.wpcf7-date.wpcf7-validates-as-date.txtfld {
	width: 100%;
	padding: 6px 10px;
	margin-top: 15px;
	background-color: #ffffff;
	border: 1px solid #ccc;
	color: #333;
	border-radius: 2px;
	display: block;
	float: none;
	-moz-box-sizing: border-box;
	font-size: 16px;
	height: 38px;
}

.wpcf7-form-control.wpcf7-radio.rb, .wpcf7-form-control.wpcf7-checkbox.chkbox {
	display: flex;
	flex-direction: column;
	gap: 4px;
}


/* Main container */


/* Left and right columns */
.left-side,
.right-side {
  flex: 1;
}

/* Bottom sections like Cover Letter, Resume */
.btm,
.resume,
.resume-rightside {
  clear: both;
  width: 100%;
  margin-top: 20px;
}

.resume-rightside {
  clear: both;
  width: 100%;
  margin-top: 35px;
}

/* Optional: add spacing between form groups */
.left-side span,
.right-side span,
.btm span,
.resume span,
.resume-rightside span {
 /* display: block;*/
  margin: 10px 0 5px;
}

/* Inputs styling (optional for better UI) */
input[type="text"],
input[type="email"],
input[type="tel"],
select,
textarea {
  width: 100%;
  padding: 8px;
  margin-bottom: 10px;
  box-sizing: border-box;
}

/* Radio and checkbox groups column display */
.rb,
.chkbox {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.btm-res {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  margin-top: 20px;
}

/* Make resume and resume-rightside take equal space */
.btm-res .resume,
.btm-res .resume-rightside {
  flex: 1;
  min-width: 300px; /* Ensures responsive behavior */
}

/* Optional: Add spacing to label/text above inputs */
.btm-res span {
  display: block;
  margin-bottom: 8px;
}

/* Optional input styling for consistency */
input[type="file"],
select {
  width: 100%;
  padding: 8px;
  box-sizing: border-box;
}

.btm-res {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  margin-top: 30px;
}

.custom-upload,
.resume-rightside {
  flex: 1;
  min-width: 300px;
}

.resume-rightside label {
  font-weight: bold;
  display: block;
  margin-bottom: 8px;
}

/* Already shared upload box CSS */
.upload-box {
  position: relative;
  border: 2px dashed #ccc;
  border-radius: 6px;
  padding: 25px 20px;
  text-align: center;
  background-color: #fafafa;
  cursor: pointer;
}

.upload-box:hover {
  border-color: #999;
}

.upload-box input[type="file"] {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.upload-icon {
  font-size: 36px;
  color: #888;
  display: block;
  margin-bottom: 10px;
}

.upload-message p {
  margin: 0;
  color: #666;
}

.upload-note {
  font-size: 13px;
  color: #666;
  display: block;
  margin-top: 8px;
}

label {
	display: block ruby;
	font-weight: bold;
	margin-bottom: 8px;
}

.required {
  color: red;
  display: inline;
  margin-left: 4px; /* optional spacing */
}

.accept {
  margin-top: 30px;
  font-family: Arial, sans-serif;
}

.important-label {
  font-weight: bold;
  font-size: 16px;
  display: inline-block;
  margin-bottom: 10px;
}

.required {
  color: red;
  margin-left: 4px;
}

.acceptance-wrapper {
  margin-bottom: 15px;
}

.acceptance-wrapper label {
  font-weight: normal;
  font-size: 14px;
  display: inline-block;
  margin-left: 5px;
}

.info-text p {
  margin: 5px 0 10px;
  font-size: 14px;
  color: #444;
  line-height: 1.6;
}

.accept .wpcf7-list-item {
	display: inline-block;
	margin: 0 0 0 0;
}

.accept .acceptance-wrapper {
	margin-bottom: 0px;
}

.wpcf7-form-control.wpcf7-submit.has-spinner.sbmt {
	padding: 10px 40px;
	background-color: #eee;
	border: 1px solid #ddd;
	color: #333;
	font-size: 1em;
	margin-top: 20px;
}

.cf7-grid {
  max-width: 1000px;
  margin: 0 auto;
  padding: 30px 20px;
  font-family: 'Segoe UI', sans-serif;
}

.cf7-grid h2 {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 20px;
  color: #1d1d1d;
  border-bottom: 2px solid #e4e4e4;
  padding-bottom: 8px;
}

.form-row {
  display: flex;
  /*flex-direction: column;
  margin-bottom: 20px;*/
}

.form-row.full {
	display: block;
}

.form-row label {
  font-weight: 500;
  font-size: 14px;
  margin-bottom: 6px;
  color: #444;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="date"],
select,
textarea {
  padding: 14px 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 14px;
  width: 100%;
  box-sizing: border-box;
}

textarea {
  min-height: 100px;
}

input[type="radio"],
input[type="checkbox"] {
  margin-right: 6px;
}

.wpcf7-list-item {
  display: inline-block;
  margin-right: 15px;
}

.wpcf7-acceptance {
  font-size: 14px;
}

input[type="submit"],
input[type="button"],
button {
  background-color: #003366;
  color: white;
  padding: 12px 24px;
  font-size: 15px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: 0.3s ease;
}

input[type="submit"]:hover {
  background-color: #005499;
}

/* Form wrapper */
.cf7-grid {
  max-width: 100%;
  margin: 0 auto;
}

/* Row layout */
.form-row {
  margin-bottom: 20px;
}

.form-row label {
  display: block;
  font-weight: 600;
  margin-bottom: 6px;
  color: #333;
}

/* Two-column row */
.row-two {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}



/* Full-width inputs */
.full input,
.full select,
.full textarea {
  width: 100%;
}

/* Uniform input styling */
input[type="text"],
input[type="email"],
input[type="tel"],
select,
textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
}


/* Input styling for consistency */
.form-row input[type="text"],
.form-row input[type="tel"],
.form-row select,
.form-row textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

.r1 .wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required {
	width: 65.5%;
}

.ph .wpcf7-form-control.wpcf7-tel.wpcf7-validates-as-required.wpcf7-text.wpcf7-validates-as-tel {
	width: 66%;
}

.form-row.pn {
	display: block;
}

.half.dob {
	width: 32%;
}

.psd .wpcf7-form-control.wpcf7-date.wpcf7-validates-as-required.wpcf7-validates-as-date {
	width: 337px;
}

.ped .wpcf7-form-control.wpcf7-date.wpcf7-validates-as-required.wpcf7-validates-as-date {
	width: 336px;
}

.form-row.add1, .form-row.add2 {
	display: block;
	width: 66%;
}

.spr .wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required {
	padding: 17px;
	width: 336px;
}

.pug .wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
	width: 336px;
}

.tp-getin-form-input textarea {
	padding-left: 56px;
}

.back-to-top-btn svg {
	transform: translate(-6px, -12px) !important;
}

.tp-footer-copyright.text-center.text-md-start {
	width: 750px;
}

.tp-footer-widget-content-list-item.d-flex.align-items-start.phone {
	margin-top: 10px;
}

.tp-slider-shape-2 {
	margin: 25px 40px 0 0;
}

.tp-contact-info-icon::after {
	background-color: transparent; /* No background color */
}


@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-header-main .main-menu {
    margin: 10px 0 10px 0px !important;
  }
}

/* Responsive for smaller devices */
@media (max-width: 812px) {
  .form-row {
    flex-direction: column;
  }
	
	.left-side, .right-side {
    flex: 100%;
  }
	
	.tp-footer-copyright.text-center.text-md-start {
	width: 80% !important;
	/* text-align: center; */
	/* margin: 0 0 0px 0px; */
	margin-left: auto;
	margin-right: auto;
}
}

@media (min-width: 992px) {
  .contact-area .col-lg-4:nth-child(1) {
    width: 325px;
  }
	
	 .contact-area .col-lg-4:nth-child(2) {
    width: 464px;
  }
}