@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&family=Roboto:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
:root
{

	--color1:#D68A3C;
	--color2:#BE1321;
	--roboto:'Roboto', sans-serif;
	--monte:'Montserrat', sans-serif;
	--poppins:'Poppins', sans-serif;
	--white:#fff;
	--black:#000;
}
/*
	font-family: 'Montserrat', sans-serif; 400 500 600 700 800 900
	font-family: 'Roboto', sans-serif;
	font-family: 'Poppins', sans-serif;
*/

*{
	box-sizing: border-box;
/*	overflow: hidden;*/
}
body
{
	font-family: var(--roboto);
	font-size: 15px;
	color: #333;
	overflow-x: hidden;
}
h1,h2,h3,h4,h5,h6
{
	font-family: var(--monte);
}
/*
	******************************************
*/

body
{
	background-color: #f8e5d1;
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 100vh;
}
body .form_wrapper
{
	max-width: 80%;
	margin:50px auto 25px;
	background-color: var(--white);
	box-shadow: 0 0 5px 10px rgba(0 0 0 / 5%);
	border: 1px solid #eaeaea;
	border-radius: 7px;
}
body .form_wrapper .form_headings 
{
	position: relative;
	padding-bottom: 80px;
}
body .form_wrapper .form_headings #wave1
{
	position: absolute;
	bottom: 0;
}
body .form_wrapper .form_headings #wave1 path
{
	fill: var(--color1);
} 
body .form_wrapper .form_headings .logo-other-detail
{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	padding:15px 10px 0;
	background-color: var(--color1);
	justify-content: center;
}
body .form_wrapper .form_headings .logo-other-detail .logo
{
	flex: 0 0 auto;
	width: 140px;
	position: relative;
	z-index: 3;
}
body .form_wrapper .form_headings .logo-other-detail .logo img
{
	width: 140px;
	height: 140px;
	border-radius: 50%;
	background-color: var(--white);
	padding: 7px;
}
body .form_wrapper .form_headings .logo-other-detail .other-details
{
	flex: 0 0 auto;
	width: calc(90% - 140px);
	padding-left: 10px;
	text-align: center;
	position: relative;
	z-index: 3;
}
body .form_wrapper .form_headings .logo-other-detail .other-details h3
{
	font-weight: 800;
	text-transform: uppercase;
	font-size: 50px;
	color: var(--white);
	margin-bottom: 5px;
}
body .form_wrapper .form_headings .logo-other-detail .other-details .line1
{
	font-family: var(--poppins);
	font-weight: 300;
	word-spacing: 1px;
	font-size: 15px;
	color: var(--white);
	/*margin-bottom: 5px;*/
}
body .form_wrapper .form_headings .logo-other-detail .other-details .line2
{
	font-family: var(--poppins);
	font-weight: 300;
	word-spacing: 1px;
	font-size: 15px;
	color: var(--white);
	margin-bottom: 5px;
}

/*
	**************************
*/
.form_area_start_here form
{
	width: 100%;
} 
.form_area_start_here form .image_row_with_family
{
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	padding: 15px 15px;
}
.form_area_start_here form .image_row_with_family label
{
	width: 23%;
	cursor: pointer;
}
.form_area_start_here form .image_row_with_family label input
{
	display: none;
}
.form_area_start_here form .image_row_with_family label .imageShow
{
	width: 240px;
	height: 210px;
	display: block;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    text-align: center;
}
.form_area_start_here form .image_row_with_family label .imageShow .NoticeText{    	
    background-color: #eaeaea;
    font-size: 16px;
    padding: 25px 20px;
    font-weight: 500;
    color: #666;
    line-height: 25px;
    font-family: var(--poppins);
    font-weight: 400;

}
.form_area_start_here form .image_row_with_family label .imageShow .NoticeText span
{
	font-weight: 700;
	color: #222;
}
.form_area_start_here form .image_row_with_family label .imageShow .NoticeText small
{
	display: block;
	color: #222;
    font-size: 13px;
    font-weight: 600;
    margin-top: 7px;
}

