/* email-settings-form */
.form h3 {
    color: var(--262626, #262626);
    font-family: Roboto;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
}
.form .text_description {
    color: #7B7B7B;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-top: 8px;
}
.form .field-group {
    margin-bottom: 32px;
}

.form .field-group label{
    color: #262626;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    padding-bottom: 8px;
    margin-bottom: 0px !important;
}
.field-button .button {
    border-radius: 12px;
    background: #8951E1;
    color: #FFF;
    text-align: center;
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    padding: 16px 36px;
    border: none;
}
.field-button .btn-cancel {
    padding: 16px 36px;
    color: #8951E1 !important;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}
.field-group .cwi_uploader button {
	background-color: #9C63F4;
	width: 56px;
	height: 100%;
	border-radius: 0 8px 8px 0;
	border-left: none;
	border-top: 1px solid #D4D3D3;
	border-right: 1px solid #D4D3D3;
	border-bottom: 1px solid #D4D3D3;
	flex-shrink: 0;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.field-group .cwi_uploader button * {
	pointer-events: none !important;
}
.field-group .cwi_uploader {
	height: 56px;
	display: flex;
}
.field-group .cwi_uploader .icon-upload {
    content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1060_80)'%3E%3Cpath d='M0.713867 15V16.4286C0.713867 17.1863 1.01489 17.9131 1.55071 18.4489C2.08652 18.9847 2.81325 19.2857 3.57101 19.2857H16.4282C17.1859 19.2857 17.9126 18.9847 18.4485 18.4489C18.9843 17.9131 19.2853 17.1863 19.2853 16.4286V15' stroke='white' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M5.71387 5.71387L9.99958 0.713867L14.2853 5.71387' stroke='white' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M10 0.713867V13.571' stroke='white' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1060_80'%3E%3Crect width='20' height='20' fill='white'%3E%3C/rect%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E ");
}
.field-group .cwi_uploader input {
	border: 1px solid #D4D3D3;
	height: 100%;
	border-radius: 8px 0 0 8px !important;
}
.form .field-group input,
.form .field-group select {
    padding: 10px 16px;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #262626;
    width: 100%;
    border: 1px solid #D4D3D3;
    display: block;
    border-radius: 8px;
    outline: none;
    height: 56px;
}
.form .field-group #from_email{
    margin-top: 16px;
}
.form .field-group textarea{
    color: #262626;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    padding: 16px;
    border-radius: 8px;
    border: 1px solid #D4D3D3;
    background: #FFF;
    width: 100%;
    outline: none;   
}


/* CheckBox Swithc Style */
.form .field-group-checkbox-switch .switch {
    display: inline-block;
    position: relative;
    width: 60px;
    height: 30px;
    padding: 0px !important;
    
}
  
.form .field-group-checkbox-switch .switch input {
    display:none;
}
  
.form .field-group-checkbox-switch .slider {
    background-color: #ccc;
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: .4s;
}
  
.form .field-group-checkbox-switch .slider:before {
    background-color: #fff;
    bottom: 3px;
    content: "";
    height: 24px;
    left: 3px;
    position: absolute;
    transition: .4s;
    width: 24px;
}
  
.form .field-group-checkbox-switch {
    display: flex;
    justify-content: space-between;
    margin-bottom: 27px;
}
.form .field-group-checkbox-switch label {
    padding: 0px !important;
    margin: 0px !important;
}
.form .field-group-checkbox-switch input:checked + .slider {
    background-color: #8951E1;
}

.form .field-group-checkbox-switch input:checked + .slider:before {
    transform: translateX(26px);
}

.form .field-group-checkbox-switch .slider.round {
    border-radius: 34px;
}

.form .field-group-checkbox-switch .slider.round:before {
    border-radius: 50%;
}

/* End Checkbox Style */

/* field-test-email */
.form .field-test-email,
.form .spam-check {
    display: flex;
    gap: 24px;
    align-items: center;
    display: flex;
    justify-content: space-between;
}
.form .field-test-email button {
    display: inline-flex;
    padding: 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    border-radius: 12px;
    background: #8951E1;
    box-shadow: 0px 8px 20px 0px rgba(156, 99, 244, 0.20);
    color:#FFF;
    text-align: center;
    font-family: Roboto;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    border: none;
    height: 40px;
}

.form .preview-action {
    display: flex;
    align-items: center;
    display: flex;
    justify-content: space-between;
}
.form .preview-action .preview-action-button {
    display: flex;
    gap: 16px;
}
.form .preview-action a{
    display: inline-flex;
    height: 40px;
    padding: 16px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 12px;
    border: 1px solid #8951E1;
    background: #FFF;
    box-shadow: 0px 8px 20px 0px rgba(156, 99, 244, 0.20);
    color: #8951E1;
    text-align: center;
    font-family: Roboto;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 133.333% */
}
.status-spam {
    width: 148px;
    height: 56px;
    flex-shrink: 0;
    border-radius: 12px;
    background: #e8f4e8;
    text-align: center;;
    line-height: 56px;
}
.status-spam  .icon-check {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cmask id='mask0_2839_103' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_2839_103)'%3E%3Cpath d='M9.55028 17.3093L4.58105 12.34L5.2945 11.6266L9.55028 15.8823L18.7061 6.72656L19.4195 7.44001L9.55028 17.3093Z' fill='%23139011'/%3E%3C/g%3E%3C/svg%3E");
    position: relative;
    top: 5px;
    right: 5px;
}
.status-passed{
    color: #139011;
    text-align: center;
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
}
.btn-close {
    display: inline-flex;
    padding: 16px 32px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 12px;
    background: #8951E1;
    box-shadow: 0px 8px 20px 0px rgba(156, 99, 244, 0.20);
    color: #FFF !important;
    text-align: center;
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 133.333% */
    margin: 0 auto;
    position: absolute;
    left:50%; 
    transform:translate(-50%); 
}

