.pt-200 {padding-top: 200px;}
.pb-200 {padding-bottom: 200px;}
.main-banner {
	background: url(../images/bg-main.jpg)	top center;
	background-size: cover;
/*   background: linear-gradient(42.99deg, #3F75FF 10.19%, #44A6FF 50.48%, #4ADEFF 94.28%); */
  padding-top: 160px;
  position: relative;
  z-index: 1;
}

.main-banner .content {
  text-align: center;
}

.main-banner .content .sub-title {
  background-color: rgba(255, 255, 255, 0.15);
  color: var(--whiteColor);
  display: inline-block;
  border-radius: 30px;
  margin-bottom: 20px;
  padding: 7px 20px;
}

.main-banner .content h1 {
  color: #fff;
  line-height: 1.4;
  font-size: 45px;
  margin-left: auto;
  margin-right: auto;
  text-shadow: 2px 2px #000;
}
.main-banner .content h4 {
  color: #fff;
  text-shadow: 2px 2px #000;
}
.main-banner .content h2 {
  text-shadow: 2px 2px #000;
}

.main-banner .content .default-btn {
  margin-top: 15px;
  color: var(--blackColor);
  background-color: var(--whiteColor);
}

.main-banner .content .default-btn::before {
  opacity: 0;
  visibility: hidden;
}

.main-banner .content .default-btn:hover {
  color: var(--whiteColor);
  background-color: var(--blackColor);
}

.main-banner .content img {
  margin-top: 50px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 25px 75px rgba(25, 34, 64, 0.15);
          box-shadow: 0px 25px 75px rgba(25, 34, 64, 0.15);
}

.main-banner .divider {
  height: 300px;
  bottom: 299px;
}

.main-banner::before {
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  content: '';
  height: 300px;
  position: absolute;
/*   background-color: var(--whiteColor); */
}

.main-banner .banner-shape3 {
  bottom: 33%;
  left: 7%;
}

.main-banner .banner-shape8 {
  bottom: 12%;
  right: auto;
  left: 8%;
}

.main-banner .banner-shape7 {
  bottom: -30px;
  right: 9%;
}





.app-ever-area p {
	font-size: 16px !important;
	color: #000 !important;
}

.section-title {max-width: 100% !important;}

.new-app-main-banner-gradient-area {
  background-image: url(../images/bg-pelatihan.jpg) !important;
}

.new-app-progress-wrap-area{
  background-image: url(../images/bg-pelatihan-2.jpg) !important;
}

.new-app-progress-content i {font-size: 20px;margin-right: 5px; vertical-align: middle;margin-left: -30px;}

.new-free-trial-content{max-width: 100% !important;}

.pelatihan .single-features-box h3 {
	color: var(--blackColor);
}
.features-contents {
  padding-right: 15px;
}
.app-ever-wrap-image img {
	border-radius: 20px;
}
.features-contents .sub-title {
  display: block;
  margin-bottom: 10px;
  background: var(--gradientColor);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: 0.1em;
  font-weight: 600;
}

.features-contents h2 {
  font-size: 36px;
  line-height: 1.4;
  margin-bottom: 15px;
}

.features-contents .features-list {
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 0;
  margin-top: 35px;
}

.features-contents .features-list li {
  position: relative;
  margin-bottom: 20px;
  padding-left: 55px;
}

