.theoretic-footer-share a span{ 
	margin-top:0px;
	margin-right:5px;
	width: 35px;
    height:35px;
    font-size: 16px;
    line-height: 34px;
	background-color:#fff;
	border-radius:50px;
	color:#445a29;
	text-align:center;
	border:1px solid #fff;
	
	
}

.theoretic-footer-share a span:hover{ 
     border:1px solid #6407ab;
	 background-color:#6407ab;
	 color:#fff;

}

/*************banner***********/
#theoretic-banner{
	background-color:#004;
	padding:45px 0;
	
}

#theoretic-banner::before {
  content: '';
  background-color: rgba(0, 0, 0, 0.9);
  position: absolute;
  
}

.theoretic-banner h2 {
  color: #fff;
  margin-bottom: 50px;
  margin-top:0px;
  font-size: 60px;
  font-weight: 700;
  text-align:center;
}


.theoretic-banner-btn {
 font-family: 'open sans',sans-sarif;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 10px 50px;
  border:1px solid #dfbb59;
  border-radius: 5px;
  transition: 0.5s;
  margin: 0px;
  color: #fff;
  background: #dfbb59;
  text-transform:uppercase;
  margin-bottom:20px;
}

.theoretic-banner-btn:hover {
  background: #fff;
  color: #000;
   border:1px solid #fff;
}

#theoretic-banner .form-control{
	padding:22px;
	font-size:16px;
	font-weight:600;
}

#theoretic-banner .form-group{
	padding:5px;
}

/*********start box********/

.home-box{
	margin-top:80px ;	
}

.theoretic-head h5{
	font-size:30px;
	font-weight:600;
	margin-bottom:40px;
	margin-top:0px;
	color:#000;
	text-align:center;
}

.box{
	background-color:#562080; 
	color:#fff;
	padding:15px 7px;
}

.box h6{
	font-size:18px;
	font-weight:700;
	margin-bottom:10px;
	margin-top:20px;
	color:#fff;
	
}
.box p{
	font-size:16px;
	color:#fff;
	line-height:26px;
	
}

.box1{
	background-color:#7635dd;
	color:#fff;
	padding:15px 7px;
}

.box1 h6{
	font-size:18px;
	font-weight:700;
	margin-bottom:10px;
	margin-top:20px;
	color:#fff;
	
}
.box1 p{
	font-size:16px;
	color:#fff;
	line-height:26px;
	
}

.box2{
	background-color:#192f80; 
	color:#fff;
	padding:15px 7px;
}

.box2 h6{
	font-size:18px;
	font-weight:700;
	margin-bottom:10px;
	margin-top:20px;
	color:#fff;
	
}
.box2 p{
	font-size:16px;
	color:#fff;
	line-height:26px;
	
}


#theoretic-service{
	
	background-color:#f9f9f9;
}


.theoretic-head1 h5{
	font-size:30px;
	font-weight:600;
	margin-bottom:20px;
	margin-top:80px;
	color:#000;
	text-align:center;
}

.theoretic-service h6{
	font-size:24px;
	font-weight:700;
	margin-bottom:20px;
	margin-top:0px;
	color:#007bff;
}


.theoretic-service p{
	font-size:16px;
	color:#000;
	line-height:26px;
	margin-bottom:70px;
}


#theoretic-plan{
	
	padding:90px 0;
}


.theoretic-plan{
	border: 1px solid #ececec;
    box-shadow: 0 20px 25px -12px rgba(0, 0, 0, 0.09);
    padding: 30px 15px;
    text-align: center;
}

.theoretic-plan h6{
	font-size:18px;
	font-weight:500;
	margin-bottom:20px;
	margin-top:0px;
	color:#000;
}
.theoretic-plan h5{
	font-size:18px;
	font-weight:700;
	margin-bottom:20px;
	margin-top:0px;
	color:#80c431;
}

.theoretic-plan h5 span{
	font-size:13px;
	font-weight:500;
	margin-bottom:20px;
	margin-top:0px;
	color:#333;
}

.theoretic-plan img{
	padding:10px 22px;
	background-color:#6407ab;
}

.theoretic-plan img:hover{
	padding:10px 22px;
	background-color:#445a29;
}


/*********start contact page**********/
/*--------------------------------------------------------------
# Intro Section for contact
--------------------------------------------------------------*/
#intro5 {
  width: 100%;
  height: 50vh;
  position: relative;
  background: url("../img/contact.png") no-repeat;
  background-size: cover;
}

