
.home-header {
	&.rz-header {
		@include min-max(1200,1400) {
			padding-top: 10px;
		}
	}
	.hdr-menu {
		#txtSearch {
			@include min-max(1200,1400) {
				width: 150px;
			}
		}
	}
}
.home-imgbx {
	padding-top: 0;
	@include max(767) {
		padding-top: 0;
	}
}
.home-imgbx .hm-image figure {
	@include max(767) {
		padding-top: 0;
	}
}
.home-imgbx .hm-ctn .ttl{
	margin-bottom: 20px;
	a {
		&:hover {
			color:#eb2a39;
		}
	}
}
.rz-list {
	margin-top: 20px;
	margin-bottom: 20px;
}
.rz-list {
	li {
	      font-size: 1.8rem;
	      position: relative;
	      padding-left: 20px;
	      @include max(767) {
	   			font-size: 2rem;
	   		}
	      &:after {
	      	position: absolute;
	      	content:"";
	      	left: 0;
	      	top: 10px;
		    width: 6px;
		    height: 6px;
	      	@include border-radius(50%);
	      	background:#8A8A8A;
	      	@include max(767) {
	      		top: 9px;
	      	}
	      }
	}
	&.number {
		li {
			padding-left: 0;
			&:after {
				display: none;

			}
		}
	}
}

.home-imgbx .hm-ctn .txt li {
      color: #000;
      font-size: 2.4rem;
      margin-bottom: 20px;
      padding-left: 20px;
      position: relative;
      @include max(767) {
   			font-size: 2rem;
   		}
      &:after {
      	position: absolute;
      	content:"";
      	left: 0;
      	top: 14px;
	    width: 6px;
	    height: 6px;
      	@include border-radius(50%);
      	background:#000;
      	@include max(767) {
      		top: 9px;
      	}
      }
}
.home-imgbx .hm-ctn {
	@include max(1450) {
		padding-top: 0;
	}
	@include max(767) {
		text-align:left;
	}
	.home-learnmore {
		font-size: 2rem;
		font-family: NeutraTextBold;
		color: #000;
		text-decoration: underline;
		font-weight: 900;
		&:hover {
			color:#eb2a39;
		}
	}
}
.learning-tips {
	@include min(1200) {
		padding: 30px 0;
	}
	@include max(767) {
		padding-bottom: 15px;
	}
}
 .readyto-start{
	padding-bottom: 0;
}
.readyto-start .tech-start {
	padding: 50px 15px;
	padding-bottom: 50px;
	@include max(767) {
		padding: 40px 15px;
		padding-bottom: 10px;
	}
	.ttl-lg  {
		font-size: 2.5rem;
		color: #000;
		margin-bottom: 25px;
		@include max(991) {
			font-size: 2.2rem;
		}
		@include max(767) {
			font-size: 2rem;
			line-height: 1.6;
		}
	}
}
.tech-start:before {
	display: none;
}
.tech-start:after {
	display: none;
}
.gamification {
	.cmb-icon2, .cmb-icon1 {
  		max-width: 50px;
  		}
	.cmb-icon1 {
		top: -22px;
		@include max(991) {
			top: 20px;
			left: 15px;
		}
	}
	.cmb-icon2 {
		right:inherit;
		left: 41%;
	    top: inherit;
	    bottom: -17%;
	    @include max(991) {
	    	right: 0;
		    top: inherit;
		    bottom: -51px;
		    left: inherit;
	    }
	    @include max(767) {
	    	bottom: -22px;
	    	right: 22px;
	    }
	}
}
.about-inner-page {
	.home-imgbx .hm-ctn .txt  {
		p {}
		ul {
			li {
			   color: #000;
   				font-size: 1.8rem;
   				margin-bottom: 5px;
   				@include max(767) {
   					font-size: 2rem;
   				}
			}
		}
		h4 {
			margin-top: 25px;
			padding-bottom: 10px;
			font-weight: 600;
		}
	}
	// .hm-image {
	// 	@include min(1200) {
	// 	    flex: 0 0 45%;
 //    		max-width: 45%;	

	// 	}
	// }
	// .hm-ctn {
	// 	@include min(1200) {
	// 	    flex: 0 0 65%;
 //    		max-width: 65%;	
	// 	}
	// }
	@include min(1200) {
	.hm-image figure img {
		width: 500px;
	}
	}
}

.gamification .home-imgbx .hm-ctn .txt ul li {
	margin-bottom: 15px;
}
.get-it-app {
	margin-top: 15px;
	p {
		color: #838383;
	}
}

