.logo {
    max-width: 350px;
}
.rating > :nth-child(6),
.rating > :nth-child(7) {
    display: none;
}
.testimonial-bg {
    background-color: var(--theme-2);
}
form input:not([type=submit]), form textarea{border: 1px solid rgb(from var(--black) r g b / 10%);}
.wpcf7-not-valid-tip{margin-top: -20px;margin-bottom: 20px;}
.service-item a{display:none;}
.sample-subtitle{justify-content:center;}
.sample-subtitle h6{font-weight:700;}
.swiperSamples img{height:100px;width:auto;}
@media (max-width: 575px) {
	.testimonial-bg:before,.testimonial-bg:after{display:none;}
	#about .about-counter{margin-top:25px;}
	.testimonial-item{padding:40px 30px 30px;}
	.footer .footer-email h3{font-size:16px;}
	#home .theme-btn-with-bg{font-size:16px;}
	.contact-form {
        margin-top: 0px;
		padding: 20px 20px;
    }
	.logo {
    max-width: 250px;
	}
	.swiperSamples img{height:50px;width:auto;}
}
br{display:unset;}
.breadcrumbs{background-image:url(https://sabrinasresumes.online/wp-content/uploads/2026/04/breadcrumb-bg.webp);}
.breadcrumbs h1,.breadcrumbs a,.breadcrumbs .ul{color:var(--black)}
footer img{width:300px;}
#blogParentDiv .blog-item-info{display:none;}
#about p a{color:var(--theme-2)}
#about span.count:after{content:"+"}

/* ============================================================
   FREE RESUME REVIEW FORM — complete custom CSS (nice-select version)
   ============================================================ */

/* ------------------------------------------------------------
   1. Hide the native select — nice-select's clone is the UI
   ------------------------------------------------------------ */
.wpcf7 select.wpcf7-form-control.wpcf7-select {
    display: none !important;
}

/* ------------------------------------------------------------
   2. Style the nice-select box to match the text inputs
   ------------------------------------------------------------ */
.wpcf7 .nice-select {
    display: block !important;
    float: none !important;
    width: 100% !important;
    height: auto !important;
    padding: 16px 44px 16px 20px !important;
    border: 1px solid #e5e5e5 !important;
    border-radius: 8px !important;
    background-color: #fff !important;
    font-size: 16px !important;
    font-family: inherit !important;
    line-height: 1.5 !important;
    box-shadow: none !important;
}

/* The selected value text */
.wpcf7 .nice-select .current {
    color: #777;
    font-size: 16px;
}

/* The arrow — reposition for the taller box */
.wpcf7 .nice-select:after {
    right: 20px !important;
    width: 8px !important;
    height: 8px !important;
    border-color: #888 !important;
    margin-top: -5px !important;
}

/* Hover / open states */
.wpcf7 .nice-select:hover,
.wpcf7 .nice-select.open {
    border-color: #87CEEB !important;
}

/* ------------------------------------------------------------
   3. The dropdown list panel
   ------------------------------------------------------------ */
.wpcf7 .nice-select .list {
    width: 100% !important;
    border-radius: 8px !important;
    border: 1px solid #e5e5e5 !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08) !important;
    margin-top: 6px !important;
    z-index: 99;
}

.wpcf7 .nice-select .option {
    padding: 12px 20px !important;
    font-size: 15px !important;
    color: #555 !important;
    line-height: 1.5 !important;
    min-height: auto !important;
}

.wpcf7 .nice-select .option:hover,
.wpcf7 .nice-select .option.focus,
.wpcf7 .nice-select .option.selected.focus {
    background-color: #eaf6fd !important;   /* light tint of your blue */
}

.wpcf7 .nice-select .option.selected {
    font-weight: 600 !important;
    color: #1a1a1a !important;
}

/* CF7's wrapper span must span full width */
.wpcf7 .wpcf7-form-control-wrap {
    display: block;
    width: 100%;
}

/* ------------------------------------------------------------
   4. Checkbox — box and text on one left-aligned row
   ------------------------------------------------------------ */
.checkbox-row .wpcf7-form-control-wrap,
.checkbox-row .wpcf7-checkbox {
    display: block;
    text-align: left;
}

.checkbox-row .wpcf7-checkbox .wpcf7-list-item {
    display: block;
    margin: 0;
}

.checkbox-row .wpcf7-checkbox .wpcf7-list-item label {
    display: flex !important;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
    text-align: left;
    cursor: pointer;
    font-weight: 400;
    margin: 0;
}

.checkbox-row .wpcf7-checkbox input[type="checkbox"] {
    display: inline-block !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px;
    margin: 3px 0 0 0 !important;
    padding: 0 !important;
    flex: 0 0 auto;
    -webkit-appearance: checkbox;
    appearance: checkbox;
    accent-color: #87CEEB;
}

.checkbox-row .wpcf7-checkbox .wpcf7-list-item-label {
    display: inline;
    flex: 1;
    line-height: 1.5;
}

.checkbox-row {
    margin: 10px 0 20px;
}

/* ------------------------------------------------------------
   5. File upload — match the input family
   ------------------------------------------------------------ */
input.wpcf7-form-control.wpcf7-file {
    width: 100% !important;
    padding: 14px 20px !important;
    border: 1px dashed #cfcfcf !important;
    border-radius: 8px !important;
    background-color: #fafafa !important;
    font-size: 15px !important;
    color: #777 !important;
    cursor: pointer;
}

input.wpcf7-form-control.wpcf7-file::file-selector-button {
    padding: 8px 18px;
    margin-right: 14px;
    border: none;
    border-radius: 6px;
    background: #87CEEB;
    color: #1a1a1a;
    font-weight: 600;
    cursor: pointer;
}

/* ------------------------------------------------------------
   6. Labels — left-aligned, spaced like the rest of the form
   ------------------------------------------------------------ */
.wpcf7 label {
    text-align: left;
    display: block;
    margin-bottom: 6px;
}

/* ============================================================
   FREE REVIEW FORM — card container
   ============================================================ */
.free-review-card {
    background: #ffffff;
    border: 1px solid #edf2f7;
    border-radius: 20px;
    padding: 48px 44px;
    margin-top: 48px;
    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.04),
        0 12px 32px rgba(15, 23, 42, 0.08);
    position: relative;
    overflow: hidden;
}

/* Accent bar across the top of the card — instant visual anchor */
.free-review-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 5px;
    background: linear-gradient(90deg, #87CEEB, #6a5acd); /* sky blue → purple, echoing your logo */
}

/* Slightly tinted page area behind the card (optional — see note) */
.free-review-section {
    background: #f6fafd;
    padding: 70px 0;
}

/* Inputs inside the card: soft gray fill so they read against white */
.free-review-card input.wpcf7-form-control:not(.wpcf7-file):not([type="checkbox"]),
.free-review-card textarea.wpcf7-form-control {
    background-color: #f8fafc !important;
    border: 1px solid #e5e9f0 !important;
    transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease;
}

.free-review-card input.wpcf7-form-control:focus,
.free-review-card textarea.wpcf7-form-control:focus {
    background-color: #fff !important;
    border-color: #87CEEB !important;
    box-shadow: 0 0 0 4px rgba(135, 206, 235, 0.18) !important;
    outline: none !important;
}

.free-review-card .nice-select {
    background-color: #f8fafc !important;
    border-color: #e5e9f0 !important;
}

/* Vertical rhythm between rows inside the card */
.free-review-card .row > [class*="col-"] {
    margin-bottom: 18px;
}

.free-review-card .row > [class*="col-"]:last-child {
    margin-bottom: 0;
}

/* Mobile: tighten the card padding so fields keep breathing room */
@media (max-width: 767px) {
    .free-review-card {
        padding: 32px 20px;
        border-radius: 16px;
        margin-top: 32px;
    }
}

/**New Page CSS Start**/
.service-section {
    margin-top: 80px;
}
.about-section {
	padding-bottom: 80px;
}
/**New Page CSS End**/