:root{
    --white1: #ffffff;
    --gray1: #808080;
	--red1: #ff0000;
	--yellow1: #faba37;
	--yellow2: #f0dd8c;
	--yellow3: #f3ab1b;
	--yellow4: #fff4cb;
	--yellow5: #fffae3;
	--blue1: #5b6fb5;
	--blue2: #97d9eb;
	--blue3: #97adda;
	--green1: #4db87d;
	--green2: #bfdb7c;
	--green3: #e1eec4;
	--voilet1: #a88ec3;
	--voilet2: #9d62a8;
	--cyan1: #00b6c2;
	--tan1: #fab791;
	--tan2: #fddeca;
	--pink1: #f7b7d3;
	--pink2: #fbdfeb;
	--bronze1: #e4b76c;
	--bronze2: #f4ddb9;
	--lavender1: #d9c6e0;
	--lavender2: #ebe1ef;
	--orange1: #ff6633;
	--black1: #000000;
    --rd5: 15px;
    --green: #008000;
    --green2: #c0d995;
}
@font-face{
	font-family: alef;
	src: url(../fonts/alef_regular.ttf);
}
@font-face{
	font-family: series_orbit;
	src: url(../fonts/series_orbit.ttf);
}
@font-face{
	font-family: amazingkids;
	src: url(../fonts/amazingkids.otf);
}
@font-face{
	font-family: centurygothicb;
	src: url(../fonts/centurygothic_bold_new.ttf);
}
@font-face{
	font-family: centurygothicr;
	src: url(../fonts/centurygothic_regular_new.ttf);
}
@font-face{
	font-family: cute_frog;
	src: url(../fonts/cute_frog.ttf);
}
@font-face{
	font-family: gothic;
	src: url(../fonts/gothic.ttf);
}
@font-face{
	font-family: grinchedregular;
	src: url(../fonts/grinchedregular.ttf);
}
@font-face{
	font-family: minionpro_regular;
	src: url(../fonts/minionpro_regular.otf);
}
@font-face{
	font-family: mister_frogie_regular;
	src: url(../fonts/mister_frogie_regular.otf);
}
@font-face{
	font-family: mr_sunshine_2;
	src: url(../fonts/mr_sunshine_2.ttf);
}
@font-face{
	font-family: myriadpro_semibold;
	src: url(../fonts/myriadpro_semibold.otf);
}
@font-face{
	font-family: my_kids_handwritten;
	src: url(../fonts/my_kids_handwritten.otf);
}
@font-face{
	font-family: uchiyama;
	src: url(../fonts/uchiyama.ttf);
}
@font-face{
	font-family: vanilla_caramel;
	src: url(../fonts/vanilla_caramel.otf);
}

*{
	margin: 0;
	padding: 0;
}
html, body {
    background-color: gray;
}
body{
    margin: 0 auto;
	font-size: 14px;
	line-height: 1.2rem;
	text-rendering:optimizeSpeed;
}
.page_size{
    margin: 0 auto;
    width: 210mm;
    height: 297mm;
}
.page_1, .page_2, .page_3, .page_4, .page_5, .page_6{
	position: relative;
}
.page1_1 {
    position: absolute;
    left: 231px;
    top: 133px;
    width: 341px;
}
.progress_text {
	font-family: series_orbit;
	/* font-size: 4.9rem; */
	font-size: 3.2rem;
	letter-spacing: -1px;
	word-spacing: 0;
	line-height: 4.5rem;
	text-align: center;
}
small{
	font-size: 60%;
}
.page1_2{
    position: absolute;
    top: 228px;
    left: 77px;
}
.table{
	border-collapse: collapse;
	width: 590px;
}
.table td{
	border: solid 0px var(--red1);
	height: 50px;
	vertical-align: middle;
}
.table tr td:nth-child(1){
	width: 150px;
}
.table tr:nth-child(1) td:nth-child(3){
	width: 170px;
}
.table tr:nth-child(2) td:nth-child(2){
	width: 124px;
}
.table tr:nth-child(2) td:nth-child(3){
	width: 60px;
	position: relative;
	left: 11px;
}
.table tr:nth-child(2) td:nth-child(4){
	width: 60px;
}
.table tr:nth-child(2) td:nth-child(4) > input{
    width: 80px;
}
.label_cell {
    font-family: my_kids_handwritten;
    font-size: 1.6rem;
    line-height: 2rem;
}
.school_name{
    top: 5px;
    position: relative;
    font-size: 1.5rem !important;
    text-align: center;
    font-family: my_kids_handwritten;
    border: solid 0px var(--blue3) !important;
    background-color: #74adeb;
    padding: 5px 0px !important;
    box-shadow: inset 0px 0px 0px 1px #74adeb;
}
input, textarea{
    outline: none;
}
input[type="file"]{
    display: none;
}
input[type="text"], input[type="number"] {
    width: 96%;
    height: 30px;
    font-size: 1rem;
    border: solid 2px var(--blue3);
    border-radius: 0.5rem;
    position: relative;
    left: 0;
    padding: 0px 4px;
    z-index: 1;
}
textarea {
    width: 96%;
    height: 138px;
    font-size: 1rem;
    border: solid 2px var(--blue3);
    border-radius: 0.5rem;
    position: relative;
    left: 0;
    padding: 0px 4px;
    z-index: 1;
}
/* input[type="radio"]:checked + label{
    background-color: var(--green);
}
input[type="radio"]:checked + label:after{
    content: "\2713";
    color: var(--white1);
    font-weight: 700;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
} */
input[type="date"]{
    width: 96%;
    height: 30px;
    font-size: 1rem;
    border: solid 2px var(--blue3);
    border-radius: 0.5rem;
    position: relative;
    left: 0;
    padding: 0px 4px;
}
.fright{
	float: right;
	margin-right: 4px;
}
.fright1{
	float: right;
	margin-right: 14px;
}
.uploadphoto{
	visibility: hidden;
}
.uploadphoto_frame {
    width: 160px;
    height: 150px;
    border: solid 0px var(--gray1);
    display: block;
    position: relative;
    top: -90px;
    left: 517px;
    cursor: pointer;
    box-shadow: inset 0px 0px 0px 2px var(--blue3);
    background-color: var(--white1);
    transform: rotate(9deg);
    border-radius: 1rem;
}
.uploadphoto_frame img {
    width: 100%; /* Make the image width fit the container */
    height: 100%; /* Make the image height fit the container */
    object-fit: scale-down; /* Ensures the image fits the container proportionally */
  }