.features-contents .features-list li .icon {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: linear-gradient(45.24deg, #9F5FF1 5.99%, #FF54B0 91.87%);
  position: absolute;
  text-align: center;
  color: var(--whiteColor);
  font-size: 20px;
  left: 0;
  top: 0;
}

.features-contents .features-list li .icon i {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.features-contents .features-list li .icon.bg2 {
  background: linear-gradient(44.44deg, #FF4B3F 7.79%, #FFAC30 94.18%);
}

.features-contents .features-list li .icon.bg3 {
  background: linear-gradient(44.44deg, #ED2775 7.79%, #FF7448 94.18%);
}
.features-contents .features-list li .icon.bg4 {
  background: linear-gradient(44.44deg, #3F75FF 7.79%, #4ADEFF 94.18%);
}
.features-contents .features-list li .icon.bg4 i{
  color: #fff;
}

.features-contents .features-list li h3 {
  font-size: 17px;
  margin-bottom: 10px;
}

.features-contents .features-list li:last-child {
  margin-bottom: 0;
}

.features-contents .btn-box {
  margin-top: 35px;
}

.features-contents .btn-box .default-btn {
  margin-right: 15px;
}

.features-contents .btn-box .link-btn {
  display: inline-block;
  font-weight: 600;
  position: relative;
}

.features-contents .btn-box .link-btn::before {
  content: '';
  position: absolute;
  left: 0;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  width: 100%;
  bottom: 0;
  height: 1px;
  background-color: var(--blackColor);
}

.features-contents .btn-box .link-btn:hover {
  color: var(--mainColor);
}

.features-contents .btn-box .link-btn:hover::before {
  width: 0;
}
.contents h2{
	color: #fff;
	text-align: center;
} 
.contents h3{
	color: #fff;
	text-align: center;
} 
.contents h4{
	color: #fff;
	text-align: center;
} 
.contents p{
	color: #fff;
	text-align: center;
} 
.contents .table{
	font-size: 1.2em;
	color: #000;
	text-align: center;
} 
.bd-example {
	background: #fff;
	border: 1px solid #e1e1e1;
	padding: 10px;
}

        .hori-timeline .events {
            border-top: 3px solid green;
        }

        .hori-timeline .events 
        .event-list {
            display: block;
            position: relative;
            text-align: center;
            margin-right: 0;
        }

        .hori-timeline .events 
        .event-list:before {
            content: "";
            position: absolute;
            height: 36px;
            border-right: 2px dashed #2ddf36;
            top: 0;
        }

        .hori-timeline .events .event-list 
        .event-date {
            position: absolute;
            top: 38px;
            left: 0;
            right: 0;
            width: 75px;
            margin: 0 auto;
            border-radius: 4px;
            padding: 2px 4px;
        }


        @media (min-width: 1140px) {
            .hori-timeline .events 
            .event-list {
                display: inline-block;
                width: 30%;
                padding-top: 45px;
            }

            .hori-timeline .events 
            .event-list .event-date {
                top: -12px;
            }
        }

        .card {
            border: none;
            margin-bottom: 24px;
            box-shadow: 0 0 13px 0 rgba(236, 236, 241, 0.44);
        }

.footer-top{
	padding-top: 50px;
	padding-bottom: 50px;
	background-color: var(--bs-gray-800);
}
.footer-top .single-contact-info-box {
  padding: 30px;
  margin-bottom: 25px;
  background-color: var(--whiteColor);
  text-align: center;
}

.footer-top .single-contact-info-box .icon {
  width: 80px;
  height: 80px;
  font-size: 35px;
  position: relative;
  border-radius: 50%;
  color: var(--whiteColor);
  background: linear-gradient(44.44deg, #ED2775 7.79%, #FF7448 94.18%);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}

.footer-top .single-contact-info-box .icon i {
  left: 0;
  right: 0;
  top: 50%;
  position: absolute;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.footer-top .single-contact-info-box .icon.bg1 {
  background: linear-gradient(45.24deg, #9F5FF1 5.99%, #FF54B0 91.87%);
}

.footer-top .single-contact-info-box .icon.bg2 {
  background: linear-gradient(44.44deg, #3F75FF 7.79%, #4ADEFF 94.18%);
}

.footer-top .single-contact-info-box h3 {
  line-height: 1.5;
  margin-bottom: 3px;
  font-size: 18px;
  font-weight: 400;
}

.footer-top .single-contact-info-box h3:last-child {
  margin-bottom: 0;
}


import url('http://fonts.googleapis.com/css?family=Lato:100,300,400|Raleway:100,300,400,500,600,700|Open+Sans:100,300,400,500,600');


.trwpwhatsappballon {
font-size: 14px;
border-radius: 12px; 
border: 1px solid #fff;
max-width: 250px;
}

.trwpwhatsapptitle {
background-color: #22c15e; 
color: white; 
padding: 14px; 
border-radius: 12px 12px 0px 0px;
text-align: center;
}

.trwpwhatsappmessage {
padding: 16px 12px;
background-color: white;
}

.trwpwhatsappinput {
background-color: white;
border-radius: 0px 0px 12px 12px;
}

.trwpwhatsappinput input {
width: 206px;
border-radius: 10px;
margin: 1px 1px 0px 10px;
padding:10px;
font-family: "Raleway", Arial, sans-serif;
font-weight: 300;
font-size: 13px;
background-color: #efefef;
border: 1px solid #d4d4d4;
}

.trwpwhatsappbutton {
background-color: #22c15e; 
border-radius: 20px; 
padding: 8px 15px; 
cursor: pointer; 
color: #fff;
max-width: 220px;
margin-top: 10px;
margin-bottom: 10px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.trwpwhatsappall {
position: fixed; 
z-index: 9999999999999999999; 
bottom: 0; 
right: 10px;
font-family: "Raleway", Arial, sans-serif;
font-weight: 300;
font-size: 15px;
}

.trwpwhatsappsendbutton {
  color: #22c15e;
  cursor:pointer;
}

button {border: none;}
button i {
float: right;
position: absolute;
z-index: 999999999999;
right: 23px;
top: 11;
bottom: 81px;
font-size: 18px !important;
}

.kapat {
position: absolute;
right: 8px;
top: 6px;
font-size: 13px;
border: 1px solid #fff;
border-radius: 99px;
padding: 2px 5px 2px 5px;
color: white;
font-size: 10px;
cursor: pointer;
}