@include min(1200) {
	&.inner-header {
			.main-nav > ul > li.submenu::after {
			 	border-top: 7px solid #6D7278;
			}
		}
	&.slim {
		.main-nav > ul > li.submenu::after {
			 border-top: 7px solid #6D7278;
		}
		&.home-header {
			.main-nav > ul > li.submenu::after {
			 	border-top: 7px solid #6D7278;
			}
		}
	}

}

// @include min(1200) {
// 	.go-nextlevel ,.tech-start{
// 		.btn {
// 			 padding: 0px 80px;
// 			 min-height: 50px;
// 		}
// 	}   
// }

@include min-max(1200,1450) {
	.banner-image .banner-cmb-icon1,.banner-image .banner-cmb-icon2, .banner-image .banner-cmb-icon3, .banner-image .banner-cmb-icon4 {
		img {
			max-width: 50px;
		}
	}
}
@include max( 1279) {
  .banner-image {
     background-image: url(../images/banner.png);
     position: relative;
  } 
  .about-us-banner {
  	 background-image:url("../images/abt-banner-new.png");
  }

  .banner-image .banner-cmb-icon1,.banner-image .banner-cmb-icon2, .banner-image .banner-cmb-icon3, .banner-image .banner-cmb-icon4 {
  	display: block;
  	max-width: 36px;
  }
}

@include max(991) {
	 .banner-image .banner-cmb-icon1,.banner-image .banner-cmb-icon2, .banner-image .banner-cmb-icon3, .banner-image .banner-cmb-icon4 {
		top: inherit;
		left: inherit;
		right: inherit;
		bottom: inherit;
	}
	.banner-image .banner-cmb-icon1 {
		top: 42%;
	    right: 30%;
	}
	.banner-image .banner-cmb-icon2 {
		top: 10%;
	    right: 30%;
	}
	.banner-image .banner-cmb-icon3 {
		top: 18%;
   		 left: 30%;
	}    
	.banner-image .banner-cmb-icon4 {
		top: 42%;
   		right: 10%;
	}
}
@include max(767) {
	.banner-image .banner-cmb-icon1,.banner-image .banner-cmb-icon2, .banner-image .banner-cmb-icon3, .banner-image .banner-cmb-icon4 { 
		max-width: 18px;
	}
	.banner-image .banner-cmb-icon1 {
		top: 32%;
	   
	}
	.banner-image .banner-cmb-icon2 {
		top: 4%;
	  
	}
	.banner-image .banner-cmb-icon3 {
		top: 18%;
   		
	}    
	.banner-image .banner-cmb-icon4 {
		top: 35%;
   		
	}
}
// forms
.form-page {
	.rz-sm-banner {
		@include max(767) {
			padding: 20px 15px;
			padding-bottom: 0;
			margin-bottom: 25px;
			&:before {
				    border-bottom: 33px solid white;
			}
		}
	.page-title h1{
		font-size: 3rem;
		color: #fff;
		@include max(767) {
			font-size: 2.5rem;
		}
	}
}
}
.form-header {
	padding: 15px 0;
	.logo {
		img {
			width: 90px;
		}
	}
	.form-dprtlogo {
		text-align: right;
		@include max(767) {
			img {
				width: 65px;
			}
		}
	}
	
}