.form .field-group-radio,
.form .field-group-checkbox {
    display: flex;
    margin-bottom: 0px;
}

.form .field-group-checkbox  {
    margin-top: 30px;
}
.form .icon-add {
    content: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_680_5231)'%3E%3Cpath d='M10 5.71436V14.2858' stroke='%239C63F4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.71484 10.0001H14.2863' stroke='%239C63F4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.0006 0.714355H5.00056C2.63362 0.714355 0.714844 2.63314 0.714844 5.00007V15.0001C0.714844 17.367 2.63362 19.2858 5.00056 19.2858H15.0006C17.3675 19.2858 19.2863 17.367 19.2863 15.0001V5.00007C19.2863 2.63314 17.3675 0.714355 15.0006 0.714355Z' stroke='%239C63F4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_680_5231'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
#continue_if_not_same_form  {
    margin-top: 20px;
    align-items: center;
    
}
#continue_if_not_same_form  span {
    width: 200px;
}
#continue_if_not_same_form input[type="number"] {
    width: 200px;
}
.form .field-group-radio input[type="radio"] {
    width: 20px;
    height: 20px;
    outline: none;
    border: none;
    accent-color: #9C63F4;
    margin-right: 8px;
}
.form .field-group-checkbox input[type="checkbox"] {
    width: 20px;
    height: 20px;
    outline: none;
    border: none;
    accent-color: #9C63F4;
    margin-right: 8px;
    padding: 0px !important
}
.form .field-group-flex {
    display: flex;
    gap: 16px;
    position: relative;
}

.form .inner-repeater {
    padding: 30px;
    background: #9d63f412;
    border-radius: 8px;
    margin-bottom: 20px;
}
.deep-inner-repeater-list,
.outer-list {
    position: relative;
}

.icon-close {
    position: absolute;
    right: -12px;
    top: -12px;

}
form .icon-close {
    content: url("data:image/svg+xml,%3Csvg fill='%23000000' width='24px' height='24px' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 0c-8.836 0-16 7.163-16 16s7.163 16 16 16c8.837 0 16-7.163 16-16s-7.163-16-16-16zM16 30.032c-7.72 0-14-6.312-14-14.032s6.28-14 14-14 14 6.28 14 14-6.28 14.032-14 14.032zM21.657 10.344c-0.39-0.39-1.023-0.39-1.414 0l-4.242 4.242-4.242-4.242c-0.39-0.39-1.024-0.39-1.415 0s-0.39 1.024 0 1.414l4.242 4.242-4.242 4.242c-0.39 0.39-0.39 1.024 0 1.414s1.024 0.39 1.415 0l4.242-4.242 4.242 4.242c0.39 0.39 1.023 0.39 1.414 0s0.39-1.024 0-1.414l-4.242-4.242 4.242-4.242c0.391-0.391 0.391-1.024 0-1.414z'%3E%3C/path%3E%3C/svg%3E");
}
.form .field-group-flex .icon-delete {
    top: 16px;
    right: -24px;
    position: absolute;
}
.form .icon-delete {
	content: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1061_585)'%3E%3Cpath d='M1.42773 5H18.5706' stroke='%23BE2C2C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.57227 5H16.4294V17.8571C16.4294 18.236 16.2788 18.5994 16.011 18.8673C15.7431 19.1351 15.3797 19.2857 15.0008 19.2857H5.00084C4.62195 19.2857 4.25859 19.1351 3.99068 18.8673C3.72278 18.5994 3.57227 18.236 3.57227 17.8571V5Z' stroke='%23BE2C2C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.42773 4.99995V4.28566C6.42773 3.33846 6.80401 2.43005 7.47378 1.76028C8.14355 1.09051 9.05196 0.714233 9.99916 0.714233C10.9464 0.714233 11.8548 1.09051 12.5245 1.76028C13.1943 2.43005 13.5706 3.33846 13.5706 4.28566V4.99995' stroke='%23BE2C2C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.85742 9.28784V15.0043' stroke='%23BE2C2C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.1426 9.28784V15.0043' stroke='%23BE2C2C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1061_585'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.btn-add {
    color: #8951E1 !important;
}