#intro5.intro5-content {
  position: absolute;
  bottom: 0;
  
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: left;
  flex-direction: column;
  text-align: left;
  
}

#intro5 .intro5-content h2 {
  color: #fff;
  margin-bottom: 10px;
  font-size: 38px;
  font-weight: 700;
  margin-left:60px;

}

#intro5 .intro5-content h3 span {
  color: #50d8af;
  text-decoration: underline;
}

@media (max-width: 767px) {
  #intro5 .intro5-content h2 {
    font-size: 34px;
  }
}

#intro5 .intro5-content .btn-get-started, #intro5 .intro5-content .btn-projects {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1px;
  display: inline-block;
  padding: 16px 36px;
  border-radius: 2px;
  transition: 0.5s;
  margin: 10px;
  color: #fff;
  text-transform:uppercase;
}

#intro5 .intro2-content .btn-get-started {
  background: #0d70b7;
  border: 2px solid #0d70b7;
}

#intro5 .intro2-content .btn-get-started:hover {
  background: #000;
  color: #fff;
  border: 2px solid #000;
}

#intro5 .intro2-content .btn-projects {
  background: transparent;
  border: 2px solid #fff;
  color:#fff;
}

#intro5 .intro5-content .btn-projects:hover {
  background: #0d70b7;
  color: #fff;
   border: 2px solid #0d70b7;
}

#intro5 #intro5-carousel {
  z-index: 8;
}

#intro5 #intro5-carousel::before {
  content: '';
  background-color: rgb(79, 148, 205, 0.7);
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 7;
}

#intro5 #intro5-carousel .item {
  width: 100%;
  height: 50vh;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

#contact_page{
	padding:70px 0;
}


#contact_page .panel-heading{
	font-size:20px;
	font-weight:700;
	
}

#contact_page .contact_info p{
	font-size:16px;
}
#contact_page .contact_info span{
	font-size:36px;
	margin-left:15px;
	color:#0d70b7;	
}

#contact_page_form .form-control{
	padding:20px;
	border:1px solid #e0e0e0	;
	color:#000;
	border-radius:0px;
	background-color:transparent;
}

.contact_btn{
	
	font-family: "Raleway", sans-serif;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1px;
  display: inline-block;
  padding: 10px 18px;
  border-radius: 2px;
  transition: 0.5s;
  margin: 0px;
  color: #fff;
  text-transform:uppercase;
   background: #ff5252;
  border: 2px solid #ff5252;
  color:#fff;
  margin-left:0px;
  margin-bottom:30px;
  margin-top:-15px;
  text-align:center;
  width:100%;
}

.contact_btn:hover{
	background: #80c431;
  color: #fff;
   border: 2px solid #80c431;
}




/************* start disclaimer***********/

/*--------------------------------------------------------------
# Intro Section for contact
--------------------------------------------------------------*/
#intro3 {
  width: 100%;
  height: 50vh;
  position: relative;
  background: url("../img/disclaimer.png") no-repeat;
  background-size: cover;
}

#intro3.intro3-content {
  position: absolute;
  bottom: 0;
  
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: left;
  flex-direction: column;
  text-align: left;
}

#intro3 .intro3-content h2 {
  color: #fff;
  margin-bottom: 10px;
  font-size: 38px;
  font-weight: 700;
  margin-left:60px;

}

#intro3 .intro3-content h3 span {
  color: #50d8af;
  text-decoration: underline;
}

@media (max-width: 767px) {
  #intro2 .intro2-content h2 {
    font-size: 34px;
  }
}

#intro3 .intro3-content .btn-get-started, #intro3 .intro2-content .btn-projects {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1px;
  display: inline-block;
  padding: 16px 36px;
  border-radius: 2px;
  transition: 0.5s;
  margin: 10px;
  color: #fff;
  text-transform:uppercase;
}

#intro3 .intro2-content .btn-get-started {
  background: #0d70b7;
  border: 2px solid #0d70b7;
}

#intro3 .intro2-content .btn-get-started:hover {
  background: #000;
  color: #fff;
  border: 2px solid #000;
}

#intro3 .intro2-content .btn-projects {
  background: transparent;
  border: 2px solid #fff;
  color:#fff;
}

#intro3 .intro2-content .btn-projects:hover {
  background: #0d70b7;
  color: #fff;
   border: 2px solid #0d70b7;
}

