@font-face {
    font-family: 'font2'; 
    src: url('2.woff2') format('woff2'), url('2.ttf') format('truetype');
    font-display: swap; 
   }
   
 @font-face {
    font-family: 'font3'; 
    src: url('3.woff2') format('woff2'), url('3.ttf') format('truetype');
    font-display: swap; 
   }
   
@font-face {
    font-family: 'font4'; 
    src: url('4.woff2') format('woff2'), url('4.ttf') format('truetype');
    font-display: swap; 
   }
   
@font-face {
    font-family: 'font5'; 
    src: url('5.woff2') format('woff2'), url('5.ttf') format('truetype');
    font-display: swap; 
   }

@font-face {
    font-family: 'font6'; 
    src: url('6.woff2') format('woff2'), url('6.ttf') format('truetype');
    font-display: swap; 
   }

@font-face {
    font-family: 'font7'; 
    src: url('7.woff2') format('woff2'), url('7.ttf') format('truetype');
    font-display: swap; 
   }

@font-face {
    font-family: 'font8'; 
    src: url('8.woff2') format('woff2'), url('8.ttf') format('truetype');
    font-display: swap; 
   }

@font-face {
    font-family: 'font9'; 
    src: url('9.woff2') format('woff2'), url('9.ttf') format('truetype');
    font-display: swap; 
   }


@font-face {
    font-family: 'font10'; 
    src: url('10.woff2') format('woff2'), url('10.ttf') format('truetype');
    font-display: swap; 
   }

@font-face {
    font-family: 'font11'; 
    src: url('11.woff2') format('woff2'), url('11.ttf') format('truetype');
    font-display: swap; 
   }

@font-face {
    font-family: 'font12'; 
    src: url('12.woff2') format('woff2'), url('12.ttf') format('truetype');
    font-display: swap; 
   }

@font-face {
    font-family: 'font13'; 
    src: url('13.woff2') format('woff2'), url('13.ttf') format('truetype');
    font-display: swap; 
   }

@font-face {
    font-family: 'font14'; 
    src: url('14.woff2') format('woff2'), url('14.ttf') format('truetype');
    font-display: swap; 
   }
@font-face {
    font-family: 'font15'; 
    src: url('15.woff2') format('woff2'), url('15.ttf') format('truetype');
    font-display: swap; 
   }
@font-face {
    font-family: 'font16'; 
    src: url('16.woff2') format('woff2'), url('16.ttf') format('truetype');
    font-display: swap; 
   }
@font-face {
    font-family: 'font17'; 
    src: url('17.woff2') format('woff2'), url('17.ttf') format('truetype');
    font-display: swap; 
   }
@font-face {
    font-family: 'font18'; 
    src: url('18.woff2') format('woff2'), url('18.ttf') format('truetype');
    font-display: swap; 
   }
@font-face {
    font-family: 'font19'; 
    src: url('19.woff2') format('woff2'), url('19.ttf') format('truetype');
    font-display: swap; 
   }
@font-face {
    font-family: 'font20'; 
    src: url('20.woff2') format('woff2'), url('20.ttf') format('truetype');
    font-display: swap; 
   }
@font-face {
    font-family: 'font21'; 
    src: url('21.woff2') format('woff2'), url('21.ttf') format('truetype');
    font-display: swap; 
   }
@font-face {
    font-family: 'font22'; 
    src: url('22.woff2') format('woff2'), url('22.ttf') format('truetype');
    font-display: swap; 
   }
@font-face {
    font-family: 'font23'; 
    src: url('23.woff2') format('woff2'), url('23.ttf') format('truetype');
    font-display: swap; 
   }
@font-face {
    font-family: 'font24'; 
    src: url('24.woff2') format('woff2'), url('24.ttf') format('truetype');
    font-display: swap; 
   }
@font-face {
    font-family: 'font25'; 
    src: url('25.woff2') format('woff2'), url('25.ttf') format('truetype');
    font-display: swap; 
   }
@font-face {
    font-family: 'font26'; 
    src: url('26.woff2') format('woff2'), url('26.otf') format('opentype');
    font-display: swap; 
   }
@font-face {
    font-family: 'font27'; 
    src: url('27.woff2') format('woff2'), url('27.ttf') format('truetype');
    font-display: swap; 
   }

@font-face {
    font-family: 'font28'; 
    src: url('28.woff2') format('woff2'), url('28.ttf') format('truetype');
    font-display: swap; 
   }

@font-face {
    font-family: 'font29'; 
    src: url('29.woff2') format('woff2'), url('29.ttf') format('truetype');
    font-display: swap; 
   }

@font-face {
    font-family: 'font30'; 
    src: url('30.woff2') format('woff2'), url('30.ttf') format('truetype');
    font-display: swap; 
   }


.text, .new_text{
	font-family: arial;
	font-size: 2em;
	display: block;
	margin: auto;
	width: 70%;
}

.text textarea{
		width: 100%;
		height: 50px;
		font-size: 1.3em;
}	

.text p{
	margin: .3em 0;
}