.form .field-group .radio-group {
	display: flex;
	padding-top: 8px;
}

.form .field-group .radio-group .input-radio {
	display: flex;
	margin-right: 40px;
}
.form .field-group .radio-group .input-radio label {
    font-family: "Roboto", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
}

.form .field-group .radio-group .input-radio input.type,
.form .field-group .radio-group .input-radio input[type="radio"]{
	width: 20px;
	height: 20px;
	outline: none;
	border: none;
	accent-color: #9C63F4;
	margin-right: 8px;
}
.form .group-radio label {
    display: flex;
}
.form .cs_info_button {
    display: flex;
    position: relative;
}

.form span.cs_info_trigger {
    width: 20px;
    height: 20px;
    display: inline-block;
    cursor: pointer;
}

.form .cs_info_button.actv .cs_info_trigger svg path {
    stroke: #9C63F4;
}

.form .cs_info_popover {
    visibility: hidden;
    position: absolute;
    top: 35px;
    right: -45px;
    width: 320px;
    background-color: #fff;
    padding: 16px 24px;
    border-radius: 16px;
    z-index: -999;
    box-shadow: 0 4px 28px rgb(0 0 0 / 15%);
    text-align: left;
}

.form .cs_info_button.actv .cs_info_popover {
    visibility: visible;
    z-index: 999;
    transition: visibility 0.35s linear 0s;
}

.form .cs_info_popover::before {
    content: '';
    position: absolute;
    display: inline-block;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-bottom: 19px solid #fff;
    top: -10px;
    right: 38px;
}

.form .cs_info_title {
    font-size: 13px;
    line-height: 16px;
    color: #262626;
    font-weight: 700;
    font-family: 'Roboto';
    margin-bottom: 8px;
}

.form .cs_info_content {
    font-size: 13px;
    line-height: 16px;
    font-family: 'Roboto';
    font-weight: 500;
}

.form span.cs_info_close {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuMDAwMDIgMUwxIDkiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMSAxTDkuMDAwMDIgOSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
    width: 10px;
    height: 10px;
    display: inline-block;
    position: absolute;
    top: 16px;
    right: 16px;
    cursor: pointer;
}
.form .submit {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF !important;
    background: #8951E1;
    border-radius: 12px;
    filter: drop-shadow(0px 8px 20px rgba(156, 99, 244, 0.2));
    margin: 0 auto;
    cursor: pointer;
}

.form .dropdown .select-btn {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
	display: block !important;
	width: 100%;
	min-height: 58px;
	height: auto;
	color: #262626;
	padding: 16px;
	background: #FFFFFF;
	border: 1px solid #D4D3D3;
	border-radius: 8px;
	display: block;
	overflow: scroll;
}