$color1: #f4f4f4;
$color2: #3197EE;
.form-row-wrap {
	p {
		font-size: 1.8rem;
		@include max(767) {
			font-size: 2rem;
		}
	}
	margin: 25px 0;
	.input-holder {
		margin-bottom: 1rem;
	}
	strong {
		font-family: GTWalsheimBold;
	}
	label {
		font-size: 1.8rem;
		margin-bottom: 1rem;
		@include max(767) {
			font-size: 2rem;
		}
	}
	.form-control {
		background:#F1F1F1;
	}
	.radio {
	  margin: 0.5rem;
	  margin-left: 0;
	  .radio-label {
	  	font-size: 2rem;
	  }
	  input[type="radio"] {
	    position: absolute;
    	opacity: 0;
    + .radio-label {
      &:before {
        content: '';
        background: $color1;
        border-radius: 100%;
        border: 1px solid darken($color1, 25%);
        display: inline-block;
        width: 16px;
        height: 16px;
        position: relative;
        top:6px;
        margin-right: 1em; 
        vertical-align: top;
        cursor: pointer;
        text-align: center;
        transition: all 250ms ease;
        @include max(767) {
        	top: 3px;
        }
      }
    }
    &:checked {
      + .radio-label {
        &:before {
          background-color: $color2;
          box-shadow: inset 0 0 0 4px $color1;
        }
      }
    }
    &:focus {
      + .radio-label {
        &:before {
          outline: none;
          border-color: $color2;
        }
      }
    }
    &:disabled {
      + .radio-label {
        &:before {
          box-shadow: inset 0 0 0 4px $color1;
          border-color: darken($color1, 25%);
          background: darken($color1, 25%);
        }
      }
    }
    + .radio-label {
      &:empty {
        &:before {
          margin-right: 0;
        }
      }
    }
  }
}
}
.fomm-lg-ttl {
	width: 100%;
	margin-top: 10px;
	h1,h2,h3,h4,h5,h6 {
		font-size: inherit;
		font-weight: 700;
		color: #525252;
	}
	font-size: 3rem;
	font-weight: 700;
	@include max(991) {
		font-size: 3rem;
	}
}
.fomm-sm-ttl {
	width: 100%;
	color: #525252;
	h1,h2,h3,h4,h5,h6 {
		font-size: inherit;
	}
	font-size: 2.3rem;
	@include max(991) {
		font-size: 2.5rem;
	}
}
.fomm-xs-ttl {
	font-size: 1.2rem;
}
.lbl-ttl {
	font-size: 1.9rem;
	font-weight: 700;
	margin-bottom: 10px;
}
.lbl-txt {
	font-size: 1.8rem;
	margin-bottom: 25px;
}
.gender-rdo {
	.radio {
		float: left;
		margin-right: 50px;
	}
}

.form-note {
	margin-top: 25px;
}
.add-guardian {
	margin-top: 25px;
	.btn-add-guardian {
		font-size: 1.8rem;
		margin-bottom: 15px;
		font-weight: 700;
		cursor: pointer;
		&:hover {
			color: #eb2a39!important;
		}
	}
}
.student-relaese-info {
	margin-top: 50px;
	position: relative;
}
.student-relaese-info-row {
	position: relative;
	.add-row {
		display: none;
	}
	&:last-child {
		.add-row {
			display: block;
		}
	}
}
.row-btn-wrap {
	padding-left: 15px;
	font-size: 1.8rem;
	font-weight: 700;
	// padding-top: 20px;
	// position: absolute;
	// right: -80px;
	// top: 0;
	.row-btn {
		cursor: pointer;
		padding: 5px;
		padding-top: 0;
		padding-bottom: 0;
		&:hover {
			color: #eb2a39!important;
		}
		img {
			width: 35px;
			height: 35px;
		}
	}
}
.appended-row {
	@include max(767) {
		margin-top: 20px;
	}
	.row-btn-wrap {
		padding-top: 0;
		margin-top: -0.5rem;
		.add-row {
			display: none;
		}
	}
	label {
		display: none;
		@include max(767) {
			display: block;
		}
	}
	&:last-child {
		.add-row {
			display: block;
		}
	}
}
.btn-form-submit {
	@include max(767) {
		@include justify-content(center);
		margin-top: 15px;
	}
}
.medical-history {
	.md-name {
		border-bottom: 1px dashed #d0d0d0;
		height: 40px;
		@include flexbox();
		@include align(center);
		font-size: 2rem;
		@include max(767) {
			border-bottom: none;
			font-size: 2.2rem;
			font-weight: 600;
		}
	}
	.mh-repeat-row {
		@include max(767) {
			margin-bottom: 20px!important;
			margin-top: 15px;
			padding: 15px 0;
			border-bottom: 1px solid #f0f0f0;
			.col-4 {
				// border-bottom: 1px dashed #d0d0d0;
			}
		}
	}	
	.mh-ttl-large {
		display: none;
		@include min(768) {
			display: block;
		}
	}
	.mh-mobile-view {
		display: none;
		@include max(767) {
			display: block;
			margin: 15px 0;
			margin-top: 0;

		}
	}
}
.text-area-wrap {
	.input-holder {
		margin-bottom: 20px;
	}
}
.readyto-start {
	.fomm-sm-ttl {
		margin-bottom: 25px;
		font-weight: 900;
	}
}
@include min-max(992,1200) {
	.go-nextlevel {
		left: 85px;
	}
}
@include min-max(1200,1300) {
	.rz-header {
		.full-width {
			padding-left: 20px;
			padding-right: 20px;
		}
	}
}
