@import url('https://fonts.googleapis.com/css2?family=Vollkorn:wght@400;500;600;700;800;900&display=swap');

body{

    margin: 0;

    font-family: 'Vollkorn', serif;

}

p{

    font-size: 16px;

    font-weight: 500;

    line-height: 1.6;

    margin: 0;

}

.hide {

    display: none;

}

.section_padding{

    padding: 40px 0;

}

.site-logo a{

	display: inline-block;

	max-width: 100%;

}

.site-logo img{

	max-width: 160px;

	width: 100%;

	height: auto;

}



.site-header{

    width: 100%;

    z-index: 999;

    padding: 18px 0;

    position: relative;

    background-color: #fff;

    box-shadow: 0px 2px 4px rgb(0 0 0 / 10%);

}



.banner-section{

    background: #fbf6ea;

}

.banner-title h1{

    font-size: 40px;

    font-weight: 700;

    color: #000;

}





.instruction-for-patient h2{

    font-size: 28px;

    font-weight: 700;

    color: #000;

    margin-bottom: 12px;

}

.instruction-for-patient ul{

    list-style: none;

    margin: 0px;

    padding: 0px;

}

.instruction-for-patient ul li{

    position: relative;

    font-size: 16px;

    font-weight: 500;

    line-height: 1.6;

    margin-bottom: 12px;

    padding-left: 24px;

}

.instruction-for-patient ul li::before{

    position: absolute;

    content: "";

    left: 0;

    width: 12px;

    height: 2px;

    background-color: #002B91;

    top: 10px;      

}





