.sgn_contactzone_clercs {
    background: #f8f9fa;
   padding: 120px 0 80px;
  min-height: calc(100vh - 400px);
}

.sgn_contactcontainer_clercs {
   max-width: 1280px;
   margin: 0 auto;
    padding: 0 22px;
}

.sgn_contactheader_clercs {
   text-align: center;
  margin-bottom: 55px;
}

.sgn_contacttitle_clercs {

	    font-size: 42px;
  color: #1a1a1a;
    font-weight: 700;
    margin-bottom: 18px;
  font-family: 'Playfair Display',serif;
	}

.sgn_contactsubtitle_clercs {
  font-size: 16px;
  color: #666;
    max-width: 750px;
  margin: 0 auto;
  line-height: 1.7;
}

.sgn_contactcontent_clercs {
    display: flex;
   gap: 35px;
    align-items: flex-start;
}

.sgn_contactinfo_clercs {
   flex: 0 0 320px;
    display: flex;
   flex-direction: column;
    gap: 20px;
}

.sgn_infocard_clercs {
   background: #fff;
    padding: 25px;
  border-radius: 10px;
  box-shadow: 0 3px 15px rgba(0,0,0,0.08);
    display: flex;
    gap: 18px;
  align-items: flex-start;
  border-left: 3px solid #b71c1c;
    transition: all 0.3s;
}

.sgn_infocard_clercs:hover {
  box-shadow: 0 5px 25px rgba(183,28,28,0.15);
  transform: translateX(3px);
}

