/* Write Custom style code dotsquares - Global */

.author_left_block {
    display: flex;
	align-items: center;
    flex-grow: 1;
    padding-right: 10px;
}
.author_left_block img {
    width: 42px;
    border-radius: 50%;
    margin-right: 1rem;
}
.author_left_block .author-name {
    text-transform: capitalize;
}
.author_left_block .author-name a{
    text-decoration: underline !important;
}
.author-info {
    padding: 1rem 0;
    border: none;
    margin-top: 0;
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}
.author-bio.single-blogpost {
    clear: both;
    padding-top: 1rem;
}


.author-details-row {
    display: flex;
    margin: 0 -15px;
}
.author-details-row .author-avatar {
    padding: 0 15px;
}
.author-details-row .author-bio {
    padding: 0 15px;
}

.author-description p{
    margin-bottom: 20px;
}

.author-details-name{
    text-transform: capitalize;
}
.request-form-border {
	border-color: var(--border-primary-color);
    border-width: 1.5px;
	padding: 2rem;
	border-radius: 2rem;
}

.request-form form fieldset{
	max-width: 100%;
}
.request-form form fieldset:nth-child(7), .request-form form fieldset:nth-child(8), .request-form form fieldset:nth-child(9), .request-form form fieldset:nth-child(10), .request-form form fieldset:nth-child(11){
	margin-bottom:0;
}


/*********new css*************/

@layer utilities {
  .rounded-4xl {
    border-radius: 2rem;
  }
  .h-12 {
    height: 3rem;
  }
  .max-w-4xl {
    max-width: 896px;
  }
 .pb-6 {
    padding-bottom: 1.5rem;
 }
 .capitalize{
    text-transform: capitalize;
 }
}
.max-w-\[420px\]{
    max-width: 420px;
}

.border-l-8{
    border-left-width: 8px;
} 
 .ml-auto {
    margin-left: auto;
}  
.packages-point ul li{
    margin-bottom: 0.9rem;
    background-image: url(../img/check.svg);
    background-position:top left;
    background-size: 24px;
    padding-left: 30px;
    background-repeat: no-repeat;
}


/* ---------- Checkbox & radio layout fix ---------- */

/* Kill the width:100% that .hs-input applies to text fields —
   this is what makes the box float centered on its own line */
.contact-form-section .hs-form input[type="checkbox"].hs-input,
.contact-form-section .hs-form input[type="radio"].hs-input {
  width: auto;
  display: inline-block;
  margin: 0;
  flex-shrink: 0;
  accent-color: #0b5fff; /* optional: match your brand color */
}

/* Put the box and its text on one line, vertically centered */
.contact-form-section .hs-form .hs-form-booleancheckbox-display,
.contact-form-section .hs-form .hs-form-radio-display {
  display: flex;
  align-items: flex-start;   /* use center if labels are single-line */
  gap: 0.625rem;
  cursor: pointer;
  margin: 0;
}

/* The span holding the label text */
.contact-form-section .hs-form .hs-form-booleancheckbox-display > span,
.contact-form-section .hs-form .hs-form-radio-display > span {
  margin: 0;
  line-height: 0.9;
}

/* Nudge the box down slightly to align with the first line of text */
.contact-form-section .hs-form .hs-form-booleancheckbox-display input,
.contact-form-section .hs-form .hs-form-radio-display input {
  margin-top: 0.2em;
}

/* Clean up the ULs HubSpot wraps these in */
.contact-form-section .hs-form .inputs-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.contact-form-section .hs-form .inputs-list li {
  margin: 0 0 0.625rem;
}

.contact-form-section .hs-form .inputs-list li:last-child {
  margin-bottom: 0;
}

/* Space between the "Select your plan" label and its options */
.contact-form-section .hs-form .hs-fieldtype-payment_link_radio > label {
  display: block;
  margin-bottom: 0.5rem;
}

/* ---------- Error messages ---------- */

.contact-form-section .hs-form .hs-error-msgs {
  margin: 0.375rem 0 0;
  padding: 0;
  list-style: none;
}

.contact-form-section .hs-form .hs-error-msg {
  color: #c0392b;
  font-size: 0.875rem;
  font-weight: 400;
}

.contact-form-section .hs-form .hs-input.invalid.error {
  border-color: #c0392b;
}

/* ---------- Submit ---------- */

.contact-form-section .hs-form .hs-submit {
  margin-top: 1.5rem;
}

.contact-form-section .hs-form .hs-button {
  cursor: pointer;
}

/* ---------- Dark theme ---------- */

/* [data-theme="dark"] .contact-form-section .hbspt-form .hs-input {
  color: #fff;
} */

[data-theme="dark"] .contact-form-section .hbspt-form label {
  color: #fff;
}



@media (max-width:1534px) {
.author-info {
    margin-bottom: 2rem;
}

}