.banner{
background:url('../images/boost1.jpg');
height:auto;
width:100%;
}

.banner-text{
	padding: 80px 207px;  
}

.banner-text h1{
	font-size: 55px;
    font-weight: 800;
	margin-block-end:25px;
	letter-spacing:2px;
}

.schedule{
	color:#3E8957;
	font-size:16px;
	font-weight:600;
	text-decoration:none;
}

.btn-text{
	color:white;
	background-color:skyblue;
	 border: none;
	 padding: 10px;
    width: 212px;
   text-decoration:none;
	font-weight:400;
}



.section-1{
	display:flex;
	padding:60px 60px;
}

.text-over{
	padding:120px 20px;
}

.text-over h2{
	font-size:24px;
	color:white;
	letter-spacing:2px;
}

.image-layer{
	background:rgba(0,0,0,0.5);
	background-size:cover;
}
.section-1 .left{   
    margin: 0px 60px 0px 0px;
	background:url('../images/freshfruit.jpg');
	width:50%;
	background-size: cover;
}

.right{
	width:50%;
	margin:auto;
}
.right h1{
	color:#3E8957;
}
.right p{
	color:#535451;
}
.right ul li{
	color:#535451;
}
.image-fruit{
	width:90%;
	height:450px;
}

.right ul li{
	list-style-type:circle;
	
}

.section-2{
	background-color:#1a2749;
	margin-bottom: 50px;
}

.section-2-text{
	padding:20px 30px 30px;
	align-content:center;
	text-align:center;
}

.section-2-text h1{
	color: #f0aa7b;
    font-size: 30px;
    line-height: 50px;
}

.section-2-text h3{
	color: #ffffff;
    font-size: 34px;
    line-height: 1.1em;
    letter-spacing: 1.1px;
}

.cards{
	display: flex;
    justify-content: space-between;
    padding: 6px 0px;
    margin-bottom: 50px;
}

.card-1{
	border-style: solid;
    border-color: #FABA2D;
    box-shadow: 0px 8px 13px 0px rgba(0,0,0,0.5);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin: 10px;
    text-align: center;
    padding: 10px;
    width: 33%;
}
.card-1 .icon-1{
    text-align:center;
}

.card-1 h1{
	max-width: 300px;
    text-align: center;
    margin: 0px auto;
    font-weight: 800;
    font-size: 24px
}

.card-head{
	min-height:68px;
}
.card-1.card-last {
    padding: 40px 10px 30px;
}

.card-1 p{
	/*text-overflow: ellipsis;*/
 /* overflow: hidden;*/
 /* display: -webkit-box;*/
 /* -webkit-line-clamp: 3;*/
 /* -webkit-box-orient: vertical;*/
    margin: 10px 0px;
    color: #242424;
    font-size: 16px;
    padding: 0px 15px;
    min-height: 66px;
}

.card-anti p{
	max-width:400px;
}

.card-1:hover{
	border-radius:35px;
}

.card-1 .icon-1 h3{
	text-align:center;
	font-size: 45px;
    width: 63px;
    border-radius: 100px;
    color: white;
	margin: 25px auto;
	background:#FABA2D;
}
.card-1 .icon-2 h3{
	background:#BFE836;
    text-align: center;
    font-size: 45px;
    width: 60px;
    border-radius: 35px;
    color: white;
    margin: 25px auto;
}
.card-1 .icon-3 h3{
	background:#4AD2FD;
	text-align: center;
    font-size: 45px;
    width: 60px;
    border-radius: 35px;
    color: white;
    margin: 25px auto;
}
.card-btn{
	/*font-family: "SF_Pro_Text", Sans-serif;*/
    cursor:pointer;
    background-color: #68c9ca;
    border: none;
    padding: 12px 16px;
    margin: 0px 10px;
    display: inline-flex;
    text-decoration: none;
    color: #1a2749;
}


.card-box h1{
    margin: 6px 0px;
    font-size: 18px;
    text-align: start;
    font-weight: 800;
}

.card-box p{
	
	height: 20px;
    margin: 0px;
	color:#FD6D0E;
	padding:10px 0px 0px;
}

.card-box {
    width: 100%;
    background-color: #F5F5F5;
    border-left: 25px solid #EFEFEF;
    text-align: left;
    margin: 10px 0px 20px;
    padding: 10px 0px 10px 10px;
    max-width: 86%;
}

.card-box h3 {
    margin: 6px 0px;
    font-size: 18px;
    text-align: start;
    display:inline-block;
    font-weight: 800;
}
.card-box.inner-box p {
    min-height: auto;
    padding: 5px 0px;
    display:inline-block;
}

.card-9 .card-box h1{
	height:auto;
}

.number-2{
	border-color:#BFE836;
}

.number-3{
	border-color:#4AD2FD;
}
/*accordian css*/