.sgn_infoicon_clercs {
    flex: 0 0 50px;
  height: 50px;
  background: linear-gradient(135deg,#b71c1c 0%,#8b0000 100%);
    border-radius: 8px;
    display: flex;
   align-items: center;
  justify-content: center;
}

.sgn_infoicon_clercs img {
   width: 26px; 
    height: 26px; 
  filter: brightness(0) invert(1);
}

.sgn_infotext_clercs h3 {
   font-size: 16px;
    color: #1a1a1a;
  font-weight: 700;
  margin-bottom: 6px;
}

.sgn_infotext_clercs p {
   font-size: 14px;
  color: #666;
    margin: 0;
  line-height: 1.5;
}

.sgn_contactform_clercs {
  flex: 1;
}

.sgn_formwrapper_clercs {
   background: #fff;
  padding: 38px;
  border-radius: 10px;
  box-shadow: 0 3px 15px rgba(0,0,0,0.08);
}

.sgn_formtitle_clercs {
   font-size: 28px;
    color: #1a1a1a;
    font-weight: 700;
    margin-bottom: 28px;
  font-family: 'Playfair Display',serif;
}

.sgn_form_clercs{}

.sgn_formrow_clercs {
  margin-bottom: 22px;
  display: flex;
    gap: 18px;
}

.sgn_formrow_clercs:last-child {
    margin-bottom: 0;
}

.sgn_formgroup_clercs {
   flex: 1;
}

.sgn_formlabel_clercs {
    display: flex;
    align-items: center;
  gap: 8px;
    font-size: 14px;
   color: #333;
   font-weight: 600;
   margin-bottom: 8px;
}

.sgn_formlabel_clercs img {
   width: 16px;
   height: 16px;
  filter: brightness(0) saturate(100%) invert(20%);
}

.sgn_forminput_clercs,.sgn_formselect_clercs,.sgn_formtextarea_clercs {
  width: 100%;
    padding: 12px 16px;
    border: 2px solid #e0e0e0;
   border-radius: 6px;
    font-size: 14px;
   font-family: inherit;
    transition: all 0.3s;
  background: #fff;
}

.sgn_forminput_clercs:focus,.sgn_formselect_clercs:focus,.sgn_formtextarea_clercs:focus {
    outline: none;
  border-color: #b71c1c;
  box-shadow: 0 0 0 3px rgba(183,28,28,0.1);
}

.sgn_forminput_clercs.sgn_error_clercs,.sgn_formselect_clercs.sgn_error_clercs,.sgn_formtextarea_clercs.sgn_error_clercs {
    border-color: #d32f2f;
    background: #fff5f5;
}

.sgn_formerror_clercs {
    display: none;
   color: #d32f2f;
   font-size: 12px;
  margin-top: 5px;
  font-weight: 500;
}

.sgn_formerror_clercs.sgn_show_clercs {
  display: block;
}

.sgn_formtextarea_clercs {
   resize: vertical;
   min-height: 140px;
}

.sgn_wordcount_clercs {
   display: block;
    font-size: 12px;
  color: #888;
  margin-top: 6px;
   font-style: italic;
}

.sgn_radiogroup_clercs {
   display: flex;
  gap: 20px;
    margin-top: 10px;
}

.sgn_radiolabel_clercs {
   display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

.sgn_radiolabel_clercs input[type="radio"] {
   width: 18px;
  height: 18px;
    cursor: pointer;
  accent-color: #b71c1c;
}

.sgn_radiotext_clercs {
    font-size: 14px;
   color: #555;
}

.sgn_submitbtn_clercs {
   width: 100%;
  background: linear-gradient(135deg,#b71c1c 0%,#8b0000 100%);
    color: #fff;
    padding: 16px 32px;
  border: none;
    border-radius: 8px;
   font-size: 16px;
  font-weight: 700;
    cursor: pointer;
    transition: all 0.3s;
   display: flex;
    align-items: center;
   justify-content: center;
  gap: 10px;
  box-shadow: 0 3px 12px rgba(183,28,28,0.3);
}

.sgn_submitbtn_clercs img {
   width: 20px;
  height: 20px;
  filter: brightness(0) invert(1);
}

.sgn_submitbtn_clercs:hover {
  background: linear-gradient(135deg,#8b0000 0%,#6a0000 100%);
  transform: translateY(-2px);
  box-shadow: 0 5px 18px rgba(183,28,28,0.4);
}

.sgn_submitbtn_clercs:disabled {
    background: #ccc;
   cursor: not-allowed;
    transform: none;
}

.sgn_thankyoupopup_clercs {
   position: fixed;
    top: 0;
    left:  0;
  right: 0;
    bottom: 0;
  z-index: 9999;
    display: flex;
   align-items: center;
  justify-content: center; 

}

.sgn_thankyoupopup_clercs.sgn_hidden_clercs {
    display: none;
}

.sgn_thankyouoverlay_clercs {
   position: absolute;
    top: 0;
   left: 0;
  right: 0;
    bottom: 0;
  background: rgba(0,0,0,0.85);
  backdrop-filter: blur(3px);
}

.sgn_thankyoubox_clercs {
   position: relative;
   z-index: 1;
   background: #fff;
    max-width: 480px;
  width: 90%;
    padding: 42px 35px;
  border-radius: 12px;
  box-shadow: 0 10px 50px rgba(0,0,0,0.5);
  text-align: center;
  border-top: 5px solid #b71c1c;
}

.sgn_thankyouicon_clercs {
               width: 85px;
  height: 85px;
  margin: 0 auto 22px;
  background: linear-gradient(135deg,#b71c1c 0%,#8b0000 100%);
   border-radius: 50%;
    display: flex;
    align-items: center;
  justify-content: center;
}

.sgn_thankyouicon_clercs img {
   width: 48px;
  height: 48px;
  filter: brightness(0) invert(1);
}

.sgn_thankyoutitle_clercs {
  font-size: 32px;
    color: #1a1a1a;
    font-weight: 700;
    margin-bottom: 14px;
  font-family: 'Playfair Display',serif;
}

.sgn_thankyoutext_clercs {
  color: #555;
  margin-bottom     :        26px;
  line-height: 1.6;
    font-size: 16px;
}

.sgn_thankyoubtn_clercs {

  background: linear-gradient(135deg,#b71c1c 0%,#8b0000 100%);
   color: #fff;
  padding: 14px 36px;
  border: none;
  border-radius: 8px;
  font-size: 15px;
    font-weight: 700;
  cursor: pointer;
  transition: all 0.3s;
  box-shadow: 0 3px 12px rgba(183,28,28,0.3);
}

.sgn_thankyoubtn_clercs:hover {
  background: linear-gradient(135deg,#8b0000 0%,#6a0000 100%);
  transform: translateY(-2px);
}@media (max-width:991px){
    .sgn_contactcontent_clercs{flex-direction:column}
    .sgn_contactinfo_clercs{flex:0 0 auto;width:100%}
    .sgn_formrow_clercs{flex-direction:column}
}

@media (max-width:767px){
    .sgn_contacttitle_clercs{font-size:32px}
    .sgn_formwrapper_clercs{padding:25px 20px}
    .sgn_formtitle_clercs{font-size:24px}
    .sgn_thankyoubox_clercs{padding:32px 25px}
    .sgn_thankyoutitle_clercs{font-size:26px}
}