.uploadlogo_frame {
    width: 120px;
    height: 120px;
    border: solid 0px var(--gray1);
    display: block;
    position: relative;
    top: 0px;
    left: 0px;
    cursor: pointer;
    box-shadow: inset 0px 0px 0px 2px #74adeb;
    background-color: #74adeb;
}
.uploadlogo_frame img {
    width: 100%; /* Make the image width fit the container */
    height: 100%; /* Make the image height fit the container */
    object-fit: scale-down; /* Ensures the image fits the container proportionally */
  }
.signaturedate_frame img {
    width: 100%; /* Make the image width fit the container */
    height: 100%; /* Make the image height fit the container */
    object-fit: scale-down; /* Ensures the image fits the container proportionally */
  }

/* .uploadlogo_frame{
    top: 0px;
    left: 0px;
    background-color: #f1dabe;
    box-shadow: inset 0px 0px 0px 0px #f1dabe;
} */
.school_logo.page1_1_1 {
    position: absolute;
    top: 0px;
    right: 20px;
}
.wd50{
    width: 50px;
}
.wd60{
    width: 60px;
}
.wd200{
    width: 200px;
}
.pl20{
    padding-left: 20px;
    position: relative;
}
.uploadlogo_frame::after, .uploadphoto_frame::after, .signaturedate_frame::after{
    content: "Logo";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    font-family: my_kids_handwritten;
    font-size: 1.5rem;
    color: #7b7b7b;
    z-index: 0;
}
.signaturedate_frame {
    width: 128px;
    height: 46px;
    border: solid 0px var(--gray1);
    display: block;
    position: relative;
    top: 0px;
    left: 0px;
    cursor: pointer;
    box-shadow: inset 0px 0px 0px 2px var(--blue3);
    background-color: var(--white1);
    border-radius: 10px;
}
.uploadphoto_frame::after{
    content: "Photo"; 
}
.page1_3 {
    position: absolute;
    left: 70px;
    top: 635px;
    background-color: #0000004d;
    right: 60px;
}
.thhead_text {
    font-family: cute_frog;
    font-size: 1.1rem;
}
.thdeta_text {
    font-family: my_kids_handwritten;
    font-size: 1.6rem;
    line-height: 1.8rem;
}
.thdeta .thdeta_text textarea {
    border: solid 2px var(--blue3);
    height: 53px;
    width: 105px;
    border-radius: 1rem;
    font-family: sans-serif;
    font-size: 1rem;
    padding: 8px 8px;
    text-align: center;
    resize: none;
}
.page1_3_block1 {
    top: 0px;
    position: absolute;
    left: 0px;
    right: 0px;
}
.page1_3_block2 {
    top: 93px;
    position: absolute;
    left: 0px;
    right: 0px;
}
.page1_3_block3 {
    top: 185px;
    position: absolute;
    left: 0px;
    right: 0px;
}
.thhead.page1_3_1 {
    position: absolute;
    top: 9px;
    left: 251px;
}
.thhead.page1_3_2 {
    position: absolute;
    top: 9px;
    left: 412px;
}
.thhead.page1_3_3 {
    position: absolute;
    top: 9px;
    left: 551px;
}
.thdeta.page1_3_4 {
    position: absolute;
    top: 54px;
    left: 18px;
}
.thdeta.page1_3_5 {
    position: absolute;
    top: 46px;
    left: 246px;
}
.thdeta.page1_3_6 {
    position: absolute;
    top: 46px;
    left: 385px;
}
.thdeta.page1_3_7 {
    position: absolute;
    top: 46px;
    left: 517px;
}
.thdeta.page1_3_8 {
    position: absolute;
    top: 54px;
    left: 18px;
}
.thdeta.page1_3_9 {
    position: absolute;
    top: 54px;
    left: 18px;
}
.thdeta.page1_3_10 {
    position: absolute;
    top: 54px;
    left: 18px;
}
.thdeta.page1_3_11 {
    position: absolute;
    top: 54px;
    left: 18px;
}
.thdeta.page1_3_12 {
    position: absolute;
    top: 54px;
    left: 18px;
}
.thdeta.page1_3_13 {
    position: absolute;
    top: 54px;
    left: 18px;
}
.thdeta.page1_3_14 {
    position: absolute;
    top: 54px;
    left: 18px;
}
.thdeta.page1_3_15 {
    position: absolute;
    top: 54px;
    left: 18px;
}

