#trial{
    background: #0c1928;
    height: 100%;
}
.trial_header{
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 20px;
}

.trial_flex_start{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 20px;
}
.same_as_contact_div{
    width: fit-content;
}


@import url('https://fonts.googleapis.com/css?family=Nunito:400,900');



.svg-checkbox{
	/* padding: 2em;
	margin: 80px 0; */
    padding-left: 0;
    margin-bottom: 0;
    margin-top: 5px;
}

.svg-checkbox li{
	display: list-item;
	position: relative;
	list-style: none;
}

.svg-checkbox input[type="checkbox"] {
	display: inline-block;
	vertical-align: middle;
	opacity: 0;
}

.svg-checkbox input[type="checkbox"],
.svg-checkbox label::before {
	width: 20px;
	height: 20px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}



.svg-checkbox label{
	display: inline-block;
	position: relative;
	/* font-size: 1.6em; */
	padding: 0 0 0 60px;
}

.svg-checkbox label::before {
	content: '';
	border: 3px solid #fff;
	opacity: 0.7;
	transition: opacity 0.3s;
}

.svg-checkbox input[type="checkbox"]:checked + label::before {
	opacity: 1;
}

.svg-checkbox svg {
	position: absolute;
	top: 50%;
	left: 4px;
	width: 21px;
	height: 21px;
	margin-top: -14px;
	pointer-events: none;
	/* cursor: pointer; */
}

.svg-checkbox svg path {
	stroke-width: 15px;
	fill: none;
	transition: stroke-dashoffset 0.2s ease-in 0s;
}

.svg-checkbox svg path + path {
	transition: stroke-dashoffset 0.2s ease-out 0.2s;
}

.svg-checkbox input[type="checkbox"]:checked ~ svg path{
	stroke-dashoffset: 0;
}


@media screen and (max-width: 1236px) {
    #trial_form{
        width: 80%;
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
    }
}

@media screen and (max-width: 768px){
    #trial_form{
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
    }
}