/* Generated by scripts/migrate.ts from Oxygen "Code Block" elements. */

/* page 10 "Home" — #code_block-58-10 */
/* Tabs&Pills Tab-Content Transition Styles STARTED */

.oxy-tabs-contents { position:relative }
.oxy-tabs-contents-content-hidden { 
  display:grid!important;
  position:absolute;
  opacity:0;
  transition:0.5s ease all;
  pointer-events: none;
  cursor: default;
}

/* Tabs&Pills Tab-Content Transition Styles ENDED */

/* page 10 "Home" — #code_block-198-10 */
/* 

This Form Instructions : Use "Name Fields" , "Email Address" , "Simple Text" , "Phone/Mobile Field" , "Text Area" ,  "Radio Field" ,  "Simple Text" & "Submit Button" in Fluent Forms builder. (Hide block Ladels in Label Placement)

Note: FluentForm shortcode ID need to match with below CSS FluentForm classes/IDs.

*/


#fluentform_24, #fluentform_24 button, #fluentform_24 input, #fluentform_24 textarea, #fluentform_24 label {font-family: 'Inter';}
#fluentform_24 .ff-el-form-control {border: 1px solid var(--border-color);color: var(--paragraph-color);}
#fluentform_24 .ff-el-form-control {
  background-color: var(--white-color);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  border: 0px solid;
  padding-right: 24px;
  padding-left: 24px;
  padding-top: 12px;
  padding-bottom: 12px;
}
#fluentform_24 .ff-el-form-control:focus {border-color:var(--border-alt-color);}
#fluentform_24 .ff-el-form-control::placeholder {
  color: var(--paragraph-color);
  font-weight: 500;
  font-size:14px;
}
#fluentform_24 .ff-el-group {margin-bottom:16px;}
#fluentform_24 .ff_submit_btn_wrapper {text-align: center;}
#fluentform_24 .ff-btn-submit {
    height: 48px;
    background-color: var(--primary-color);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
    border: solid var(--primary-color);
	border-radius: 4px;
    padding: 12px 32px;
  	font-weight: 500;
  	color: var(--light-color);
}
#fluentform_24 .ff-btn-submit:hover {
    color: var(--light-color);
    opacity:1;
}

#fluentform_24>.ff-el-group:last-of-type {margin-bottom:0px;}

@media (min-width: 992px) {
#fluentform_24.frm-fluent-form .ff-t-cell {padding: 0 8px;}
}

@media (min-width: 768px) {
#fluentform_24.frm-fluent-form .ff-t-cell {padding: 0 8px;}
#fluentform_24.frm-fluent-form .ff-t-cell:first-of-type {padding-left: 0;}
#fluentform_24.frm-fluent-form .ff-t-cell:last-of-type {padding-right: 0;}
}

/* page 17 "Contact" — #code_block-38-17 */
/* 

This Form Instructions : Use "Name Fields" , "Email Address" , "Simple Text" , "Phone/Mobile Field" , "Text Area" , "Radio Field" , "Simple Text" & "Submit Button" in Fluent Forms builder. (Hide block Ladels in Label Placement)

Note: FluentForm shortcode ID need to match with below CSS FluentForm classes/IDs.

*/


#fluentform_1, #fluentform_1 button, #fluentform_1 input, #fluentform_1 textarea, #fluentform_1 label {font-family: 'Inter';}
#fluentform_1 .ff-el-form-control {border: 1px solid var(--border-color);color: var(--paragraph-color);}
#fluentform_1 .ff-el-form-control {
  background-color: var(--white-color);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  border: 0px solid;
  padding-right: 24px;
  padding-left: 24px;
  padding-top: 12px;
  padding-bottom: 12px;
}
#fluentform_1 .ff-el-form-control:focus {border-color:var(--border-alt-color);}
#fluentform_1 .ff-el-form-control::placeholder {
  color: var(--paragraph-color);
  font-weight: 500;
  font-size:14px;
}
#fluentform_1 .ff-el-group {margin-bottom:16px;}
#fluentform_1 .ff_submit_btn_wrapper {text-align: center;}
#fluentform_1 .ff-btn-submit {
    height: 48px;
    background-color: var(--primary-color);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
    border: solid var(--primary-color);
	border-radius: 4px;
    padding: 12px 32px;
  	font-weight: 500;
  	color: var(--light-color);
}
#fluentform_1 .ff-btn-submit:hover {
    color: var(--light-color);
    opacity:1;
}

#fluentform_1>.ff-el-group:last-of-type {margin-bottom:0px;}

@media (min-width: 992px) {
#fluentform_1.frm-fluent-form .ff-t-cell {padding: 0 8px;}
}

@media (min-width: 768px) {
#fluentform_1.frm-fluent-form .ff-t-cell {padding: 0 8px;}
#fluentform_1.frm-fluent-form .ff-t-cell:first-of-type {padding-left: 0;}
#fluentform_1.frm-fluent-form .ff-t-cell:last-of-type {padding-right: 0;}
}