.choose{
	display: table;
	margin: 0 auto;
}


.inlines {
	display: inline-block;
	    padding-right: 77px;

}

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


.inlines {
	display: block;
}


.font3{
	margin-top: -59px;
}

.br {
	margin: 0!important;
	padding:0!important;
}

.inlines {
    display: inline-block;
    
    width: 100%;
    float: left;
    height: 70px;
    font-size: 30px;
    padding: 10px;
}

}
 .inlines {
    display: inline-block;
    padding-right: 5%;
    width: 45%;
    float: left;
    height: 70px;
    font-size: 30px;
}


.font1{
	 
	height: auto;
	font-family: arial;
        font-size: 32px;
}

.font2{

height: auto; 
	font-family: 'font2';
        font-size: 35px;
}

.font3{

height: auto; 
	font-family: 'font3';
        font-size: 30px;
}

.font4{
	
	height: auto; 
	font-family: 'font4';
        font-size: 35px;
}

.font5{
	
	height: auto; 
	font-family: 'font5';
        font-size: 37px;
}


.font6{
	
	height: auto; 
	font-family: 'font6';
        font-size: 39px;
}


.font7{
	
	height: auto; 
	font-family: 'font7';
        font-size: 50px;
}


.font8{
	
	height: auto; 
	font-family: 'font8';
        font-size: 39px;
}


.font9{
	
	height: auto; 
	font-family: 'font9';
        font-size: 44px;
}


.font10{
	
	height: auto; 
	font-family: 'font10';
        font-size: 57px;
}


.font11{
	
	height: auto; 
	font-family: 'font11';
        font-size: 46px;
}


.font12{
	
	height: auto; 
	font-family: 'font12';
        font-size: 36px;
}


.font13{
	
	height: auto; 
	font-family: 'font13';
        font-size: 49px;
}


.font14{
	
	height: auto; 
	font-family: 'font14';
        font-size: 35px;
}


.font15{
	
	height: auto; 
	font-family: 'font15';
        font-size: 41px;
}


.font16{
	
	height: auto; 
	font-family: 'font16';
        font-size: 28px;
}


.font17{
	
	height: auto; 
	font-family: 'font17';
        font-size: 39px;
}


.font18{
	
	height: auto; 
	font-family: 'font18';
        font-size: 40px;
}


.font19{
	
	height: auto; 
	font-family: 'font19';
        font-size: 27px;
}


.font20{
	
	height: auto; 
	font-family: 'font20';
        font-size: 34px;
}


.font21{
	
	height: auto; 
	font-family: 'font21';
        font-size: 41px;
}


.font22{
	
	height: auto; 
	font-family: 'font22';
        font-size: 39px;
}


.font23{
	
	height: auto; 
	font-family: 'font23';
        font-size: 30px;
}


.font24{
	
	height: auto; 
	font-family: 'font24';
        font-size: 30px;
}

.font25{
	
	height: auto; 
	font-family: 'font25';
        font-size: 32px;
}

.font26{
	
	height: auto; 
	font-family: 'font26';
        font-size: 24px;
}

.font27{
	
	height: auto; 
	font-family: 'font27';
        font-size: 31px;
}

.font28{
	
	height: auto; 
	font-family: 'font28';
        font-size: 24px;
}

.font29{
	
	height: auto; 
	font-family: 'font29';
        font-size: 31px;
}

.font30{
	
	height: auto; 
	font-family: 'font30';
        font-size: 27px;
}

.font1:before{
	 
	content: "1. "
}
.font2:before{
	 
	content: "2. "
}
.font3:before{
	 
	content: "3. "
}
.font4:before{
	 
	content: "4. "
}
.font5:before{
	 
	content: "5. "
}
.font6:before{
	 
	content: "6. "
}
.font7:before{
	 
	content: "7. "
}
.font8:before{
	 
	content: "8. "
}
.font9:before{
	 
	content: "9. "
}
.font10:before{
	 
	content: "10. "
}
.font11:before{
	 
	content: "11. "
}
.font12:before{
	 
	content: "12. "
}
.font13:before{
	 
	content: "13. "
}
.font14:before{
	 
	content: "14. "
}
.font15:before{
	 
	content: "15. "
}
.font16:before{
	 
	content: "16. "
}
.font17:before{
	 
	content: "17. "
}
.font18:before{
	 
	content: "18. "
}
.font19:before{
	 
	content: "19. "
}
.font20:before{
	 
	content: "20. "
}
.font21:before{
	 
	content: "21. "
}
.font22:before{
	 
	content: "22. "
}
.font23:before{
	 
	content: "23. "
}
.font24:before{
	 
	content: "24. "
}
.font25:before{
	 
	content: "25. "
}
.font26:before{
	 
	content: "26. "
}
.font27:before{
	 
	content: "27. "
}
.font28:before{
	 
	content: "28. "
}
.font29:before{
	 
	content: "29. "
}
.font30:before{
	 
	content: "30. "
}
.inlines {
    height: 70px!important;
}