.form-field {

	background-color: #ffffff;

	padding: 24px;

	/*margin-right: 32px;*/

	background-image: repeating-linear-gradient(-17deg,#002B91,#002B91 9px,transparent 9px,transparent 18px,#002B91 18px),repeating-linear-gradient(73deg,#002B91,#002B91 9px,transparent 9px,transparent 18px,#002B91 18px),repeating-linear-gradient(163deg,#002B91,#002B91 9px,transparent 9px,transparent 18px,#002B91 18px),repeating-linear-gradient(253deg,#002B91,#002B91 9px,transparent 9px,transparent 18px,#002B91 18px);

	background-size: 2px calc(100% + 18.82px),calc(100% + 18.82px) 2px,2px calc(100% + 18.82px),calc(100% + 18.82px) 2px;

	background-position: 0 0,0 0,100% 0,0 100%;

	background-repeat: no-repeat;

	animation: borderAnimation 1s infinite linear

}



@keyframes borderAnimation {

	from {

		background-position: 0 0,-18.82px 0,100% -18.82px,0 100%

	}



	to {

		background-position: 0 -18.82px,0 0,100% 0,-18.82px 100%

	}

}

.input-field {

	margin-bottom: 24px;

	position: relative

}



.input-field label {

	color: #232323;

	font-size: 18px;

	font-weight: 600;

	line-height: 1.4;

	letter-spacing: .36px;

	margin-bottom: 6px;

	width: 100%;

}



.input-field input::placeholder {

	color: #6D6C69

}



.input-field input,

.input-field select,

.input-field textarea {

	background: #fbf6ea;

	height: auto;

	width: 100%;

	font-size: 14px;

	font-weight: 500;

	padding: 6px 12px;

	border: none;

	border-bottom: 1px solid;

	border-radius: 0;

}



.input-field input:focus,

.input-field select:focus,

.input-field textarea:focus {

	background: #FFFF9D;

	outline: none;

}



.input-field input[type="date"] {

	position: relative

}

.input-field input[type="date"]::-webkit-calendar-picker-indicator {

	position: absolute;

	left: 0;

	width: calc(100% - 20px);

	background-position: right

}



.submit-field {

	margin-top: 20px;

	position: relative;

	max-width: 300px;

	width: 100%;

	margin: 0 auto;

}



.submit-field button {

	background: #002B91;

	padding: 14px 24px;

	text-align: center;

	width: 100%;

	color: #ffffff;

	font-size: 16px;

	font-weight: 500;

	line-height: 1.4;

	letter-spacing: 1px;

	border-radius: 80px;

    border: 1px solid #002B91;

    transition: all 0.3s ease-in-out;

}

.submit-field button:hover{

    background: #ffffff;

    color: #002B91;



}





@media only screen and (max-width: 575px){

	.submit-field {

		max-width: 100%;

	}

	.form-field{

		padding: 16px;

	}

	.input-field label{

		font-size: 16px;

	}

}







label.error {

    font-size: 12px !important;

    color: #f00 !important;

    position: absolute;

    width: 100%;

    left: 0;

    bottom: -20px;

    margin: 0;

}





.form-footer{

    background: #fbf6ea;

}

.footer-col-1{

    display: flex;

    justify-content: space-between;

    gap: 30px;

    flex-wrap: wrap;

}

.footer-col-1 p a{

    display: inline-block;

    color: #000;

}

@media only screen and (max-width: 768.5px){

    .footer-col-1{

        flex-direction: column;

        gap: 10px;

        justify-content: center;

        text-align: center;

    }

}







.radio-main-section{

    display: inline-block;

    text-align: center;

    vertical-align: top;

    padding: 10px 0;

    width: 100%;

    border-radius: 15px;

    margin: 0;

}

.radio-section-main {

    display: inline-block;

    position: relative;

    width: 100%;

    max-width: 440px;

    margin: 0 auto;

}

.radio-section-main::before{

    content: '';

    position: absolute;

    width: 1px;

    height: 100%;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    background: #212529;

}

.radio-section-wrapper{

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    max-width: 415px;

    margin: 0 auto;



}

.radio-section-main::after{

    content: '';

    position: absolute;

    width: 100%;

    height: 1px;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    background: #212529;

}

.radio-content{

    height: 20px;

    /* width: 20px; */

    display: inline-block;

    vertical-align: top;

    position: relative;

    float: left;

}

.radio-content:not(:last-child) {

    margin-right: 5px;

}

.radio-content input{

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    margin: 0;

    opacity: 0;

    cursor: pointer;

}

.radio-content input:checked + h2{

    background: #002B91;

    color: #fff;

}

.radio-content h2{

    width: 100%;

    height: 100%;

    font-size: 14px;

    text-align: center;

    border-radius: 5px;

    line-height: 20px;

	min-width: 20px;

    font-family: 'Sofia Pro';

}

.radio-section{

    display: inline-block;

    float: left;

    padding: 0 10px;

}

.radio-section:first-child, .radio-section-main-two .radio-section:nth-child(2){

    padding-bottom: 15px;

} 

.radio-section-main-first{

    margin: 0 0 10px;

}

body .radio-section-main-two{

    max-width: 280px;

}

.center-padding{

    padding-right: 25px;

}

@media only screen and (max-width: 991px){

    .redio-main-section{

        margin: 20px 0 40px;

    }

}

@media only screen and (max-width: 767px){

    .redio-main-section{

        max-width: 100%;

    }

}

@media only screen and (max-width: 483px){

    .radio-section-main{

        max-width: 242px;

    }

    .radio-content:not(:last-child) {

        margin-right: 6px;

    }

    .radio-content{

       margin-bottom: 5px;

    }

    .radio-section {

        padding: 0 5px;

    }

    .radio-section-main-first .radio-content{

        width: 5.20%;

        margin-bottom: 0;

    }

    .radio-section-main-first .radio-section{

        width: 100%;

    }

    .radio-section-main-first .radio-section{

        padding: 0;

    }

    .radio-section-main-first.radio-section-main{

        max-width: 100%;

    }

    body .radio-section-main-two {

        max-width: 268px;

    }

    .radio-content h2{

        font-size: 13px;

    }

    .redio-main-section {

        padding: 10px;

        margin: 20px -10px;

    }

    .radio-section-main-first .radio-content:not(:last-child){

        margin-right: 1%;

    }

    .radio-section-main-first .radio-content h2{

        font-size: 9px;

    }

    .radio-section-main-first .radio-section:first-child{

        padding-bottom: 10px;

    }

    .center-padding {

        padding-right: 0px;

    }

    .radio-section-main-first .center-padding{

        padding-right: 5px;

    }

}

@media only screen and (max-width: 480px){

    .radio-section-main-two .radio-section:first-child, .radio-section-main-two .radio-section:nth-child(2) {

        padding-bottom: 25px;

    }

    .left-right-text-inner{

        position: absolute;

        left: calc(50% - 100px);

        z-index: 1;

        background: #fff;

        padding: 0 5px;

    }

    .left-right-text-inner p{

        padding: 5px 10px 6px;

        background: #002B91;

        color: #fff;

        line-height: 1;

        font-size: 14px;

        border-radius: 3px;

    }

    .right-text-inner{

        right: calc(50% - 100px);

        left: auto;

    }

    .checkbox-option{

        width: auto;

    }

}

@media only screen and (max-width: 325px){

    body .radio-section-main-two {

        max-width: 252px;

    }

    .radio-content:not(:last-child) {

        margin-right: 4px;

    }

}





.checkbox-main{

    padding: 20px 10px 0;

}

.checkbox-option{

    display: inline-block;

    vertical-align: top;

}

.checkbox-option .checkbox-primary{

	margin-bottom: 4px;

}

.checkbox-option .checkbox-primary input[type="checkbox"]{

    cursor: pointer;

}

.checkbox-option .checkbox-primary:not(:last-child){

    margin-right: 20px;

}

.review-label{

    font-size: 16px !important;

    font-weight: 400 !important;

    line-height: 1.5 !important;

    color: #212529 !important;

	margin-bottom: 0 !important;

	width: auto !important;

}

.checkbox-option .checkbox-primary input{

    width: 16px;

	min-width: 16px;

	height: 16px;

	margin-right: 5px;

	accent-color: #002B91;

	    transform: translateY(2px);

}



.checkbox-option.patient_type_checkbox .checkbox-primary{

		float: left;

	}

@media only screen and (max-width: 1199.5px){

	.checkbox-option.special_services_checkbox .checkbox-primary{

		float: left;

	}

}