#intro3 #intro3-carousel {
  z-index: 8;
}

#intro3 #intro3-carousel::before {
  content: '';
  background-color: rgb(79, 148, 205, 0.7);
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 7;
}

#intro3 #intro3-carousel .item {
  width: 100%;
  height: 50vh;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}


#theoretic-disclaimer{
	padding:70px 0;
}

.theoretic-disclaimer p{
	
	color:#000;
	
}

/*********** start pricing************/
/*--------------------------------------------------------------
# Intro Section for contact
--------------------------------------------------------------*/
#intro4 {
  width: 100%;
  height: 50vh;
  position: relative;
  background: url("../img/pricing.png") no-repeat;
  background-size: cover;
}

#intro4.intro4-content {
  position: absolute;
  bottom: 0;
  
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: left;
  flex-direction: column;
  text-align: left;
}

#intro4 .intro4-content h2 {
  color: #fff;
  margin-bottom: 10px;
  font-size: 38px;
  font-weight: 700;
  margin-left:60px;

}

#intro .intro4-content h3 span {
  color: #50d8af;
  text-decoration: underline;
}

@media (max-width: 767px) {
  #intro2 .intro2-content h2 {
    font-size: 34px;
  }
}

#intro3 .intro3-content .btn-get-started, #intro3 .intro2-content .btn-projects {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1px;
  display: inline-block;
  padding: 16px 36px;
  border-radius: 2px;
  transition: 0.5s;
  margin: 10px;
  color: #fff;
  text-transform:uppercase;
}

#intro3 .intro2-content .btn-get-started {
  background: #0d70b7;
  border: 2px solid #0d70b7;
}

#intro3 .intro2-content .btn-get-started:hover {
  background: #000;
  color: #fff;
  border: 2px solid #000;
}

#intro3 .intro2-content .btn-projects {
  background: transparent;
  border: 2px solid #fff;
  color:#fff;
}

#intro3 .intro2-content .btn-projects:hover {
  background: #0d70b7;
  color: #fff;
   border: 2px solid #0d70b7;
}

#intro3 #intro3-carousel {
  z-index: 8;
}

#intro3 #intro3-carousel::before {
  content: '';
  background-color: rgb(79, 148, 205, 0.7);
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 7;
}

#intro3 #intro3-carousel .item {
  width: 100%;
  height: 50vh;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}


#theoretic-pricing{
	padding:70px 0;
}

.theoretic-disclaimer p{
	
	color:#000;
	
}

/***********website design************/

/*--------------------------------------------------------------
# Intro Section for contact
--------------------------------------------------------------*/
#intro2 {
  width: 100%;
  height: 60vh;
  position: relative;
  background: url("../img/webdesigne.png") no-repeat;
  background-size: cover;
}

#intro2 .intro2-content {
  position: absolute;
  bottom: 0;
  
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: left;
  flex-direction: column;
  text-align: left;
}

#intro2 .intro2-content h2 {
  color: #000;
  margin-bottom: 10px;
  font-size: 42px;
  font-weight: 500;
  margin-left:100px;
  line-height:60px;

}

#intro .intro2-content h2 span {
  color: #50d8af;
  text-decoration: underline;
}

@media (max-width: 767px) {
  #intro2 .intro2-content h2 {
    font-size: 34px;
  }
}

#intro2 .intro2-content .btn-get-started, #intro2 .intro2-content .btn-projects {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1px;
  display: inline-block;
  padding: 16px 36px;
  border-radius: 2px;
  transition: 0.5s;
  margin: 10px;
  color: #fff;
  text-transform:uppercase;
}

#intro2 .intro2-content .btn-get-started {
  background: #0d70b7;
  border: 2px solid #0d70b7;
}

#intro2 .intro2-content .btn-get-started:hover {
  background: #000;
  color: #fff;
  border: 2px solid #000;
}

#intro2 .intro2-content .btn-projects {
  background: transparent;
  border: 2px solid #fff;
  color:#fff;
}

#intro2 .intro2-content .btn-projects:hover {
  background: #0d70b7;
  color: #fff;
   border: 2px solid #0d70b7;
}

#intro2 #intro2-carousel {
  z-index: 8;
}

#intro2 #intro2-carousel::before {
  content: '';
  background-color: rgb(79, 148, 205, 0.7);
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 7;
}

