:root{
	
	--color1:#00BC4E;
}
:root{
	
	--color2:#6EA874;
}
/************ popup ******************/
/************ popup ******************/
/************ popup ******************/

.tombPopup{
	padding: 25px;
  width:600px;
  background:var(--color1);
  position: fixed;
  top:50%;
  left:-100%;
  transform:translate(-50%,-50%);
  z-index:3000000;
  transition:all .4s ease;
}

.tombPopup.active{
  left:50%;
}

.tombClose {
	background:white;
	height:40px;
	width:40px;
	line-height:40px;
	border-radius:50%;
	text-align:center;
	cursor:pointer;
	margin-bottom:20px;
}



.popup,.popup2,.popup3,.popup4,.popup5,.popup6,.popup7,.popup8,.popup9,.popup10,.popup11,.popup12,.popup13,.popup14,.popup15,.popup16,.popup17,.popup18,.popup19,.popup20{
  padding-top:20px;
  padding-left:20px;
  padding-right:20px;
  width:600px;
  height:fit-content;
  background:var(--color1);
  position: fixed;
  top:50%;
  left:-100%;
  transform:translate(-50%,-50%);
  z-index:3000000;
  transition:all .4s ease;
}
.popup21,.popup22,.popup23,.popup24,.popup25,.popup26,.popup27,.popup28,.popup35{
	padding-top:20px;
  padding-left:20px;
  padding-right:20px;
  width:500px;
  height:500px;
  background:var(--color1);
  position: fixed;
  top:50%;
  left:-100%;
  transform:translate(-50%,-50%);
  z-index:3000000;
  transition:all .4s ease;
  overflow-y:scroll;
}

.popup29,.popup30,.popup31,.popup32,.popup33{
		  padding-top:20px;
  padding-left:20px;
  padding-right:20px;
  width:900px;
  height:500px;
  background:var(--color1);
  position: fixed;
  top:50%;
  left:-200%;
  transform:translate(-50%,-50%);
  z-index:3000000;
  transition:all .4s ease;
  overflow-y:scroll;
}

.popup-dtext{
	font-weight:500;
	font-size:18px;
	color:white;
}
.popup-text{
	position:absolute;
	top:50%;
  left:50%;
  transform:translate(-50%,-50%);
}
.popup.active, .popup2.active,.popup3.active,.popup4.active,.popup5.active,.popup6.active,.popup7.active,.popup8.active,.popup9.active,.popup10.active,.popup11.active,.popup12.active,.popup13.active,.popup14.active,.popup15.active,.popup16.active,.popup17.active,.popup18.active,.popup19.active,.popup20.active,.popup21.active,.popup22.active,.popup23.active,.popup24.active,.popup25.active,.popup26.active,.popup27.active,.popup28.active,.popup29.active,.popup30.active,.popup31.active,.popup32.active,.popup33.active,.popup34.active,.popup35.active,.popup36.active,.popup37.active,.popup38.active,.popup39.active,.popup40.active{
  left:50% !important;
}

.popup16.active{
  left:50%;
}
.popup17.active{
  left:50%;
}
.popup18.active{
  left:50%;
}
.popup19.active{
  left:50%;
}
.popup20.active{
  left:50%;
}
.popup21.active{
  left:50%;
}
.popup22.active{
  left:50%;
}

.popup23.active{
  left:50%;
}
.popup24.active{
  left:50%;
}
.popup25.active{
  left:50%;
}
.popup26.active{
  left:50%;
}
.popup27.active{
  left:50%;
}

.popup28.active{
  left:50%;
}
.popup29.active{
  left:50%;
}
.popup30.active{
  left:50%;
}
.popup31.active{
  left:50%;
}
.popup32.active{
  left:50%;
}
.popup33.active{
  left:50%;
}
.popup35.active{
  left:50%;
}


.closs {
	background:white;
	height:40px;
	width:40px;
	line-height:40px;
	border-radius:50%;
	text-align:center;
	cursor:pointer;
	margin-bottom:20px;
}







/************ popup ******************/
/************ popup ******************/
/************ popup ******************/

/************ launch ******************/
.launch-headding{
	background:linear-gradient(#0000008f,#00000094),url('../../images/r1.jpg');
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;

}
.launch-headding h2{
	font-size:70px;
	color:#AEFF00 ;
	font-weight:bold;
}
.launch-headding h3{
	margin-top:20px;
	font-size:50px;
	color: white;
	font-weight:bold;
}
.launch-headding button a,.launch-des button a,.launch-tittle-text button a{
	text-decoration:none;
	color:white;
	font-weight:bold;
	font-size:20px;
	display:block;
}
.launch-headding button,.launch-des button,.launch-tittle-text button {
	margin-top:30px;
	background: var(--color2);
	padding:10px 20px;
	border:none;
	outline:none;
}
.launch-headding button:hover,.launch-des button:hover,.launch-tittle-text button:hover{
	background: var(--color1);
}

.launch-des{
	padding-left:100px;
	padding-right:100px;
	text-align:center;
}

.launch-des h4{

	font-size:35px;
	color: black;
	font-weight:bold;
}

.launch-des p{
	*margin-top:40px;
	font-size:20px;
	color:#55597B;
	font-weight:500;
	max-width: 600px;
    margin: auto;
}
.launch-tittle1 h2{
	text-align:center;
	font-size:40px;
	color:var(--color2);
}
.launch-tittle2 h2{
	text-align:center;
	font-size:50px;
	font-weight:bold;
	color:var(--color1);
}
.launch-tittle-text p{
	font-size:20px;
	color:black;
	text-align:center;
}

/* faq */

.faq-bannar{
	background:linear-gradient(#000000ad,#000000bd), url('../images/hero03.jpg');
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
}
.opportunits{
	background:linear-gradient(#000000ad,#000000bd), url('../images/op1.jpg');
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
}
.faq-tittle h2{
	font-size:50px;
	color:#AEFF00;
	font-weight:bold;
}


.faq-tittle p{
	font-size:17px;
	color:white;
	font-weight:500;
	margin-top:20px;
}
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.panel-group {
    margin-bottom: 20px;
}
.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px;
}
.panel-default {
    border-color: #ddd;
}

.panel-default>.panel-heading {
    color: #333;
    background-color: #fff;
    border-color: #e4e5e7;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.panel-group .panel-heading {
    border-bottom: 0;
}

.panel-default>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ddd;
	padding:10px;
}

.feature-sec h4 {
    color: #92b16f;
    font-weight: 500;
	margin-bottom:0px;
}
.panel-default > .panel-heading a {
    background-color: #92b16f;
    color: #f8f8f8;
	display: block;
    padding: 10px 15px;
}
.panel-default>.panel-heading a[aria-expanded="false"]:after {
    content: "\002b";
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
	    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    float: right;
    transition: transform .25s linear;
    -webkit-transition: -webkit-transform .25s linear;
}
.panel-pic {
    float: left;
    width: 50px;
	margin-right:8px;
}
@media only screen and (max-width: 480px) {
  /* Styles for small mobile devices */
  .popup,.popup2,.popup3,.popup4,.popup5,.popup6,.popup7,.popup8,.popup9,.popup10,.popup11,.popup12,.popup13,.popup14,.popup15,.popup16,.popup17,.popup18,.popup19,.popup20,.popup21,.popup22,.popup23,.popup24,.popup25,.popup26,.popup27,.popup28,.popup35,.popup29,.popup30,.popup31,.popup32,.popup33{
	  width:50vh !important;
	  left: -200% !important;
  }



}
