/*---------------------
  Helper CSS
-----------------------*/

.header-bet-section{
  height: 800px;
  background: #000;
  background-position: bottom center;
  overflow: hidden;
}
.img-float-bet{
  background-image:url('../../assets/bet/Asset 2.png');
  padding: 250px 80px;
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: 200px;
  height: 100%;
}
.batik-background{
  background: rgb(235, 235, 235);
  background-image:url('../../assets/bet/Asset 8.png') !important;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.jarik-background{
  background: rgb(235, 235, 235);
  background-image:url('../../assets/bet/Asset 21.png') !important;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.people-background{
  background: rgb(235, 235, 235);
  background-image:url('../../assets/bet/Asset 1.png') !important;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.escape-bet-section{
  overflow: hidden;
}
.escape-float-bet-top{
  background-image:url('../../assets/bet/Asset 4.png');
  background-position: right top;
  background-repeat: no-repeat;
  background-size: 130px;
  height: 100%;
}
.escape-float-bet-topred{
  background-image:url('../../assets/bet/Asset 10.png');
  padding: 120px 0px;
  background-position: right top;
  background-repeat: no-repeat;
  background-size: 130px;
  height: 100%;
}
.escape-float-bet-topwhite{
  background-image:url('../../assets/bet/Asset 11.png');
  padding: 120px 0px;
  background-position: right top;
  background-repeat: no-repeat;
  background-size: 180px;
  height: 100%;
}
.escape-float-bet-bottom{
  background-image:url('../../assets/bet/Asset 31.png');
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: 280px;
  padding:80px;
  height: 100%;
}
.right-divider{
  border-right: lightgray 2px solid;
}
.escape-bet-section article {
  display: table;
}
.escape-bet-section article img{
  width:90px
}
.escape-bet-section article img, .escape-bet-section article p {
  display: table-cell;
  vertical-align: top;
  color: black;
  line-height: 1.2;
  font-size: 15pt;
}
.speaker-escape {
  font-size: 9pt;
}
.header-bet-section h1, .header-bet-section h4{
  color: white;
  font-weight: 800;
}
.yellow-div{
  background-color: rgb(228, 199, 72);
  padding : 5px;
  border-radius: 5px;
  width: fit-content;
  padding-left: 10px;
  padding-right: 10px;
  color: black;
}
.white-div{
  background-color: white;
  padding : 5px;
  border-radius:105px;
  color: #2c093b;
  font-size: 12pt;
}
.round-white{
  background-color: white;
  height: 30px;
  width: 30px;
  border-radius: 20px;
}
.button-yellow{
	background-color: #FFDD60;
	color : #2c093b;
	font-weight: 800;
	border: 0px;
	margin : 30px 0px;
	padding : 10px 30px;
	border-radius: 30px;
}
.button-bet{
	background-color: white;
	color : #2c093b;
	font-weight: 800;
	border: 0px;
	margin : 30px 0px;
	padding : 10px 30px;
	border-radius: 30px;
}
.divider{
  height: 2px;
  background-color: #7e7e7e;
}
.button-bet-color{
	color: white;
	background-color : #2c093b;
	font-weight: 800;
	border: 0px;
	margin : 30px 0px;
	padding : 10px 30px;
	border-radius: 30px;
}
.program-bet-section{
  text-align: center;
  overflow: hidden;
  color: white
}
.program-bet-section h1{
  color: white;
}

.mentor-bet-section{
  padding : 80px;
  text-align: center;
  overflow: hidden;
  color: white
}
.mentor-bet-section h1{
  color: white;
}
.mentor-card{
  background-color: white;
  border-radius: 20px;
  padding : 20px;
  height: 100%;
  color: #2c093b;
}
.mentor-card p {
  color: black;
  font-size: 9pt;
}
.partnership-section{
  text-align: center;
  padding :80px;
  padding-bottom: 0px;
}
.partnership-section h1{
  color: #2c093b;
  font-size: 35pt;
}
/*------------------
  Responsive
---------------------*/

@media (min-width: 1200px) {
	
}

@media only screen and (max-width: 1673px) {
	
}

@media only screen and (max-width: 1527px) {
	
}

@media only screen and (max-width: 1415px) {

}

@media only screen and (max-width: 1350px) {

}

/* Medium screen : 992px. */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .escape-float-bet-top{
    background-size: 115px;
  }
  .escape-float-bet-topred{
    background-size: 115px;
  }
  .escape-float-bet-topwhite{
    background-size: 115px;
  }
  .escape-float-bet-bottom{
    background-size: 210px;
  }
  .img-float-bet{
    background-size: 175px;
  }
}

/* Tablet :768px. */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	h1{
    font-size: 38pt;
  }
  .program-bet-section, .white-div{
    font-size: 9pt;
  }
  .escape-float-bet-top{
    background-size: 115px;
  }
  .escape-float-bet-topred{
    background-size: 110px;
  }
  .escape-float-bet-topwhite{
    background-size: 115px;
  }
  .escape-float-bet-bottom{
    background-size: 180px;
  }
  .img-float-bet{
    background-size: 175px;
  }
}

/* Large Mobile :480px. */

@media only screen and (max-width: 767px) {
	h1{
    font-size: 30pt;
  }
	.divider{
    display: none;
  }
  .round-white{
    display: none;
  }
  .header-bet-section{
    height: max-content;
  }
  .img-float-bet{
    padding: 150px 10px;
  }
  .escape-float-bet-bottom{
    padding: 100px 40px;
  }
  .mentor-bet-section{
    padding: 100px 40px;
  }
  .partnership-section{
    padding: 100px 40px;
  }
  .right-divider{
    border-right: 0px;
    border-bottom: lightgray 2px solid;
    padding-bottom: 10px;
  }
  .undp{
    max-height: 100px;
  }
  .partnership-section{
    padding-bottom: 0px;
  }
  .escape-float-bet-top{
    background-size: 115px;
  }
  .escape-float-bet-topred{
    background-size: 115px;
  }
  .escape-float-bet-topwhite{
    background-size: 115px;
  }
  .escape-float-bet-bottom{
    background-size: 210px;
  }
  .img-float-bet{
    background-size: 125px;
  }
}

/* Medium Mobile :480px. */

@media only screen and (max-width: 576px) {
  article p{
    font-size: 12pt;
  }
  article img{
    width:60px
  }
}

/* Small Mobile :320px. */

@media only screen and (max-width: 479px) {
	.partnership-section h1{
    font-size: 25pt;
  }
}