.form .dropdown .select-btn::-webkit-scrollbar {
	display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.form .dropdown .select-btn {
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
}

.select-btn p {
	margin: 0px !important;
	display: block;
	width: auto;
	position: relative;
	overflow: hidden;
}

.form .dropdown {
	margin-bottom: 0px;
}

.form .dropdown dd, .form .dropdown dt {
	margin: 0px;
	padding: 0px;
}

.form .dropdown ul {
    
}

.form .dropdown dd {
	position: relative;
    
}

.form .dropdown dt a span, .multiSel span {
	cursor: pointer;
	display: inline-block;
	padding: 0 3px 2px 0;
	position: relative;
    background-color: white;

}
.form .dropdown .select-btn {
    /* inline SVG */
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20448%22%20enable-background%3D%22new%200%200%20256%20448%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.arrow%7Bfill%3A%23424242%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22arrow%22%20d%3D%22M255.9%20168c0-4.2-1.6-7.9-4.8-11.2-3.2-3.2-6.9-4.8-11.2-4.8H16c-4.2%200-7.9%201.6-11.2%204.8S0%20163.8%200%20168c0%204.4%201.6%208.2%204.8%2011.4l112%20112c3.1%203.1%206.8%204.6%2011.2%204.6%204.4%200%208.2-1.5%2011.4-4.6l112-112c3-3.2%204.5-7%204.5-11.4z%22%2F%3E%3C%2Fsvg%3E%0A");
    background-position: right 18px center;
    background-repeat: no-repeat;
    background-size: auto 20px;
    outline: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

.form .dropdown dt a span, .multiSel span:before {
	position: relative;
	content: ',';
}

.form .dropdown dt a span, .multiSel span:first-child:before {
	content: ' ';
}

.form .dropdown dd ul {
	background: #FFFFFF;
	box-shadow: 0px 16px 28px rgba(0, 0, 0, 0.05);
	border-radius: 8px;
	border: 0;
	display: none;
	left: 0px;
	padding: 8px;
	position: absolute;
	top: 2px;
	width: 100%;
	list-style: none;
	height: 176px;
	overflow: auto;
	z-index: 999;
}

.form .dropdown dd ul li {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
	color: #262626;
}

.form .dropdown span.value {
	display: none;
}

.form .dropdown dd ul li a {
	padding: 5px;
	display: block;
}

.form .dropdown dd ul li a:hover {
	background-color: #fff;
}

.form .select-btn {
	position: relative;
}

.hida {
	display: block;
	width: 100%;
	height: 100%;
}

.form .dropdown dd ul li input {
	padding: 0;
	height: initial;
	width: initial;
	margin-bottom: 0;
	display: none !important;
	cursor: pointer;
}

.form .dropdown dd ul li label:before {
    content: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='19' height='19' rx='2.35714' fill='white' stroke='%23D4D3D3'/%3E%3C/svg%3E%0A");
    position: relative;
    top: 3px;
}

.form .dropdown dd ul li label {
	padding: 8px;
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
	color: #262626;
    display: flex;
    gap: 10px;
}

.form .dropdown dd ul li label:hover {
	background: rgb(156 99 244 / 10%);
	border-radius: 8px;
}

.form .dropdown dd ul li input:checked + label:before {
    content: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='19' height='19' rx='2.35714' fill='%239C63F4' stroke='%239C63F4'/%3E%3Cg clip-path='url(%23clip0_673_4112)'%3E%3Cpath d='M4.42773 11.3286L6.76773 14.3371C6.84669 14.4397 6.94787 14.5231 7.06366 14.581C7.17945 14.6389 7.30686 14.6698 7.43631 14.6714C7.56367 14.6729 7.68976 14.646 7.80541 14.5926C7.92107 14.5392 8.02337 14.4607 8.10488 14.3628L15.5706 5.32855' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_673_4112'%3E%3Crect width='12' height='12' fill='white' transform='translate(4 4)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.form .field-group select {
    background-color: white;
  /* inline SVG */
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20448%22%20enable-background%3D%22new%200%200%20256%20448%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.arrow%7Bfill%3A%23424242%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22arrow%22%20d%3D%22M255.9%20168c0-4.2-1.6-7.9-4.8-11.2-3.2-3.2-6.9-4.8-11.2-4.8H16c-4.2%200-7.9%201.6-11.2%204.8S0%20163.8%200%20168c0%204.4%201.6%208.2%204.8%2011.4l112%20112c3.1%203.1%206.8%204.6%2011.2%204.6%204.4%200%208.2-1.5%2011.4-4.6l112-112c3-3.2%204.5-7%204.5-11.4z%22%2F%3E%3C%2Fsvg%3E%0A");
  background-position: right 18px center;
  background-repeat: no-repeat;
  background-size: auto 20px;
  outline: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.form .field-group select::-ms-expand {
    display: none;
  }

.form input:disabled {
    cursor: not-allowed;
    pointer-events: all !important;
    opacity: 0.7 !important;
    background: #ddd !important;
}
.form .field-group-password {
    position: relative;
}
.form .field-group-password .show-password {
    position: absolute;
    top: 55%;
    right: 26px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}
.form .link {
    color: #8951E1 !important;
}

.form .field-group-password .hide-pass {
    content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.9005 8.92315C19.1373 9.21846 19.2685 9.60213 19.2685 9.99995C19.2685 10.3978 19.1373 10.7814 18.9005 11.0767C17.4005 12.8928 13.9862 16.4286 10.0005 16.4286C6.01476 16.4286 2.60048 12.8928 1.10048 11.0767C0.863563 10.7814 0.732422 10.3978 0.732422 9.99995C0.732422 9.60213 0.863563 9.21846 1.10048 8.92315C2.60048 7.10705 6.01476 3.57129 10.0005 3.57129C13.9862 3.57129 17.4005 7.10705 18.9005 8.92315Z' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.99972 12.8569C11.5777 12.8569 12.8569 11.5777 12.8569 9.99972C12.8569 8.42176 11.5777 7.14258 9.99972 7.14258C8.42176 7.14258 7.14258 8.42176 7.14258 9.99972C7.14258 11.5777 8.42176 12.8569 9.99972 12.8569Z' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.form .field-group-password .show-pass {
    content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2_86)'%3E%3Cpath d='M12.1433 16.0994C11.4542 16.3079 10.7371 16.4286 10.0005 16.4286C6.01476 16.4286 2.60048 12.8928 1.10048 11.0767C0.863563 10.7814 0.732422 10.3978 0.732422 9.99995C0.732422 9.60213 0.863563 9.21846 1.10048 8.92315C1.57572 8.34775 2.24312 7.59973 3.05998 6.84625M5.18501 5.17757C6.60322 4.256 8.24652 3.57129 10.0005 3.57129C13.9862 3.57129 17.4005 7.10705 18.9005 8.92315C19.1373 9.21846 19.2685 9.60213 19.2685 9.99995C19.2685 10.3978 19.1373 10.7814 18.9005 11.0767C18.0736 12.0778 16.6652 13.6014 14.8999 14.7673L5.18501 5.17757Z' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.0211 12.02C13.1369 10.9042 13.1369 9.09519 12.0211 7.97941C10.9053 6.86364 9.09625 6.86364 7.98047 7.97941' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.2863 19.2853L0.714844 0.713867' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2_86'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

/* form-create-account */
.form-create-account p a b{
    color: #8951E1;
}
.form .field-group-message {
    display: none;
    border-radius: 2px;
    font-family: "Roboto", Sans-serif;
    font-weight: 400;
    line-height: 24px;
    border: 1px solid;
    padding: 8px;
    border: 1px solid #d9534f;
    width: 100%;
    margin-top: 15px;
}
.form .field-group-message.error {
    color: #d9534f;
}
.form .field-group-message.error:before {
    content: "\e87f";
    display: inline-block;
    font-family: eicons;
    font-weight: 400;
    font-style: normal;
    vertical-align: middle;
    margin-right: 5px;
}
.form .field-group-submit {
    position: relative;
}
.form.form-loading {
    opacity: 0.5;
    position: relative;
}
.form.form-loading:before {
    content: '';
    box-sizing: border-box;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border-top: 4px solid rgb(137 81 225);
    border-left: 4px solid rgb(137 81 225);
    border-bottom: 4px solid rgb(137 81 225);
    border-right: 4px solid rgb(137 81 225 / 68%);
    animation: spinner .8s linear infinite;
    z-index: 999;
    position: absolute;
    left: calc(50% - 50px);
    top: calc(50% - 50px);
    opacity: 1;
}
.form .button-spinner {
    display: none;
  content: '';
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border-top: 4px solid rgba(255, 255, 255, 1.0);
  border-left: 4px solid rgba(255, 255, 255, 1.0);
  border-bottom: 4px solid rgba(255, 255, 255, 1.0);
  border-right: 4px solid rgba(255, 255, 255, 0.0);
  animation: spinner .8s linear infinite;
  z-index: 999;
  position: absolute;
  left: 35%;
  top: 30%;
}
@keyframes spinner {
  to {transform: rotate(360deg);}
}

.form .field-group-domain {
    position: relative;
}
.form .field-group-domain .preview-parent-domain {
    position: absolute;
    top: 33px;
    right: 1px;
    padding: 16px;
    display: flex;
    align-items: center;
    background-color: #F7F7F7;
    border-left: 1px solid #D4D3D3;
    color: rgba(38, 38, 38, 0.7);
    border-radius: 0 8px 8px 0;
    line-height: 24px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: rgba(38, 38, 38, 0.7);
}