#intro2 #intro2-carousel .item {
  width: 100%;
  height: 60vh;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}


#theoretic-service-page{
	padding:80px 0;
}

#theoretic-process{
	margin-bottom:60px;
}



.theoretic-process h6{
	font-size:18px;
	font-weight:500;
	margin-bottom:20px;
	margin-top:0px;
	color:#000;
	text-align:center;
}
.theoretic-service-page h6{
	font-size:25px;
	font-weight:500;
	margin-bottom:20px;
	margin-top:0px;
	color:#000;
}

.theoretic-service-page p{
	
	color:#000;
	
}
.theoretic-service-page a{
	
	color:#000;
	
}
.theoretic-service-page span{
	color:#FF4100;
	margin-right:10px;
	margin-bottom:10px;
}

/*************api service******************/
/*--------------------------------------------------------------
# Intro Section for contact
--------------------------------------------------------------*/
#intro6 {
  width: 100%;
  height: 60vh;
  position: relative;
  background: url("../img/apiservices.png") no-repeat;
  background-size: cover;
}

#intro6 .intro2-content {
  position: absolute;
  bottom: 0;
  
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: left;
  flex-direction: column;
  text-align: left;
}

#intro6 .intro6-content h2 {
  color: #000;
  margin-bottom: 10px;
  font-size: 42px;
  font-weight: 500;
  margin-left:100px;
  line-height:60px;

}

#intro6 .intro6-content h2 span {
  color: #50d8af;
  text-decoration: underline;
}

@media (max-width: 767px) {
  #intro6 .intro2-content h2 {
    font-size: 34px;
  }
}

#intro6 .intro6-content .btn-get-started, #intro6 .intro6-content .btn-projects {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1px;
  display: inline-block;
  padding: 16px 36px;
  border-radius: 2px;
  transition: 0.5s;
  margin: 10px;
  color: #fff;
  text-transform:uppercase;
}

#intro6 .intro6-content .btn-get-started {
  background: #0d70b7;
  border: 2px solid #0d70b7;
}

#intro6 .intro6-content .btn-get-started:hover {
  background: #000;
  color: #fff;
  border: 2px solid #000;
}

#intro6 .intro6-content .btn-projects {
  background: transparent;
  border: 2px solid #fff;
  color:#fff;
}

#intro6 .intro2-content .btn-projects:hover {
  background: #0d70b7;
  color: #fff;
   border: 2px solid #0d70b7;
}

#intro6 #intro6-carousel {
  z-index: 8;
}

#intro6 #intro6-carousel::before {
  content: '';
  background-color: rgb(79, 148, 205, 0.7);
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 7;
}

#intro6 #intro6-carousel .item {
  width: 100%;
  height: 60vh;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}


/*************privacy policy******************/
/*--------------------------------------------------------------
# Intro Section for contact
--------------------------------------------------------------*/
#intro7 {
  width: 100%;
  height: 50vh;
  position: relative;
  background: url("../img/privacy.png") no-repeat;
  background-size: cover;
}

#intro7 .intro2-content {
  position: absolute;
  bottom: 0;
  
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: left;
  flex-direction: column;
  text-align: left;
}

#intro7 .intro2-content h2 {
  color: #000;
  margin-bottom: 10px;
  font-size: 42px;
  font-weight: 500;
  margin-left:100px;
  line-height:60px;

}

#intro7 .intro7-content h2 span {
  color: #50d8af;
  text-decoration: underline;
}

@media (max-width: 767px) {
  #intro7 .intro7-content h2 {
    font-size: 34px;
  }
}

#intro7 .intro7-content .btn-get-started, #intro7 .intro2-content .btn-projects {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1px;
  display: inline-block;
  padding: 16px 36px;
  border-radius: 2px;
  transition: 0.5s;
  margin: 10px;
  color: #fff;
  text-transform:uppercase;
}

#intro7 .intro7-content .btn-get-started {
  background: #0d70b7;
  border: 2px solid #0d70b7;
}

#intro7 .intro7-content .btn-get-started:hover {
  background: #000;
  color: #fff;
  border: 2px solid #000;
}

#intro7 .intro7-content .btn-projects {
  background: transparent;
  border: 2px solid #fff;
  color:#fff;
}

#intro7 .intro7-content .btn-projects:hover {
  background: #0d70b7;
  color: #fff;
   border: 2px solid #0d70b7;
}

#intro7 #intro7-carousel {
  z-index: 8;
}