.fa {
  color: #f6811a;
  font-size: 16px;
  margin-right: 5px;
}
#expander {
    cursor: pointer;
    padding: 10px;
    border-bottom: 1px solid #d5d8dc;
    cursor: pointer;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    font-family: 'Mulish', sans-serif;
    margin-top: 10px;

}
#ex-content {  
  display: none;
}

/*.twelvecol{*/
/*	    padding: 0px 18px;*/
/*}*/

.twelvecol ul li{
	text-align:left;
	list-style-type:disc;
	line-height:20px;
}
.twelvecol ul{
    padding:0px 0px 0px 26px;
}

/*codepan css*/
body {
  background:#FFFFF;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 100%;

}
h2 {
  color: #282F35;
  font-size: 20px;
  letter-spacing: 1px;
  margin: 0;
text-align:left
}
.list-text p {
  color: #666666;
  font-size: 16px;
  line-height: 1.5;
  margin: 20px;
}
.main {
  max-width: 660px;
  margin: 0px auto 50px;
}
.list {
  margin: 15px 0;
  overflow: hidden;
  padding: 0;
}
.list li {
  list-style-type: none;
  padding: 0;
}
.list-heading {
  background: #DBDFDF;
  border: none;
  border-bottom: 2px solid #fff;
  cursor: pointer;
  display: block;
  outline: none;
  padding:12px 20px;
  position: relative;
  text-align: center;
  width: 100%;
}

.list-heading h2{
	line-height:32px;
}
.list-heading:before {
  background: #1a2749;
  content: '';
  height: 2px;
  margin-right: 37px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: rotate(-90deg);
  transition: all 0.2s ease-in-out;
  width: 14px;
}
.list-heading:after {
  background:#1a2749 ;
  content: '';
  height: 2px;
  margin-right: 37px;
  position: absolute;
  right: 0;
  top: 50%;
  width: 14px;
}
.list-heading.active:before {
  transform: rotate(0deg);
}
.list-heading.active h2, .list-heading:focus h2 {
  position: relative;
  color: #1a2749;
}
.list-text {
  background: #fffff;
  display: none;
  overflow: hidden;
}

.list-text ul li{
	list-style-type:circle;
}

.list-heading h2{
	font-size:18px;
	width: 90%;
}

.main h1{
    padding: 0px;
    font-size: 32px;
    font-weight: 700;
    text-align: center;
}

.card-last h1{
	max-width:250px;
}
.cards .dropdown {
    padding: 0px 10px;
}



/*Responsivenss starts */
@media screen and (max-width:997px){
    .card-1{
        flex:1 1 260px;
    }
    .cards {
    flex-wrap: wrap;
    padding: 6px 0px;
   }
   .cards.mobile-cards {
    margin-bottom: 10px;
   }
}

@media screen and (max-width:550px){
    .card-1{
        flex:1 1 260px;
    }
    .cards {
    flex-wrap: wrap;
   }
   .cards.mobile-cards {
    margin-bottom: 0px;
   }

}


@media screen and (max-width:767px){
    .section-2-text h1{
        font-size:20px;
    }
    .section-2-text h3{
        font-size:24px;
    }
    .main h1 {
    font-size: 22px;
    }
    .list-text p{
        letter-spacing:1px;
    }
    .list-heading h2{
        letter-spacing: 0em;
        line-height: 1.3;
        font-size: 16px;
    }
    .main {
       margin: 0px 30px;
   }
}

/**/
/*@media screen and (max-width:576px){*/
/*    .banner-text {*/
/*    padding: 43px 24px;*/
/*}*/

/*.section-1{*/
/*        padding: 27px 26px;*/
/*}*/
/*.main h1 {*/
/*    padding: 74px 69px 0px;*/
/*    font-size: 25px;*/
/*    font-weight: 700;*/
/*    text-align: center;*/
/*}*/
/*.section-2-text h3 {*/
/*    font-size: 27px;*/
/*}*/
/*.list-heading h2 {*/
/*    font-size: 14px;*/
/*}*/
/*.text-over {*/
/*    padding: 41px 20px;*/
/*}*/
/*.btn-text {*/
/*    font-size:11px;*/
/*}*/
/*.banner-text h1 {*/
/*    font-size: 32px;*/
/*    margin-bottom: 25px;*/
/*}*/
/*}*/

/*@media screen and (max-width:768px){*/
/*    .cards{*/
/*        flex-wrap:wrap;*/
/*    }*/
/*    .card-1{*/
/*        width:100%;*/
/*    }*/
/*    .card-1 p{*/
/*        max-width:610px;*/
/*    }*/
/*    .section-1{*/
/*        flex-wrap:wrap;*/
/*    }*/
/*    .section-1 .right{*/
/*    width:100%;*/
/*    }*/
/*.section-1 .left{*/
/*    width:100%;*/
/*      margin: 17px 1px 25px 1px;*/
/*    }*/
/*}*/

