.pto .full {
	max-width: 100%;
}
.pto .banner-area::before {
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  content: '';
  height: 90%;
  position: absolute;
  background-image: url(../images/bg-ifp.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

    .gradient-text {
        background-image: linear-gradient(44.44deg, #ED2775 7.79%, #FF7448 94.18%);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent; /* For Webkit browsers */
        color: transparent;
    }
    
.ifp {
	position: relative;
	z-index: 999;
	text-align: right
}
.pto .banner-image {
	position: relative;
	z-index: 998;
}
.pto .banner-content h1 {
	font-size: 60px;
	color: #fff;
/* 	text-shadow: -3px 1px 3px rgba(116,116,116,0.87); */
}

.pricing-tabs h2 { 
	text-align: center;
	color: #fff;
	font-size: 40px;
	}
	

@media screen and (max-width: 768px) {
	.pto .banner-content h1 {
		font-size: 45px;
	}
	.pto .banner-content h1,h4 {text-align: center;}
	.kotak {
		min-height: 200px !important;
	}
	.judul h3 {
		font-size: 25px;
	}
	.pricing-tabs h2 {
		font-size: 25px;
	}
}


.pto .banner-content p{
}
.pto .banner-content h4{
}

.pto p {font-size:16px;color: #000;}
.pto .screenshots-swiper-slides .swiper-slide img {
	padding: 10px;
	background: #e1e1e1;
}

.pricing-area.bg-gradient-color {
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.pto.bg-gradient-color::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  z-index: -1;
  position: absolute;
  -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
          transform: matrix(-1, 0, 0, 1, 0, 0);
  background: linear-gradient(279.99deg, #9F5FF1 -1.19%, #FF54B0 50.99%, #FF9F5A 100%);
}

.pto.gradient-color {
  background: linear-gradient(76.8deg, #2BA6AC 0%, #36CE83 53.03%, #42E695 100%);
}
.judul h3 {
	font-size: 35px;
	text-align: center;
}
.fitur {
	display: none;
}
.pto .video-box{
	margin-bottom: 50px;
}

.pto .features-item.with-border {padding: 20px;}

.single-pricing-table .ri-thumb-down-fill {color: #ff0000;}
.single-pricing-table .ri-thumb-up-fill {color: #36CC72;}

.full {max-width: 100%;}

.pto > features-item > h3{
	padding: 10px;
	background: linear-gradient(44.44deg, #3F75FF 7.79%, #4ADEFF 94.18%);
}
.kotak {
    padding: 10px;
    border: 1px solid #eeeeee;
    transition: var(--transition);
    background-color: var(--whiteColor);
    min-height: 450px;
}
.kotak:hover {
            box-shadow: 0px 25px 75px rgba(25, 34, 64, 0.15);
        }
.kotak2 {
    padding: 10px;
    border: 1px solid #eeeeee;
    transition: var(--transition);
    background-color: var(--whiteColor);
    margin-bottom: 10px;
}
.kotak2:hover {
            box-shadow: 0px 25px 75px rgba(25, 34, 64, 0.15);
        }
.kotak2 img {
	max-width: 80%;
}        
/*================================================
Features Area CSS
=================================================*/
.button-text {margin-left: 50px;margin-bottom: 30px;}
.accordion-item .icon {
  width: 40px;
  height: 40px;
  font-size: 25px;
  position: absolute;
  border-radius: 50%;
  color: var(--whiteColor);
  -webkit-transition: var(--transition);
  transition: var(--transition);
  background: linear-gradient(45.24deg, #9F5FF1 5.99%, #FF54B0 91.87%);
  margin-left: auto;
  margin-right: 30px;;
  margin-bottom: 20px;
}

.accordion-item .icon i {
  left: 0;
  right: 0;
  top: 50%;
  text-align: center;
  position: absolute;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.accordion-item .icon.bg2 {
  background: linear-gradient(44.44deg, #ED2775 7.79%, #FF7448 94.18%);
}

.accordion-item .icon.bg3 {
  background: linear-gradient(44.44deg, #3F75FF 7.79%, #4ADEFF 94.18%);
}

.accordion-item .icon.bg4 {
  background: linear-gradient(44.44deg, #FF4B3F 7.79%, #FFAC30 94.18%);
}