.head_personal_text{
	font-family: mister_frogie_regular;
	font-size: 2.1rem;
	color: var(--white1);
}
.personal_sub_text{
	font-family: centurygothicr;
	/*font-size: 0.9rem;*/ /*vinai*/
}
.personal_text{
	font-family: centurygothicr;
	/*font-size: 0.9rem;*/ /*vinai*/
	/*word-spacing: -2px;*/
}
.personal_text1{
	font-family: centurygothicr;
	/*font-size: 0.9rem;*/ /*vinai*/
}
.page2_1 {
	position: absolute;
	top: 68px;
	left: 212px;
	display: none;
}
.page2_h2 {
	position: absolute;
	top: 213px;
	left: 106px;
}
.page2_2 {
    position: absolute;
    top: 243px;
    left: 83px;
    right: 50px;
}
.page2_3 {
    position: absolute;
    top: 274px;
    left: 83px;
    right: 50px;
}
.page2_4 {
    position: absolute;
    top: 573px;
    left: 83px;
    right: 50px;
}
.page2_5 {
    position: absolute;
    top: 889px;
    left: 83px;
    right: 50px;
}
.page2_6 {
    position: absolute;
    top: 349px;
    left: 83px;
    right: 50px;
}
.page2_2_1 {
	position: absolute;
	top: 0;
	left: 23px;
}
/*
.page2_2_2 {
    position: absolute;
    top: -2px;
    left: 518px;
}
.page2_2_3 {
    position: absolute;
    top: -2px;
    left: 568px;
}
.page2_2_4 {
    position: absolute;
    top: -2px;
    left: 619px;
}
*/
.page2_7_2 {
    position: absolute;
    top: -2px;
    left: 517px;
}
.page2_7_3 {
    position: absolute;
    top: -2px;
    left: 566px;
}
.page2_7_4 {
    position: absolute;
    top: -2px;
    left: 618px;
}
.page2_77_2 {
    position: absolute;
    top: -2px;
    left: 516px;
}
.page2_77_3 {
    position: absolute;
    top: -1px;
    left: 568px;
}
.page2_77_4 {
    position: absolute;
    top: -1px;
    left: 617px;
}
.page2_h3 {
	position: absolute;
	top: 319px;
	left: 106px;
	right: 0;
}
.page2_h4 {
    position: absolute;
    top: 427px;
    left: 106px;
    right: 0;
}
.page2_h5 {
    position: absolute;
    top: 514px;
    left: 107px;
    right: 0;
}
.page2_h6 {
    position: absolute;
    top: 603px;
    left: 107px;
    right: 0;
}
.page2_h7 {
    position: absolute;
    top: 724px;
    left: 107px;
    right: 0;
}
.page2_h8 {
    position: absolute;
    top: 812px;
    left: 107px;
    right: 0;
}
.page2_h9 {
    position: absolute;
    top: 919px;
    left: 107px;
    right: 0;
}
.page2_h10 {
    position: absolute;
    top: 996px;
    left: 107px;
    right: 0;
}
.page2_7 {
    position: absolute;
    top: 380px;
    left: 83px;
    right: 50px;
}
.page2_8 {
    position: absolute;
    top: 632px;
    left: 84px;
    right: 50px;
}
.page2_9 {
    position: absolute;
    top: 662px;
    left: 84px;
    right: 50px;
}
.page2_10 {
    position: absolute;
    top: 753px;
    left: 83px;
    right: 50px;
}
.page2_11 {
    position: absolute;
    top: 455px;
    left: 84px;
    right: 50px;
}
.page2_12 {
    position: absolute;
    top: 485px;
    left: 84px;
    right: 50px;
}
.page2_13 {
    position: absolute;
    top: 783px;
    left: 83px;
    right: 50px;
}
.page2_14 {
    position: absolute;
    top: 842px;
    left: 84px;
    right: 50px;
}
.page2_15 {
    position: absolute;
    top: 543px;
    left: 84px;
    right: 50px;
}
.page2_16 {
    position: absolute;
    top: 949px;
    left: 83px;
    right: 50px;
}
.page2_17 {
    position: absolute;
    top: 1026px;
    left: 82px;
    right: 50px;
}
.page3_1 {
    position: absolute;
    top: 143px;
    left: 84px;
    right: 50px;
}
.page3_2 {
    position: absolute;
    top: 190px;
    left: 84px;
    right: 50px;
}
.page3_3 {
    position: absolute;
    top: 236px;
    left: 84px;
    right: 50px;
}
.page3_4 {
    position: absolute;
    top: 256px;
    left: 261px;
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg);
}
.page3_h1 {
    position: absolute;
    top: 114px;
    left: 107px;
    right: 0;
}
.page3_h2 {
    position: absolute;
    top: 284px;
    left: 107px;
    right: 0;
}
.page3_h3 {
    position: absolute;
    top: 95px;
    left: 23px;
    right: 0;
}
.page3_h4 {
    position: absolute;
    top: 164px;
    left: 23px;
    right: 0;
}
.page3_h5 {
    position: absolute;
    top: 413px;
    left: 53px;
    right: 0;
}
.page3_h6 {
    position: absolute;
    top: 501px;
    left: 53px;
    right: 0;
}
.page3_h7 {
    position: absolute;
    top: 644px;
    left: 53px;
    right: 0;
}
.page3_h8 {
    position: absolute;
    top: 721px;
    left: 53px;
    right: 0;
}
.page3_h9 {
    position: absolute;
    top: 670px;
    left: 18px;
    right: 0;
}
.page3_h10 {
    position: absolute;
    top: 670px;
    left: 18px;
    right: 0;
}
.page3_5 {
    position: absolute;
    top: 313px;
    left: 83px;
    right: 50px;
}
.page3_6 {
    position: absolute;
    top: 342px;
    left: 84px;
    right: 50px;
}
.page3_7 {
    position: absolute;
    top: 389px;
    left: 84px;
    right: 50px;
}
.page3_8 {
    position: absolute;
    top: 465px;
    left: 84px;
    right: 50px;
}
.page3_9 {
    position: absolute;
    top: 495px;
    left: 84px;
    right: 50px;
}
.page3_10 {
    position: absolute;
    top: 524px;
    left: 84px;
    right: 50px;
}
.page3_11 {
    position: absolute;
    top: 582px;
    left: 84px;
    right: 50px;
}
.page3_12 {
    position: absolute;
    top: 629px;
    left: 84px;
    right: 50px;
}
.page3_13 {
    position: absolute;
    top: 734px;
    left: 84px;
    right: 50px;
}
.page3_14 {
    position: absolute;
    top: 764px;
    left: 84px;
    right: 50px;
}
.page3_15 {
    position: absolute;
    top: 823px;
    left: 84px;
    right: 50px;
}
.page3_16 {
    position: absolute;
    top: 872px;
    left: 84px;
    right: 50px;
}
.page3_17 {
    position: absolute;
    top: 293px;
    left: 54px;
    right: 50px;
}
.page3_18 {
    position: absolute;
    top: 905px;
    left: 84px;
    right: 50px;
}
.page3_19 {
    position: absolute;
    top: 966px;
    left: 84px;
    right: 50px;
}
.page3_20 {
    position: absolute;
    top: 1043px;
    left: 84px;
    right: 50px;
}
.page4_1 {
    position: absolute;
    top: 145px;
    left: 84px;
    right: 50px;
}
.page4_2 {
    position: absolute;
    top: 174px;
    left: 84px;
    right: 50px;
}
.page2_3_2,.page2_7_2, .page2_14_2, .page2_16_2, .page2_17_2, .page3_1_2, .page3_2_2, .page3_3_2, .page3_11_2, .page3_12_2, .page3_15_2, .page3_19_2, .page4_6_2, .page4_10_2, .page4_15_2, .page4_16_2, .page4_18_2, .page4_19_2, .page4_20_2, .page5_1_2, .page5_2_2, .page5_3_2, .page5_4_2, .page5_7_2, .page5_11_2, .page5_15_2, .page5_16_2, .page5_17_2{
    position: absolute;
    top: 6px;
    left: 517px;
}
.page2_3_3,.page2_7_3, .page2_14_3, .page2_16_3, .page2_17_3, .page3_1_3, .page3_2_3, .page3_3_3, .page3_11_3, .page3_12_3, .page3_15_3, .page3_19_3, .page4_6_3, .page4_10_3, .page4_15_3, .page4_16_3, .page4_18_3, .page4_19_3, .page4_20_3, .page5_1_3, .page5_2_3, .page5_3_3, .page5_4_3, .page5_7_3, .page5_11_3, .page5_15_3, .page5_16_3, .page5_17_3{
    position: absolute;
    top: 7px;
    left: 570px;
}
.page2_3_4,.page2_7_4, .page2_14_4, .page2_16_4, .page2_17_4, .page3_1_4, .page3_2_4, .page3_3_4, .page3_11_4, .page3_12_4, .page3_15_4, .page3_19_4, .page4_6_4, .page4_10_4, .page4_15_4, .page4_16_4, .page4_18_4, .page4_19_4, .page4_20_4, .page5_1_4, .page5_2_4, .page5_3_4, .page5_4_4, .page5_7_4, .page5_11_4, .page5_15_4, .page5_16_4, .page5_17_4{
    position: absolute;
    top: 7px;
    left: 619px;
}
.page2_2_2, .page2_6_2, .page2_11_2, .page2_12_2, .page2_15_2, .page2_4_2, .page2_8_2, .page2_9_2, .page2_10_2, .page2_13_2, .page2_5_2{
    position: absolute;
    top: -3px;
    left: 517px;
}
.page2_2_3, .page2_6_3, .page2_11_3, .page2_12_3, .page2_15_3, .page2_4_3, .page2_8_3, .page2_9_3, .page2_10_3, .page2_13_3, .page2_5_3{
    position: absolute;
    top: -3px;
    left: 570px;
}
.page2_2_4, .page2_6_4, .page2_11_4, .page2_12_4, .page2_15_4, .page2_4_4, .page2_8_4, .page2_9_4, .page2_10_4, .page2_13_4, .page2_5_4{
    position: absolute;
    top: -3px;
    left: 619px;
}
.page3_5_2, .page3_8_2, .page3_9_2, .page3_10_2, .page3_13_2, .page3_14_2, .page3_16_2, .page3_18_2, .page3_20_2 {
    position: absolute;
    top: -3px;
    left: 517px;
}
.page3_5_3, .page3_8_3, .page3_9_3, .page3_10_3, .page3_13_3, .page3_14_3, .page3_16_3, .page3_18_3, .page3_20_3 {
    position: absolute;
    top: -3px;
    left: 570px;
}
.page3_5_4, .page3_8_4, .page3_9_4, .page3_10_4, .page3_13_4, .page3_14_4, .page3_16_4, .page3_18_4, .page3_20_4 {
    position: absolute;
    top: -3px;
    left: 619px;
}
.page3_6_2 {
    position: absolute;
    top: 7px;
    left: 517px;
}
.page3_6_3 {
    position: absolute;
    top: 7px;
    left: 570px;
}
.page3_6_4 {
    position: absolute;
    top: 7px;
    left: 619px;
}
.page3_7_2 {
    position: absolute;
    top: 7px;
    left: 517px;
}
.page3_7_3 {
    position: absolute;
    top: 7px;
    left: 570px;
}
.page3_7_4 {
    position: absolute;
    top: 8px;
    left: 619px;
}
.page3_0_2 {
    position: absolute;
    top: 8px;
    left: 565px;
}
.page3_0_3 {
    position: absolute;
    top: 8px;
    left: 610px;
}
.page3_0_4 {
    position: absolute;
    top: 8px;
    left: 650px;
}
/*
.page3_15_2 {
    position: absolute;
    top: 7px;
    left: 565px;
}
.page3_15_3 {
    position: absolute;
    top: 7px;
    left: 610px;
}
.page3_15_4 {
    position: absolute;
    top: 7px;
    left: 650px;
}
*/
.page4_h1 {
    position: absolute;
    top: 115px;
    left: 107px;
    right: 0;
}
.page4_h2 {
    position: absolute;
    top: 264px;
    left: 107px;
    right: 0;
}
.page4_h3 {
    position: absolute;
    top: 369px;
    left: 107px;
    right: 0;
}
.page4_h4 {
    position: absolute;
    top: 459px;
    left: 107px;
    right: 0;
}
.page4_h5 {
    position: absolute;
    top: 653px;
    left: 107px;
    right: 0;
}
.page4_h6 {
    position: absolute;
    top: 760px;
    left: 107px;
    right: 0;
}
.page4_h7 {
    position: absolute;
    top: 897px;
    left: 108px;
    right: 0;
}
.page4_h8 {
    position: absolute;
    top: 664px;
    left: 72px;
    right: 0;
}
.page4_3 {
    position: absolute;
    top: 204px;
    left: 84px;
    right: 50px;
}
.page4_4 {
    position: absolute;
    top: 233px;
    left: 84px;
    right: 50px;
}
.page4_5 {
    position: absolute;
    top: 293px;
    left: 84px;
    right: 50px;
}
.page4_6 {
    position: absolute;
    top: 322px;
    left: 84px;
    right: 50px;
}
.page4_7 {
    position: absolute;
    top: 399px;
    left: 84px;
    right: 50px;
}
.page4_8 {
    position: absolute;
    top: 428px;
    left: 84px;
    right: 50px;
}
.page4_9 {
    position: absolute;
    top: 488px;
    left: 84px;
    right: 50px;
}
.page4_10 {
    position: absolute;
    top: 517px;
    left: 84px;
    right: 50px;
}
.page4_11 {
    position: absolute;
    top: 565px;
    left: 84px;
    right: 50px;
}
.page4_12 {
    position: absolute;
    top: 594px;
    left: 84px;
    right: 50px;
}
.page4_13 {
    position: absolute;
    top: 624px;
    left: 84px;
    right: 50px;
}
.page4_14 {
    position: absolute;
    top: 683px;
    left: 84px;
    right: 50px;
}
.page4_15 {
    position: absolute;
    top: 712px;
    left: 84px;
    right: 50px;
}
.page4_16 {
    position: absolute;
    top: 790px;
    left: 84px;
    right: 50px;
}
.page4_17 {
    position: absolute;
    top: 837px;
    left: 84px;
    right: 50px;
}
.page4_18 {
    position: absolute;
    top: 925px;
    left: 84px;
    right: 50px;
}
.page4_19 {
    position: absolute;
    top: 973px;
    left: 84px;
    right: 50px;
}
.page4_20 {
    position: absolute;
    top: 1021px;
    left: 84px;
    right: 50px;
}
.page4_0_2, .page4_1_2, .page4_4_2, .page4_5_2, .page4_8_2, .page4_9_2, .page4_11_2, .page4_12_2, .page4_13_2, .page4_14_2, .page4_17_2 {
    position: absolute;
    top: -3px;
    left: 515px;
}
.page4_0_3, .page4_1_3, .page4_4_3, .page4_5_3, .page4_8_3, .page4_9_3, .page4_11_3, .page4_12_3, .page4_13_3, .page4_14_3, .page4_17_3 {
    position: absolute;
    top: -3px;
    left: 566px;
}
.page4_0_4, .page4_1_4, .page4_4_4, .page4_5_4, .page4_8_4, .page4_9_4, .page4_11_4, .page4_12_4, .page4_13_4, .page4_14_4, .page4_17_4 {
    position: absolute;
    top: -1px;
    left: 619px;
}
.page4_2_2, .page4_3_2, .page4_7_2, .page5_5_2, .page5_6_2, .page5_8_2, .page5_9_2, .page5_10_2, .page5_12_2, .page5_13_2, .page5_14_2, .page5_18_2 {
    position: absolute;
    top: -2px;
    left: 515px;
}
.page4_2_3, .page4_3_3, .page4_7_3, .page5_5_3, .page5_6_3, .page5_8_3, .page5_9_3, .page5_10_3, .page5_12_3, .page5_13_3, .page5_14_3, .page5_18_3 {
    position: absolute;
    top: -2px;
    left: 567px;
}
.page4_2_4, .page4_3_4, .page4_7_4, .page5_5_4, .page5_6_4, .page5_8_4, .page5_9_4, .page5_10_4, .page5_12_4, .page5_13_4, .page5_14_4, .page5_18_4 {
    position: absolute;
    top: -2px;
    left: 620px;
}
.form_check_input{
	visibility: visible;
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.form_check_label {
    display: flex;
    width: 25px;
    height: 25px;
    background-color: var(--white1);
    border-radius: 0.3rem;
    box-shadow: inset 0px 0px 0px 2px var(--blue3);
    position: relative;
    cursor: pointer;
    align-items: center;
    justify-content: center;
}
.white1{
	color: var(--white1);
}
.gray1{
	color: var(--gray1);
}
.red1{
	color: var(--red1);
}
.yellow1{
	color: var(--yellow1);
}
.yellow2{
	color: var(--yellow2);
}
.yellow3{
	color: var(--yellow3);
}
.yellow4{
	color: var(--yellow4);
}
.yellow5{
	color: var(--yellow5);
}
.blue1{
	color: var(--blue1);
}
.blue2{
	color: var(--blue2);
}
.blue3{
	color: var(--blue3);
}
.green1{
	color: var(--green1);
}
.green2{
	color: var(--green2);
}
.green3{
	color: var(--green3);
}
.voilet1{
	color: var(--voilet1);
}
.voilet2{
	color: var(--voilet2);
}
.cyan1{
	color: var(--cyan1);	
}
.tan1{
	color: var(--tan1);
}
.tan2{
	color: var(--tan2);
}
.pink1{
	color: var(--pink1);
}
.pink2{
	color: var(--pink2);
}
.bronze1{
	color: var(--bronze1);
}
.bronze2{
	color: var(--bronze2);
}
.lavender1{
	color: var(--lavender1);
}
.lavender2{
	color: var(--lavender2);
}
.orange1{
	color: var(--orange1);
}
.black1{
	color: var(--black1);
}

.tl{
    border-top-left-radius: var(--rd5) !important;
}
.tr{
    border-top-right-radius: var(--rd5) !important;
}
.br{
    border-bottom-right-radius: var(--rd5) !important;
}
.bl{
    border-bottom-left-radius: var(--rd5) !important;
}
/* DivTable */
.divTable{
	display: table;
	width: 100%;
    border: solid 2px var(--green2);
}
.divTableRow {
	display: table-row;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
}
.divTableHead {
	border: 2px solid #999999;
	display: table-cell;
	padding: 0.8rem 0.3rem;
	margin: 0;
}

.divTableRow:first-child .divTableCellh0 {
    grid-column: span 6; /* Span across all 6 columns */
    text-align: center; /* Center the text */
    font-weight: bold; /* Make it visually distinct */
}
  
/* .divTableRow:first-child .divTableCellh0 ~ .divTableCellh0 {
    display: none;
} */

.divTableCellh0 {
	/* border-right: 2px solid var(--white1); */
	display: table-cell;
	padding: 0.1rem 0.3rem;
	margin: 0;
	/* width: 100%; */
	vertical-align: middle;
	height: 35px;
	font-family: centurygothicb;
	color: var(--red1);
}

.divTableCellh1 {
	border-right: 2px solid var(--white1);
	display: table-cell;
	padding: 0.1rem 0.3rem;
	margin: 0;
	width: 65px;
	vertical-align: middle;
	height: 35px;
}
.divTableCellh2 {
	display: table-cell;
	padding: 0.1rem 0.3rem;
	margin: 0;
	width: 280px;
	vertical-align: middle;
	height: 35px;
}
.divTableCellh3 {
	border-left: 2px solid var(--white1);
	display: table-cell;
	padding: 0.1rem 0.3rem;
	margin: 0;
	width: 60px;
	vertical-align: middle;
	height: 35px;
}

.divTableCell1 {
	border-right: 2px solid var(--green2);
	display: table-cell;
	padding: 0;
	margin: 0;
	width: 70px;
	vertical-align: middle;
	height: 30px;
	border-top: 2px solid var(--green2);
}
.divTableCell1 input {
    width: 60px;
    height: 88%;
    font-size: 1rem;
    border: solid 0px var(--blue3);
    border-radius: 0;
    position: relative;
    left: 2px;
    padding: 0px 4px;
    box-shadow: inset 0px 0px 0px 0px var(--blue3);
}
.divTableCell2 input {
    width: 300px;
    height: 88%;
    font-size: 1rem;
    border: solid 0px var(--blue3);
    border-radius: 0;
    position: relative;
    left: 2px;
    padding: 0px 4px;
    box-shadow: inset 0px 0px 0px 0px var(--blue3);
}
.divTableCell2 {
	border-top: 2px solid var(--green2);
	display: table-cell;
	padding: 0;
	margin: 0;
	width: 300px;
	vertical-align: middle;
	height: 30px;
}
.divTableCell3 {
	border-left: 2px solid var(--green2);
	display: table-cell;
	padding: 0;
	margin: 0;
	width: 40px;
	vertical-align: middle;
	height: 30px;
	text-align: center;
	border-top: 2px solid var(--green2);
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}
.divTable_bg{
	font-family: centurygothicb;
	background-color: #c0d995;
	color: #000;
	text-align: center;
}
.divTable_bg0{
	font-family: centurygothicb;
	text-align: center;
}
.page4_4_1 {
    position: absolute;
    top: 35px;
    left: 52px;
    width: 688px;
    background-color: var(--white1);
}
#preview, .preview {
    display: none;
    max-width: calc(100% - 4px);
    left: 50%;
    top: 50%;
    position: relative;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    z-index: 1 !important;
}
/****end***/
/*new css start*/
.mainBody {
    border: solid 0px red;
    margin: 0 auto;
    width: 210mm;
    height: auto;
    position: relative;
}
.navBox {
    width: 60px;
    position: fixed;
    z-index: 1;
    left: calc(50% - 105mm);
    top: 18%;
    overflow: hidden;
    height: 100px;
}
.print_pdf {
    width: 60px;
    position: absolute;
    z-index: 1;
    top: 15px;
}
.print_pdf_input{
	visibility: visible;
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.print_pdf_label{
	display: inline-block;
	width: 50px;
	height: 50px;
	background-color: var(--white1);
	border-radius: 0.3rem;
	box-shadow: inset 0px 0px 0px 2px var(--blue3);
	position: relative;
	cursor: pointer;
    transition: right 500ms;
}
input[type="checkbox"]:checked + .print_pdf_label{
    background-color: var(--green);
    right: 30px;
}
input[type="checkbox"]:checked + .print_pdf_label:after{
    content: "\2713";
    color: var(--white1);
    font-weight: 700;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
button#print_pdf, button#reset_data {
    border: none;
    box-shadow: inset 0px 0px 0px 2px var(--white1);
    padding: 10px;
    background-color: var(--cyan1);
    color: var(--white1);
    font-weight: 700;
    border-radius: 7px;
    border: solid 2px var(--gray1);
    cursor: pointer;
    margin: 2px 0px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    left: -13px;
    position: relative;
}

.page_1_item2 {
    position: absolute;
    left: 0px;
    top: 8px;
    width: 330px;
}
.page_1_item3 {
    position: absolute;
    left: 0px;
    top: 84px;
    width: 200px;
    display: inline-flex;
}
.page_1_item4 {
    position: absolute;
    left: 207px;
    top: 86px;
    width: 141px;
    display: inline-flex;
}
.page_1_item5 {
    position: absolute;
    left: 0px;
    top: 136px;
    width: 350px;
    display: flex;
    white-space: nowrap;
}
.page_1_item6 {
    position: absolute;
    left: 0px;
    top: 188px;
    width: 330px;
    display: flex;
    white-space: nowrap;
}
.page_1_item7 {
    position: absolute;
    left: -2px;
    top: 238px;
    width: 320px;
    display: inline-flex;
    white-space: nowrap;
}
.page_1_item8 {
    position: absolute;
    left: 408px;
    top: 81px;
}
.page_1_item9 {
    left: 4px;
    top: 26px;
    width: 210px;
}
.page_1_item10 {
    position: absolute;
    left: -3px;
    top: 379px;
}
.page_1_item11 {
    left: 0;
    top: 7px;
    width: 265px;
}
.page_1_item12 {
    position: absolute;
    left: 379px;
    top: 457px;
}
.page_1_item13 {
    left: -4px;
    top: -1px;
    width: 255px;
    height: 30px;
}
.page_1_item14 {
    position: absolute;
    left: 377px;
    top: 522px;
}
.page_1_item15 {
    left: -4px;
    top: 0px;
    width: 255px;
    height: 55px;
}
.page_1_item16 {
    position: absolute;
    left: 377px;
    top: 618px;
}
.page_1_item17 {
    left: -4px;
    top: 3px;
    width: 255px;
    height: 51px;
}
.page_1_item18 {
    position: absolute;
    left: 377px;
    top: 712px;
}
.page_1_item19 {
    left: -3px;
    top: 2px;
    width: 255px;
    height: 32px;
}
.page_1_item20 {
    position: absolute;
    left: -25px;
    top: 757px;
}
.page_1_item21 {
    left: 4px;
    top: 11px;
    width: 640px;
    height: 52px;
}
span.bullhang {
    float: left;
    width: 20px;
    margin-left: -20px;
}
.bullet {
    margin-left: 20px;
}

.page5_h1 {
    position: absolute;
    top: 84px;
    left: 107px;
    right: 0;
}
.page5_h2 {
    position: absolute;
    top: 256px;
    left: 107px;
    right: 0;
}
.page5_h3 {
    position: absolute;
    top: 334px;
    left: 107px;
    right: 0;
}
.page5_h4 {
    position: absolute;
    top: 423px;
    left: 107px;
    right: 0;
}
.page5_h5 {
    position: absolute;
    top: 588px;
    left: 107px;
    right: 0;
}
.page5_h6 {
    position: absolute;
    top: 695px;
    left: 107px;
    right: 0;
}
.page5_h7 {
    position: absolute;
    top: 754px;
    left: 108px;
    right: 0;
}
.page5_h8 {
    position: absolute;
    top: 842px;
    left: 107px;
    right: 0;
}
.page5_h9 {
    position: absolute;
    top: 967px;
    left: 107px;
    right: 0;
}
.page5_1 {
    position: absolute;
    top: 117px;
    left: 84px;
    right: 50px;
}
.page5_2 {
    position: absolute;
    top: 163px;
    left: 84px;
    right: 50px;
}
.page5_3 {
    position: absolute;
    top: 210px;
    left: 84px;
    right: 50px;
}
.page5_4 {
    position: absolute;
    top: 286px;
    left: 84px;
    right: 50px;
}
.page5_5 {
    position: absolute;
    top: 364px;
    left: 84px;
    right: 50px;
}
.page5_6 {
    position: absolute;
    top: 394px;
    left: 84px;
    right: 50px;
}
.page5_7 {
    position: absolute;
    top: 453px;
    left: 84px;
    right: 50px;
}
.page5_8 {
    position: absolute;
    top: 500px;
    left: 84px;
    right: 50px;
}
.page5_9 {
    position: absolute;
    top: 530px;
    left: 84px;
    right: 50px;
}
.page5_10 {
    position: absolute;
    top: 618px;
    left: 84px;
    right: 50px;
}
.page5_11 {
    position: absolute;
    top: 648px;
    left: 84px;
    right: 50px;
}
.page5_12 {
    position: absolute;
    top: 725px;
    left: 84px;
    right: 50px;
}
.page5_13 {
    position: absolute;
    top: 784px;
    left: 84px;
    right: 50px;
}
.page5_14 {
    position: absolute;
    top: 814px;
    left: 84px;
    right: 50px;
}
.page5_15 {
    position: absolute;
    top: 871px;
    left: 84px;
    right: 50px;
}
.page5_16 {
    position: absolute;
    top: 921px;
    left: 84px;
    right: 50px;
}
.page5_17 {
    position: absolute;
    top: 997px;
    left: 84px;
    right: 50px;
}
.page5_18 {
    position: absolute;
    top: 1045px;
    left: 84px;
    right: 50px;
}
.page5_19 {
    position: absolute;
    top: 145px;
    left: 84px;
    right: 50px;
}
.page5_20 {
    position: absolute;
    top: 145px;
    left: 84px;
    right: 50px;
}
.page5_21 {
    position: absolute;
    top: 145px;
    left: 84px;
    right: 50px;
}
.page5_22 {
    position: absolute;
    top: 145px;
    left: 84px;
    right: 50px;
}
.red{
    color: var(--red1);
}

.form_check.page6_1_1, .form_check.page6_2_1, .form_check.page6_3_1, .form_check.page6_4_2, .form_check.page6_5_1, .form_check.page6_6_1, .form_check.page6_7_1, .form_check.page6_8_1, .form_check.page6_9_1, .form_check.page6_10_1, .form_check.page6_11_1, .form_check.page6_12_1, .form_check.page6_13_1, .form_check.page6_14_1, .form_check.page6_15_1, .form_check.page6_16_1, .form_check.page6_17_1, .form_check.page6_18_1, .form_check.page6_19_1, .form_check.page6_20_1, .form_check.page6_21_1, .form_check.page6_22_1, .form_check.page6_23_1, .form_check.page6_24_1, .form_check.page6_24_1, .form_check.page6_26_1, .form_check.page6_27_1, .form_check.page6_28_1, .form_check.page6_29_1, .form_check.page6_30_1, .form_check.page6_31_1, .form_check.page6_32_1, .form_check.page6_33_1, .form_check.page6_34_1, .form_check.page6_35_1, .form_check.page6_36_1, .form_check.page6_37_1, .form_check.page6_38_1, .form_check.page6_39_1 {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*new css end*/

@media print {
    @page {
      size: A4;
      margin: 0mm;
    }
    .page_size{
        width: 210mm;
        height: 297mm;
        overflow: hidden;
    }
    .mainBody{
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    .container {
      page-break-inside: avoid;
    }
    img, table {
      max-width: 100%;
      height: auto;
    }
    .logo{
        height: 100px;
    }
    .navBox{
        display: none;
    }
/*     input[type="radio"]:checked + label{
        background-color: var(--green);
    }
    input[type="radio"]:checked + label:after{
        content: "\2713";
        color: var(--white1);
        font-weight: 700;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    } */
    .head_personal_text {
        font-family: mister_frogie_regular;
        font-size: 2.1rem;
        color: var(--white1);
    }
    .divTable_bg {
        font-family: centurygothicb;
        background-color: #97aeda;
        color: #000;
        text-align: center;
    }
}


.page_4_1 {
    position: absolute;
    left: 149px;
    top: 642px;
}
.page_4_item1 {
    left: 0px;
    top: 0px;
    width: 440px;
    height: 41px;
}
.page_4_item2 {
    left: 0px;
    top: -4px;
    width: 440px;
    height: 45px;
}
.page_4_item3 {
    left: 0px;
    top: -8px;
    width: 440px;
    height: 46px;
}

.page_4_2 {
    position: absolute;
    left: 149px;
    top: 908px;
}

.signaturedate_frame::after{
    content: "Signature with date"; 
    font-size: 0.9rem;
}

.page_6_3 {
    position: absolute;
    left: 607px;
    top: 641px;
}
.page_6_4 {
    position: absolute;
    left: 607px;
    top: 908px;
}
.page_6_3_1 {
    position: absolute;
    left: 0px;
    top: 0px;
}
.page_6_3_2 {
    position: absolute;
    left: 0px;
    top: 52px;
}
.page_6_3_3 {
    position: absolute;
    left: 0px;
    top: 107px;
}