#intro7 #intro7-carousel::before {
  content: '';
  background-color: rgb(79, 148, 205, 0.7);
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 7;
}

#intro7 #intro7-carousel .item {
  width: 100%;
  height: 50vh;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

/***********refund policy***************/

/*--------------------------------------------------------------
# Intro Section for contact
--------------------------------------------------------------*/
#intro8 {
  width: 100%;
  height: 50vh;
  position: relative;
  background: url("../img/refund.png") no-repeat;
  background-size: cover;
}

#intro8 .intro8-content {
  position: absolute;
  bottom: 0;
  
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: left;
  flex-direction: column;
  text-align: left;
}

#intro8 .intro8-content h2 {
  color: #000;
  margin-bottom: 10px;
  font-size: 42px;
  font-weight: 500;
  margin-left:100px;
  line-height:60px;

}

#intro8 .intro8-content h2 span {
  color: #50d8af;
  text-decoration: underline;
}

@media (max-width: 767px) {
  #intro8 .intro2-content h2 {
    font-size: 34px;
  }
}

#intro8 .intro8-content .btn-get-started, #intro8 .intro8-content .btn-projects {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1px;
  display: inline-block;
  padding: 16px 36px;
  border-radius: 2px;
  transition: 0.5s;
  margin: 10px;
  color: #fff;
  text-transform:uppercase;
}

#intro8 .intro8-content .btn-get-started {
  background: #0d70b7;
  border: 2px solid #0d70b7;
}

#intro8 .intro8-content .btn-get-started:hover {
  background: #000;
  color: #fff;
  border: 2px solid #000;
}

#intro8 .intro8-content .btn-projects {
  background: transparent;
  border: 2px solid #fff;
  color:#fff;
}

#intro8 .intro8-content .btn-projects:hover {
  background: #0d70b7;
  color: #fff;
   border: 2px solid #0d70b7;
}

#intro8 #intro8-carousel {
  z-index: 8;
}

#intro8 #intro8-carousel::before {
  content: '';
  background-color: rgb(79, 148, 205, 0.7);
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 7;
}

#intro8 #intro8-carousel .item {
  width: 100%;
  height: 50vh;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}


/*************for seo service*************/

/*--------------------------------------------------------------
# Intro Section for contact
--------------------------------------------------------------*/
#intro9 {
  width: 100%;
  height: 50vh;
  position: relative;
  background: url("../img/seoservices.png") no-repeat;
  background-size: cover;
}

#intro9 .intro9-content {
  position: absolute;
  bottom: 0;
  
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: left;
  flex-direction: column;
  text-align: left;
}

#intro9 .intro9-content h2 {
  color: #000;
  margin-bottom: 10px;
  font-size: 42px;
  font-weight: 500;
  margin-left:100px;
  line-height:60px;

}

#intro9 .intro2-content h2 span {
  color: #50d8af;
  text-decoration: underline;
}

@media (max-width: 767px) {
  #intro9 .intro9-content h2 {
    font-size: 34px;
  }
}

#intro9 .intro9-content .btn-get-started, #intro9 .intro9-content .btn-projects {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1px;
  display: inline-block;
  padding: 16px 36px;
  border-radius: 2px;
  transition: 0.5s;
  margin: 10px;
  color: #fff;
  text-transform:uppercase;
}

#intro9 .intro9-content .btn-get-started {
  background: #0d70b7;
  border: 2px solid #0d70b7;
}

#intro9 .intro9-content .btn-get-started:hover {
  background: #000;
  color: #fff;
  border: 2px solid #000;
}

#intro9 .intro9-content .btn-projects {
  background: transparent;
  border: 2px solid #fff;
  color:#fff;
}

#intro9 .intro9-content .btn-projects:hover {
  background: #0d70b7;
  color: #fff;
   border: 2px solid #0d70b7;
}

#intro9 #intro9-carousel {
  z-index: 8;
}

#intro9 #intro9-carousel::before {
  content: '';
  background-color: rgb(79, 148, 205, 0.7);
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 7;
}

#intro9 #intro9-carousel .item {
  width: 100%;
  height: 50vh;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}


/************terms and condition************/

/*--------------------------------------------------------------
# Intro Section for contact
--------------------------------------------------------------*/
#intro10 {
  width: 100%;
  height: 50vh;
  position: relative;
  background: url("../img/termsandconditions.jpg") no-repeat;
  background-size: cover;
}