.form_area_start_here form .image_row_with_family label .imageShow .NoticeText .uiButton
{
	display: inline-block;
	background-color: var(--color1);
	font-size: 13px;
	font-weight: 500;
	margin-top: 10px;
	border-radius: 5px;
	padding: 2px 15px;
	color: var(--white);
}
.form_area_start_here form .image_row_with_family label .imageShow .NoticeText .uiButton i
{
}
.form_area_start_here form .image_row_with_family label .imageShow
{
	background-color: #eaeaea;
}
.form_area_start_here form .image_row_with_family label .imageShow img
{
	width: 100%;
	height: 100%;
	object-position: center;
	object-fit: contain;
	display: none;
}


.form_area_start_here form .image_row_with_family label .imageShow.showContents img
{
	display: block;
}
.form_area_start_here form .image_row_with_family label .imageShow.showContents .NoticeText
{
	display: none;
}

/*
	***************************************
*/

.form_wrapper .form_area_start_here .form_instructions
{
	padding: 20px 30px;
}

.form_wrapper .form_area_start_here .form_instructions
{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
.form_wrapper .form_area_start_here .form_instructions .left_Area
{

}
.form_wrapper .form_area_start_here .form_instructions .left_Area h6
{
	font-family: var(--monte);
	font-weight: 700;
	font-size: 15px;
	text-transform: uppercase;
	margin-bottom: 0px;
}
.form_wrapper .form_area_start_here .form_instructions .left_Area span
{
	font-family: var(--poppins);
	font-weight: 400;
	font-size: 14px;
	margin-bottom: 3px;
}
.form_wrapper .form_area_start_here .form_instructions .right_Area .admnNumber
{
	font-family: var(--monte);
	font-weight: 500;
	font-size: 15px;
	margin-bottom: 3px;
}

.form_wrapper .form_area_start_here .input_form_row
{
	padding: 00px 30px 20px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;
}
.form_wrapper .form_area_start_here .input_form_row .input_box
{
	flex: 0 0 auto;
	width:calc(50% - 16px);
	margin: 0 8px 15px;
}
/*.form_wrapper .form_area_start_here .input_form_row .input_box:nth-child(odd)
{
	margin-right: 15px;
}
.form_wrapper .form_area_start_here .input_form_row .input_box:nth-child(even)
{
	margin-left: 15px;
}*/
/**/.form_wrapper .form_area_start_here .input_form_row .input_box.fullWidth_area
{
	flex: 0 0 auto;
	width:calc(100% - 0px);
	margin-bottom: 14px;
	margin-right: 8px;
	margin-left: 8px;
	overflow: inherit;
}

.form_wrapper .form_area_start_here .input_form_row .input_box label
{
	font-family: var(--poppins);
	font-weight: 600;
	color: var(--black);
	text-transform: capitalize;
	margin-bottom: 0px;
	font-size: 14px;
}
.form_wrapper .form_area_start_here .input_form_row .input_box .form-control
{
	border-radius: 0;
	width:	99%;
}
.form_wrapper .form_area_start_here .input_form_row .input_box .form-control:focus
{
	box-shadow: none;
}

.form_wrapper .form_area_start_here .input_form_row .input_box .calendar_icon
{	
	position: relative;
}
.form_wrapper .form_area_start_here .input_form_row .input_box .calendar_icon i
{
	position: absolute;
	right: 0;
	top: 0;
	width: 40px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	color: var(--color2);
	cursor: pointer;
}


/**********************/
.form_wrapper .form_area_start_here .input_form_row .input_box  label.d-block
{
	margin-bottom: 3px;
}
.customRadioBox
{
	display: inline-flex;
	flex-direction: row;
	flex-wrap: wrap;
	clear: both;
}
.customRadioBox .RadioButtons
{
	flex: 0 0 auto;
}
.customRadioBox .RadioButtons input[type="radio"],
.customRadioBox .RadioButtons input[type="checkbox"]
{
	display: none;
}
.customRadioBox .RadioButtons label
{
    border: 1px solid #ced4da;
    display: block;
    width: 80px;
    height: 37px;
    margin-right: 13px;
    line-height: 37px;
    text-align: center;
    font-weight: 400 !important;
    background-color: #be132124;
    cursor: pointer;
}
.customRadioBox .RadioButtons label:hover
{
	background-color: var(--color2);
	color: var(--white) !important;
}
input.radioButtonsInput:checked + label
{
	background-color: var(--color2);
	color: var(--white) !important;
}

/**********************/
.table_row
{
	padding: 20px 25px;
}
.table_row > h5
{
	text-align: center;
	font-family: var(--monte);
	font-weight: 700;
	text-transform: uppercase;
	font-size: 22px;
	margin-bottom: 30px;
}
.table_row #myTableFLexDiv
{
	width: 100%;
	margin-bottom: 30px;
}
.table_row #myTableFLexDiv .HeadingRow
{

	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.table_row #myTableFLexDiv .HeadingRow .colom1,
.table_row #myTableFLexDiv .HeadingRow .colom2
{
	flex: 0 0 auto;
	background-color: var(--color2);
	padding: 10px 10px;
	color: var(--white);
	border-right: 1px solid #eaeaea;
	font-family: var(--poppins);
	font-weight: 500;
}
.table_row #myTableFLexDiv .HeadingRow .colom1
{
	width: 12%;
}
.table_row #myTableFLexDiv .HeadingRow .colom2
{
	width: 22%;
	text-align: center;
}
/**********************/
.table_row #myTableFLexDiv .DataRow
{

	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.table_row #myTableFLexDiv .DataRow .colom1,
.table_row #myTableFLexDiv .DataRow .colom2
{
	font-family: var(--poppins);
	font-weight: 500;
	flex: 0 0 auto;
	padding: 10px 10px;
	color: #444;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.table_row #myTableFLexDiv .DataRow .colom1
{
	width: 12%;
	border-left: 1px solid #ccc;
	text-align: center;
}
.table_row #myTableFLexDiv .DataRow .colom2
{
	width: 22%;
	text-align: left;
	padding-left: 20px;
}
.table_row #myTableFLexDiv .DataRow:nth-child(odd)
{
	background-color: #be132124;
}
.table_row #myTableFLexDiv .DataRow:nth-child(even)
{
	background-color: #fff;
}


.table_row #myTableFLexDiv .DataRow .colom2 .form-control
{
	padding: 6px 10px;
    font-size: 14px;
    border-radius: 2px;
}
.table_row #myTableFLexDiv .DataRow .colom2 .form-control:focus
{
	box-shadow: none;
}

/*
	*****************************
*/

.table_row  .input_form_row
{
	padding-left: 0 !important;
}
.RealTableBox,
.RealTableBox .table
{
	margin-bottom: 0;
}
.RealTableBox.fullWidth_area
{
	width: 100%;
	margin-bottom: 10px;
}
.RealTableBox.fullWidth_area .table tr th
{
	border-bottom: 0px;
}
.RealTableBox.fullWidth_area .table tr td
{
	border-top: 0px;
	border-bottom: 0px;
}
.RealTableBox.fullWidth_area .table tr td input
{
	padding: 6px 10px;
    font-size: 14px;
    border-radius: 2px;
}
.RealTableBox.fullWidth_area .table tr td input:focus
{
	box-shadow: none;
}

.introForm b
{
	display: block;
    font-family: var(--monte);
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 10px;
}
.introForm ul
{
	list-style-type: ;
	margin-left: 0;
	padding-left:5px;
}
.introForm ul li
{
	display: list-item;
	position: relative;
	padding-left: 15px;
	margin-bottom: 5px;
	font-family: var(--poppins);
	font-weight: 400;
}
.introForm ul li:before
{
    content: '';
    position: absolute;
    top: 8px;
    left: 0;
    width: 5px;
    height: 5px;
    background-color: var(--color2);
    border-radius: 50%;
}

.afterInputCLass
{
	margin-top: -10px;
	font-size: 14px;
	font-weight: 400;
}
.afterInputCLass p
{
	font-family: var(--poppins);
	font-weight: 400;
}

.signatureParent
{
	width: 100%;
	margin-top: 25px;
	text-align: right;
	font-weight: 600;
	font-size: 15px;
}

.signatureParent p
{
	font-family: var(--poppins);
	font-weight: 400;
}
.headings002
{
	margin-top: 20px;
	width: 100%;
    text-align: center;
}
.headings002 h5
{
    font-family: var(--monte);
    font-weight: 700;
    text-transform: uppercase;
    font-size: 22px;
    margin-bottom: 10px;
}

.submitButtons
{
	width: 100%;
	text-align: center;
}
.submitButtons input
{
	background-color: var(--color2);
    color: var(--white);
    font-family: 'Roboto';
    font-weight: 500;
    border: 0px;
    text-transform: uppercase;
    font-size: 14px;
    padding: 10px 20px;
    border-radius: 7px;
}
.submitButtons input:hover
{
	background-color: var(--color1);
}

/*
	************************************************
	************************************************
*/

body.index_page
{

}
body.index_page .form_wrapper .form_headings
{
	padding-bottom: 39px;
}
body.index_page .form_wrapper
{
	max-width: 480px;
}
body.index_page .form_wrapper .form_headings .logo-other-detail
{
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
body.index_page .form_wrapper .form_headings .logo-other-detail .logo
{
	text-align: center;
}
body.index_page .form_wrapper .form_headings .logo-other-detail .logo img
{
	width: 100px;
	height: 100px;
}
body.index_page .form_wrapper .form_headings .logo-other-detail .other-details
{
    width: calc(95% - 0px);
	padding-left: 0px;	
	padding-top: 10px;
}
body.index_page .form_wrapper .form_headings .logo-other-detail .other-details h3
{
	font-size: 28px;
}
body.index_page .form_wrapper .form_headings .logo-other-detail .other-details .line1
{
	font-size: 15px;
}
body.index_page .form_wrapper .form_headings .logo-other-detail .other-details .line1 span
{
	display: inline-flex;
}
body.index_page .form_wrapper .form_headings .logo-other-detail .other-details .line2
{
	font-size: 15px;
}
body.index_page .form_wrapper .form_headings .logo-other-detail .other-details .line2 span
{
	display: inline-flex;
	align-items: center;
}
body.index_page .form_wrapper .form_headings .logo-other-detail .other-details .line2 span i
{
	margin-right: 3px;
}

body.index_page .form_wrapper .form_headings .logo-other-detail .other-details .line2
{
	display: inline-flex;
	align-items: center;
}
body.index_page .form_wrapper .form_headings .logo-other-detail .other-details .line2 i
{
	margin-right: 3px;
}


body.index_page .form_area_start_here
{
	margin-top: 20px;
}
body.index_page form .input_form_row .submitButtons.otpButton
{
	margin-top: -10px;
	margin-bottom: 10px;
}
body.index_page form .input_form_row .submitButtons.otpButton input
{
	background-color: var(--color1);
	margin: 10px 0;
}
body.index_page form .input_form_row .submitButtons.otpButton input:hover
{
	background-color: var(--color2);
}
/* Chrome, Safari, Edge, Opera */
body.index_page form .input_form_row .input_box .inputnumber::-webkit-outer-spin-button,
body.index_page form .input_form_row .input_box .inputnumber::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
body.index_page form .input_form_row .input_box .inputnumber{
  -moz-appearance: textfield;
}

.hideForOTP .fullWidth_area
{
	width: 100%;
}
.hideForOTP
{
	display: none;
	width: 100%;
}
.hideForOTP.showEnterOTPInput
{
	display: block;
}

/*
	======================================
*/

body.thankyou .form_area_start_here h5
{
	font-family: var(--monte);
	font-weight: 700;
	font-size: 25px;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 15px;
}
body.thankyou .form_area_start_here .icons
{
	max-width: 150px;
	margin: auto;
}
body.thankyou .form_area_start_here .icons img
{
	width: 150px;
	height: 150px;
	border:5px solid #0D8D03;
	border-radius: 50%;
	line-height: 150px;
	text-align: center;
	display: block;
}
body.thankyou .form_area_start_here .msg
{
	margin: 15px 0 20px;
	text-align: center;
}
body.thankyou .form_area_start_here .msg p
{
	font-family: var(--poppins);
	font-weight: 500;
	font-size: 15px;
	padding: 0 15px;
	margin-bottom: 0;
}
body.thankyou .form_area_start_here .goToHome
{
	margin-bottom: 20px;
	text-align: center;
}
body.thankyou .form_area_start_here .goToHome a
{
	display: inline-block;
	background-color: var(--color2);
	color: var(--white);
	font-family:var(--poppins);
	font-weight: 400;
	font-size: 13px;
	padding: 10px 30px;
	border-radius: 8px;
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin-left: 27.5%;
	max-width: 45%;
}
body.thankyou .form_area_start_here .goToHome a i
{
	margin-right: 5px;
}

.heading_form_sedction
{
    font-family: var(--monte);
    font-weight: 800;
    font-size: 22px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 20px;
    color: var(--color2);
}

.hideInputs
{
	opacity: 0;
	visibility: hidden;
}
.table_row.table_row2
{
	width: 100%;
}
.table_row.table_row2 .HeadingRow .colom2
{
	width: 45%;
}
.table_row.table_row2 #myTableFLexDiv
{
	margin-bottom: 0;
}
.table_row.table_row2 #myTableFLexDiv .DataRow .colom2
{
	width: 45%;	
}
.table_row.table_row2 #myTableFLexDiv .HeadingRow .colom2
{
	width: 45%;	
}

@media screen and (min-width: 768px)
{
	.width_oneThird
	{
		width: 22% !important;
	}
	.width_oneThird2
	{
		width: 25% !important;
	}
	.width_oneThird4
	{
		width: 26% !important;
	}
	.width_oneThird3
	{
		margin-right: 0 !important;
		width: 70% !important;
	}
}

.inputAttachmentCategory.shows
{
	width: 24% !important;
	transition: .2s;
}
#categorycolom.shows
{
	width: 22% !important;
}

.divider01
{
	text-align: center;
	width: 100%;
	margin: 5px 0 5px;
}
.divider01 img
{
	margin: auto;
	max-width: 350px;
}
.divider01 span
{
	margin: auto;
	max-width: 100%;
	width: 100%;
	height: 2px;
	background-color: #eaeaea;
	display: inline-flex;
}

@media screen and (max-width: 767px)
{
	.divider01 img	
	{
		max-width: 90%;
	}
}

.myFLexes
{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin-top: 15px;
}
.myFLexes .text-danger
{
	align-self: center;
	flex: 0 0 auto;
	font-size: 1.5em;
	margin-top: 8px;
	margin-right: 5px;
}
.myFLexes .uiButton
{
	margin-top: 0 !important;
}

.applyNow
{

}

.applyNow a
{
	display: inline-block;
	position: relative;
}
.applyNow a span
{
	position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  background-color: var(--color2);
	  display: block;
	  z-index: -1;
	  transform: skewX(8deg);
	  border-radius: 7px;
}

.fullWidth_heading span
{
	display: block;
	 font-family: var(--poppins);
	  font-weight: 600;
	  color: var(--black);
	  text-transform: uppercase;
	  margin-top: 10px;
	  margin-bottom: 5px;
	  font-size: 14px;
}

.font17
{
	font-size: 17px;
	text-transform: capitalize;
}
form[name="make_trans"] .form-group label
{
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 6px;
}
.goToHome .btn-home
{
	background-color: var(--color1);
	color: var(--white);
	font-weight: 500;
}
.paynowbutn
{
	text-align: center;
}

/*
    ==========================================
*/
@media screen and (min-width:993px)
{
    body.index_page.main-page-admission .form_wrapper
    {
        max-width:1100px;
    }body.index_page.main-page-admission .form_wrapper .form_headings .logo-other-detail
    {
        flex-direction:row;
        padding-bottom:24px;
    }
    body.index_page.main-page-admission .form_wrapper .form_headings .logo-other-detail .other-details
    {
        width:auto;
    }
    body.index_page.main-page-admission .form_wrapper .form_headings #wave1{
        bottom:-20px;
    }
    body.index_page.main-page-admission .button-text-heading
    {
        display:flex;
        justify-content:space-between;
        align-items:center;
        margin:35px 0 15px;
        padding-left:50px;
        padding-right:50px;
    }
    body.index_page.main-page-admission .button-text-heading .submitButtons
    {
        width:auto;
    }
}