#intro10 .intro10-content {
  position: absolute;
  bottom: 0;
  
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: left;
  flex-direction: column;
  text-align: left;
}

#intro10 .intro10-content h2 {
  color: #000;
  margin-bottom: 10px;
  font-size: 42px;
  font-weight: 500;
  margin-left:100px;
  line-height:60px;

}

#intro10 .intro10-content h2 span {
  color: #50d8af;
  text-decoration: underline;
}

@media (max-width: 767px) {
  #intro10 .intro2-content h2 {
    font-size: 34px;
  }
}

#intro10 .intro2-content .btn-get-started, #intro10 .intro2-content .btn-projects {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1px;
  display: inline-block;
  padding: 16px 36px;
  border-radius: 2px;
  transition: 0.5s;
  margin: 10px;
  color: #fff;
  text-transform:uppercase;
}

#intro10 .intro2-content .btn-get-started {
  background: #0d70b7;
  border: 2px solid #0d70b7;
}

#intro10 .intro2-content .btn-get-started:hover {
  background: #000;
  color: #fff;
  border: 2px solid #000;
}

#intro10 .intro2-content .btn-projects {
  background: transparent;
  border: 2px solid #fff;
  color:#fff;
}

#intro10 .intro2-content .btn-projects:hover {
  background: #0d70b7;
  color: #fff;
   border: 2px solid #0d70b7;
}

#intro10 #intro10-carousel {
  z-index: 8;
}

#intro10 #intro10-carousel::before {
  content: '';
  background-color: rgb(79, 148, 205, 0.7);
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 7;
}

#intro10 #intro10-carousel .item {
  width: 100%;
  height: 50vh;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}


/*************login**********/

#theoretic-login{
	padding:80px 0;
	background-color:#f1f1f1;
	
}
#theoretic-login-box{
	padding:15px 75px;	
}

@media (max-width : 768px){
	#theoretic-login-box{
	padding:5px 5px;		
}
	
}


#theoretic-login-box a{
	color:#000;
	
}
#theoretic-login-box a:hover{
	color:#FF4100;
	
}

#theoretic-login-box span{
	margin-right:5px;
	font-size:20px;
	color:#80c431; 
	
}

.theoretic-login-box h3{
	font-size:35px;
	font-weight:700;
	margin-bottom:5px;
	text-align:center;
	color:#000;
	margin-top:15px;
	
	
}


.theoretic-login-box h4{
	font-size:35px;
	font-weight:700;
	margin-bottom:5px;
	text-align:center;
	color:#000;
	margin-top:15px;
	
	
	
}


.theoretic-login-bdr{
	color:#80c431;
	border:2px solid ;
	width:60px;
	margin-bottom:30px;
	margin-top:10px;
}

.theoretic-recover-bdr{
	color:#80c431;
	border:2px solid ;
	width:160px;
	margin-bottom:30px;
	margin-top:10px;
}



#theoretic-login .form-control{
	text-align:left;
	padding:22px;
	background-color:#fff;
	border-radius:0%;
}

#theoretic-login .form-group{
	text-align:left;
	
}	

.theoretic-login-btn{
	background:#ff5252;
	padding:10px 25px;
	color:#fff;
	border:none;
	border-radius:0px;
	border:1px solid #ff5252;
	font-size:16px;
	font-weight:700;
	letter-spacing:2px;
	margin-top: 0px;
	margin-bottom: 20px;
	width:100%;
	font-family: 'open sans',sans-sarif;
}

.theoretic-login-btn:hover{
	border:1px solid #80c431;
	background:#80c431;
	color:#fff;
}



/*******register*******/

#theoretic-register-box{	
	padding:15px 55px;		
}

@media (max-width : 768px){
	#theoretic-register-box{
	padding:5px 5px;
}
	
}

.theoretic-register-btn{
	background:#ff5252;
	padding:10px 25px;
	color:#fff;
	border:none;
	border-radius:0px;
	border:1px solid #ff5252;
	font-size:16px;
	font-weight:700;
	letter-spacing:2px;
	margin-top: 0px;
	margin-bottom: 20px;
	width:100%;
	font-family: 'open sans',sans-sarif;
}

.theoretic-register-btn:hover{
	border:1px solid #80c431;
	background:#80c431;
	color:#fff;
}

/**************activate****************/

#theoretic-body{
	padding:80px 0;
}