.elementor-27444 .elementor-element.elementor-element-4921dd1{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-27444 .elementor-element.elementor-element-4921dd1:not(.elementor-motion-effects-element-type-background), .elementor-27444 .elementor-element.elementor-element-4921dd1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;background-image:url("https://asset.jagoanhosting.com/wp-content/uploads/2024/03/BG-Lisensi-fix.png");background-position:bottom center;background-size:cover;}.elementor-27444 .elementor-element.elementor-element-4921dd1.e-con{--flex-shrink:1;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-27444 .elementor-element.elementor-element-66c81a0 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-27444 .elementor-element.elementor-element-66c81a0{text-align:center;}.elementor-27444 .elementor-element.elementor-element-66c81a0 .elementor-heading-title{font-family:"Vollkorn", Sans-serif;font-size:62px;font-weight:700;line-height:1.1;color:#282828;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-27444 .elementor-element.elementor-element-b9f9112 > .elementor-widget-container{margin:-20px 0px 0px 0px;}.elementor-27444 .elementor-element.elementor-element-b9f9112{text-align:center;font-family:"Karla", Sans-serif;font-size:24px;font-weight:300;line-height:1.4em;}.elementor-widget-search{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search.e-focus{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search .elementor-pagination{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-27444 .elementor-element.elementor-element-03c3bbb .e-search-input{background-color:#FFFFFF;border-radius:8px 8px 8px 8px;}.elementor-27444 .elementor-element.elementor-element-03c3bbb > .elementor-widget-container{margin:0px 200px 0px 200px;padding:0px 0px 0px 0px;}.elementor-27444 .elementor-element.elementor-element-03c3bbb{--e-search-results-columns:1;--e-search-results-grid-auto-rows:1fr;--e-search-loop-item-equal-height:100%;--e-search-icon-label-size:17px;--e-search-input-gap:11px;--e-search-submit-margin-inline-start:12px;--e-search-icon-clear-size:15px;}.elementor-27444 .elementor-element.elementor-element-03c3bbb.e-focus .e-search-input{border-style:solid;border-width:1px 1px 1px 1px;border-color:#EC652A;}.elementor-27444 .elementor-element.elementor-element-101b32d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-27444 .elementor-element.elementor-element-7ce0eb1{--display:flex;}.elementor-27444 .elementor-element.elementor-element-7ce0eb1.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-27444 .elementor-element.elementor-element-2fc4688 .elementor-nav-menu .elementor-item{font-family:"Karla", Sans-serif;font-weight:700;}.elementor-27444 .elementor-element.elementor-element-e5a0256{--display:flex;}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-27444 .elementor-element.elementor-element-72cca5b{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-27444 .elementor-element.elementor-element-72cca5b .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-27444 .elementor-element.elementor-element-72cca5b:after{content:"0.66";}.elementor-27444 .elementor-element.elementor-element-72cca5b .elementor-post__thumbnail__link{width:100%;}.elementor-27444 .elementor-element.elementor-element-72cca5b .elementor-post__meta-data span + span:before{content:"•";}.elementor-27444 .elementor-element.elementor-element-72cca5b .elementor-post__card{border-radius:16px;padding-top:24px;padding-bottom:24px;}.elementor-27444 .elementor-element.elementor-element-72cca5b .elementor-post__text{margin-top:20px;margin-bottom:0px;}.elementor-27444 .elementor-element.elementor-element-72cca5b .elementor-post__badge{right:0;}.elementor-27444 .elementor-element.elementor-element-72cca5b .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-secondary );margin:20px;}.elementor-27444 .elementor-element.elementor-element-72cca5b .elementor-post__title, .elementor-27444 .elementor-element.elementor-element-72cca5b .elementor-post__title a{font-family:"Karla", Sans-serif;font-weight:700;}.elementor-27444 .elementor-element.elementor-element-72cca5b .elementor-post__title{margin-bottom:8px;}.elementor-27444 .elementor-element.elementor-element-72cca5b .elementor-post__read-more{color:#282828;margin-bottom:0px;}.elementor-27444 .elementor-element.elementor-element-72cca5b a.elementor-post__read-more{font-family:"Karla", Sans-serif;font-weight:800;}.elementor-27444 .elementor-element.elementor-element-72cca5b .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-27444 .elementor-element.elementor-element-72cca5b .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-27444 .elementor-element.elementor-element-72cca5b .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-27444 .elementor-element.elementor-element-72cca5b .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-27444 .elementor-element.elementor-element-72cca5b .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-27444 .elementor-element.elementor-element-66c81a0 > .elementor-widget-container{padding:0px 50px 0px 50px;}.elementor-27444 .elementor-element.elementor-element-66c81a0 .elementor-heading-title{font-size:50px;}.elementor-27444 .elementor-element.elementor-element-b9f9112 > .elementor-widget-container{margin:-10px 0px 0px 0px;padding:0px 50px 0px 50px;}.elementor-27444 .elementor-element.elementor-element-b9f9112{font-size:22px;}.elementor-27444 .elementor-element.elementor-element-03c3bbb > .elementor-widget-container{margin:0px 100px 0px 100px;}}@media(min-width:768px){.elementor-27444 .elementor-element.elementor-element-4921dd1{--content-width:1200px;}.elementor-27444 .elementor-element.elementor-element-7ce0eb1{--width:24%;}}@media(max-width:767px){.elementor-27444 .elementor-element.elementor-element-4921dd1:not(.elementor-motion-effects-element-type-background), .elementor-27444 .elementor-element.elementor-element-4921dd1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center right;}.elementor-27444 .elementor-element.elementor-element-4921dd1{--padding-top:080px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-27444 .elementor-element.elementor-element-66c81a0{text-align:center;}.elementor-27444 .elementor-element.elementor-element-66c81a0 .elementor-heading-title{font-size:32px;line-height:39px;}.elementor-27444 .elementor-element.elementor-element-b9f9112{text-align:center;font-size:18px;}.elementor-27444 .elementor-element.elementor-element-03c3bbb{width:100%;max-width:100%;}.elementor-27444 .elementor-element.elementor-element-03c3bbb > .elementor-widget-container{margin:1px 1px 1px 1px;}.elementor-27444 .elementor-element.elementor-element-72cca5b .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-27444 .elementor-element.elementor-element-72cca5b:after{content:"0.5";}.elementor-27444 .elementor-element.elementor-element-72cca5b .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for posts, class: .elementor-element-72cca5b */.elementor-posts-container .elementor-post__thumbnail {
    padding-bottom: calc(0.30* 100%)!important;
}


a.elementor-post__read-more {
    background: white;
    padding: 8px 16px;
    border-radius: 99px;
    border: solid 1px #282828;
}

span.page-numbers.prev {
    background: white;
    padding: 8px 16px;
    border-radius: 99px;
    border: solid 1px #282828;
}

span.page-numbers.current {
    background: white;
    padding: 8px 16px;
    border-radius: 99px;
    border: solid 1px #282828;
}

a.page-numbers {
    background: white;
    padding: 8px 16px;
    border-radius: 99px;
    border: solid 1px #282828;
}

.elementor-pagination {
    margin-top: 40px;
    margin-bottom: 20px;
}/* End custom CSS */
/* Start custom CSS */.elementor-4310 .elementor-element.elementor-element-3d63f52 .elementor-toggle-icon svg {
    width: 16px;
    fill: #282828;
}

.more-fitur:not(.a), #button-show-less{
    display: none;
}

.disabled{
  pointer-events: none;
   cursor: not-allowed;
}




.right{
   float: right;;

}


 .tengah{
  display: block;
  margin-left: auto;
  margin-right: auto;
}



/* Grayscale To Color */
.gray-scale-img .fl-photo-content {
  overflow: hidden;
  -webkit-backface-visibility: hidden;
}
.gray-scale-img .fl-photo-content .fl-photo-img {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  -webkit-transition: .3s ease-in-out;
          transition: .3s ease-in-out;
  will-change: filter;
}

@media only screen and (max-width: 480px){
html,body {
    overflow-x: hidden;
}
}



/*center*/
.center-obj{
    margin: 0 auto;
    display: block;
}
/*Button Orange*/

a.btn-cta-orange-default{
    background: #F1B62D;
    border-radius: 50px;
    padding: 15px 30px;
    font-family: 'Karla';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    color: #282828;
    border: 0px;
    text-align: center;
}

a.btn-cta-orange-default:hover{
    background: #CE8D0B !important;
    color: #282828 !important;
    border: 0px;
    text-decoration: none;
    text-align: center;
}

a.btn-cta-orange {
    display: block;
    background: #F1B62D;
    border-radius: 50px;
    padding: 15px 28px;
    font-family: 'Karla';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    color: #282828;
    border: 0px;
    width: 90%;
    cursor: pointer;
    margin: 0 auto;
    text-align: center;
}

a.btn-cta-orange:hover{
    background: #CE8D0B !important;
    color: #282828 !important;
    border: 0px;
    text-decoration: none;
}

a.btn-cta-orange-hitam {
    display: block;
    background: #F1B62D;
    border-radius: 50px;
    padding: 15px 28px;
    font-family: 'Karla';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    color: #282828;
    border: 0px;
    width: 90%;
    cursor: pointer;
    margin: 0 auto;
    display: block;
}


a.btn-cta-orange-hitam:hover{
    background: #CE8D0B !important;
    color: #282828 !important;
    border: 0px;
    text-decoration: none;
}

a.btn-cta-orange2 {
    background: #EB652A;
    border-radius: 10px;
    padding: 12px 30px;
    font-family: 'Karla';
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    color: #ffffff;
    border: 0px;
}

a.btn-cta-orange2:hover{
    background: #282828 !important;
    color: #ffffff !important;
    border: 0px;
    text-decoration: none;
}

a.btn-cta-orange-black2 {
    background: #EB652A;
    border-radius: 50px;
    padding: 12px 30px;
    font-family: 'Karla';
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    color: #ffffff;
    border: 0px;
}

a.btn-cta-orange-black2:hover{
    background: #161616 !important;
    color: #ffffff !important;
    border: 0px;
    text-decoration: none;
}


/*BUTOON KONSULTASI*/

.btn-konsultasi {
    background: #FFFFFF;
    border: 0px;
    border-radius: 50px;
     font-family: 'Karla';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    color: #282828;
    padding: 15px 30px;
    margin-left: 15px;
    text-decoration: none;
}
.btn-konsultasi {
    color: #000000;
    font-family: "karla";
    font-size: 16px;
    margin-left: 10px;
    transition: transform 500ms ease;
}


.btn-konsultasi:hover {
    background: #282828;
    color: #FFFFFF;
    text-decoration: none;
}


/*Card Price*/


.card-price .header-price span {
    font-family: 'Karla';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 19px;
letter-spacing: 0.13em;
color: #000000;
display: flex;
align-items: center;
}
.card-price .header-price span hr {
    width: 80px;
    background: #000000;
    height: 2px;
    margin-left: 10px;
}
.card-price .header-price p.title-paket-price {
    font-family: 'Karla';
font-style: normal;
font-weight: 700;
font-size: 24px;
line-height: 28px;
 identical to box height 
letter-spacing: 0.13em;
text-transform: uppercase;
color: #000000;
}
.card-price .header-price .price-paket {
    display: flex;
    align-items: center;
    font-family: 'Karla';
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 47px;
 identical to box height 
color: #000000;

}
.card-price .header-price .price-paket span {
    font-family: 'Karla';
font-style: normal;
font-weight: 700;
font-size: 40px;
line-height: 47px;
color: #000000;
margin-bottom: 10px;
margin-right: 5px;
}
.card-price .header-price .price-paket .jumlah {
    font-family: 'Karla';
font-style: normal;
font-weight: 700;
font-size: 40px;
line-height: 47px;
color: #000000;
margin-right: 10px;
margin-bottom: 10px;
}
.card-price .header-price select {
    color: #000000!important;
    width: 90%;
    padding: 12px 10px;
    background: #FFFFFF;
border: 1px solid #282828;
border-radius: 50px;
font-family: 'Karla';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 19px;
 identical to box height ;
margin-bottom: 15px;
margin-top: 10px;
}

.card-price .header-price3 select {
    color: #fff!important;
    width: 90%;
    padding: 12px 10px;
    background: #FFF0;
border: 1px solid #fff;
border-radius: 50px;
font-family: 'Karla';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 19px;
 identical to box height ;
margin-bottom: 15px;
margin-top: 10px;
}

.header-price3 {
    display: flex;
    justify-content: center;
}

.header-price {
    display: flex;
    justify-content: center;
}

.card-price2 .header-price2 select {
    width: 100%;
    padding: 10px 5px;
    background: #FFFFFF;
border: 1px solid #282828;
font-family: 'Karla';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 19px;
 identical to box height 
color: #000000;
margin-bottom: 15px;
margin-top: 10px;
}

.card-price .header-price .info {
    font-family: 'Karla';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #000000;
opacity: 0.3;
}
.card-price .header-price .info p{
    display: flex;
    align-items: center;
    margin-left: 10px;
}
.card-price .header-price .info p span{
  margin-left: 6px;
}
button.btn-price {
    background: #EB652A;
border-radius: 50px;
padding: 15px 30px;
margin-top: 15px;
margin-bottom: 20px;
border: 0px;
}

.card-price .body-price ul {
    display: block;
    list-style: none;
    margin-left: -35px;
}
.card-price .body-price ul li {
    font-family: 'Karla';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 19px;
 
color: #000000;
    padding: 10px 5px;
    border-bottom: 1px solid #eaeaea;
}
.card-price .body-price ul li span {
    font-weight: 700;
font-size: 24px;
line-height: 28px;
margin-right: 6px;

color: #000000;
}

.card-price2 .body-price2 ul {
    display: block;
    list-style: none;
    margin-left: -35px;
}
.card-price2 .body-price2 ul li {
    font-family: 'Karla';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 19px;
 
color: #fff;
    padding: 10px 5px;
    border-bottom: 1px solid #eaeaea;
}
.card-price2 .body-price2 ul li span {
    font-weight: 700;
font-size: 24px;
line-height: 28px;
margin-right: 6px;

color: #fff;
}


.card-price-bg-black .header-price span, .card-price-bg-black .header-price p.title-paket-price, .card-price-bg-black .header-price .info, .card-price-bg-black .body-price ul li, .card-price-bg-black .body-price ul li span, .card-price-bg-black .header-price .price-paket, .card-price-bg-black .header-price .price-paket .jumlah  {
    color: #ffffff !important;
}
.card-price-bg-black .header-price .numbers hr{
    background: #EB652A;
    border: 0px;
}

@media only screen and (min-width:769px){
.harga-uh{
    font-size: 40px; 
    font-family:'karla'; 
    font-weight:bold; 
    color: #000000;
}

.bulan{
    font-size: 16px; 
    color: #000000;
}

.harga-uh2{
    font-size: 40px; 
    font-family:'karla'; 
    font-weight:bold; 
    color: #fff;
}
}

@media only screen and (min-width:481px) and (max-width:768px){
.harga-uh{
    font-size: 20px; 
    font-family:'karla'; 
    font-weight:bold; 
    color: #000000;
}
.harga-uh2{
    font-size: 20px; 
    font-family:'karla'; 
    font-weight:bold; 
    color: #ffffff;
}
}

@media only screen and (min-width:320px) and (max-width:480px){
.harga-uh{
    font-size: 40px; 
    font-family:'karla'; 
    font-weight:bold; 
    color: #000000;
}
.harga-uh2{
    font-size: 40px; 
    font-family:'karla'; 
    font-weight:bold; 
    color: #ffffff;
    }
.card-price .header-price select {
    
font-size: 14px;

}

}


/*section keunggulan - tabs*/
.tabs-keunggulan .pp-clearfix .pp-tabs-labels {
    flex-flow: nowrap;
    display:flex !important;
    justify-content: flex-start;
    margin: 0px -3px 0px 6px;
}
.tabs-keunggulan .title-tabs {
    display: flex;
    margin-bottom: -10px;
}
.tabs-keunggulan .title-tabs hr {
    width: 100px;
    margin-left: 20px;
    margin-top: 10px;
    height: 2px;
    background-color: #282828;
}
.tabs-keunggulan .pp-tabs-label {
    text-align: left !important;
    width: 100%;
        padding: 10px 55px 10px 20px !important;
        border: 1px solid #282828 !important;
        border-bottom: 1px solid #282828 !important;
}

.tabs-keunggulan .pp-tabs-default .pp-tabs-panels {
   border-top: 0px;
}
.tabs-keunggulan .pp-tabs-label.pp-tab-active hr {
    border: 0px;
    background: #EB652A !important;
    color: #EB652A !important;
}

.tabs-benefit .pp-tabs-label.pp-tab-active{
    background: none !important;
    border-radius: 30px;
}

@media only screen and (min-width:768px) and (max-width:1024px){
    .tabs-keunggulan .title-tabs hr {
    width: 35px!important;
        
    }
}

@media only screen and (max-width:768px){
    .tabs-keunggulan .pp-clearfix .pp-tabs-labels{
        display: none !important;
    }
}

.fl-node-4zm2tue9n36w .pp-tabs .pp-tabs-label{
    color: #282828;
}

.pp-tabs-horizontal.pp-tabs-default .pp-tabs-label{
    border-width: 1px;
    border-style: solid;    
    border-color: transparent;
    border-bottom: none!important; 
    border-radius: 0px;
    border-top: 1px solid #282828!important;
}

.fl-node-4zm2tue9n36w .pp-tabs .pp-tabs-label.pp-tab-active, .fl-node-4zm2tue9n36w .pp-tabs .pp-tabs-label.pp-tab-active:hover, .fl-node-4zm2tue9n36w .pp-tabs .pp-tabs-label:hover, .fl-node-4zm2tue9n36w .pp-tabs .pp-tabs-label:focus {
    background-color: #282828!important;
    color: #ffff;
}

/*Tabs Biaya Hosting*/
@media only screen and (max-width:450px){
.tabs-biaya-hosting .pp-tabs-panels .pp-tabs-panel-content {
    margin-top: -50px;
    margin-bottom: -50px;
}
}

/*tabs-jenis-website*/
#tabs-jenis-website .pp-tabs-label.pp-tab-active {
    background-color: #282828!important;
    color: #fff;
    border-radius: 0px;
}

#tabs-jenis-website .pp-tabs-vertical .pp-tabs-labels {
    float: left;
    width: 20%!important;
}

#tabs-jenis-website .pp-tabs-vertical .pp-tabs-panels {
    float: left;
    width: 80%!important;
}

@media (max-width: 600px) {
#tabs-jenis-website .pp-tabs-vertical .pp-tabs-panels {
    float: left;
    width: 100%!important;
}
}

#tabs-jenis-website .fl-row-content-wrap {
    /* padding-right: 3px; */
    /* padding-left: 3px; */
    margin: -40px;
}

/*Horizontal Scroll table*/
.scroll{
    margin: 4px, 10px;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
}

/*btn cta hero*/

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    button.btn-cta-hero {
    padding: 18px 34px;
    border-radius: 50px;
    border: 0px;
    background: #EB652A;
    font-family: "karla";
    font-weight: bold;
    font-size: 12px;
    display: flex;
    margin-left: auto;
}
}

@media screen and (min-device-width: 1200px) and (max-device-width: 1600px){
button.btn-cta-hero {
    padding: 18px 34px;
    border-radius: 50px;
    border: 0px;
    background: #EB652A;
    font-family: "karla";
    font-weight: bold;
    font-size: 16px;
    display: flex;
    margin-left: auto;
}
}


.nav-section-2{ 
    
    display: flex;
    background: #fff;
    align-items: center;
    justify-content: space-between;
}
.nav-section-2 ul {
box-shadow: 0px 66px 88px -88px rgba(0,0,0,1) !important;
    display: flex;
    align-items: center !important;
    margin-bottom: 0px;
    position: relative;
    left: -40px;
    
}
.nav-section-2 ul li {
    padding: 30px 20px;
    list-style: none;
}
.nav-section-2 ul li a:hover {
    background: #282828;
    color: #ffffff;
    border-radius: 50px;
    text-decoration: none;
}
.nav-section-2 ul li a {
    color: #282828;
    font-size: 14;
    font-weight: 700;
    font-family: "karla";
     padding: 10px 18px;
}
.nav-section-2 a.cta-nav-section-2{
    background: #EB652A;
    margin-left: auto;
    padding: 16px 34px;
    color: #ffffff;
    font-family: "karla";
    font-weight: bold;
    font-size: 16px;
    border-radius: 50px;
    margin-right: 15px;
box-shadow: 0px 66px 88px -88px rgba(0,0,0,1) !important;
}


.nav-section-2 ul li.brand-nav-section-2{
    background: #282828;
    color: #ffffff;
    padding-left: 30px;
    padding-right: 40px;
    font-family: karla;
}

.nav-section-3{ 
    
    display: flex;
    background: #fff;
    align-items: center;
    justify-content: space-between;
}
.nav-section-3 ul {
box-shadow: 0px 66px 88px -88px rgba(0,0,0,1) !important;
    display: flex;
    align-items: center !important;
    margin-bottom: 0px;
    position: relative;
    left: -10px;
    
}
.nav-section-3 ul li {
    padding: 30px 20px;
    list-style: none;
}
.nav-section-3 ul li a:hover {
    background: #282828;
    color: #ffffff;
    border-radius: 50px;
    text-decoration: none;
}
.nav-section-3 ul li a {
    color: #282828;
    font-size: 14;
    font-weight: 700;
    font-family: "karla";
     padding: 10px 18px;
}
.nav-section-3 a.cta-nav-section-2{
    background: #EB652A;
    margin-left: auto;
    padding: 16px 34px;
    color: #ffffff;
    font-family: "karla";
    font-weight: bold;
    font-size: 16px;
    border-radius: 50px;
    /*margin-right: 15px;*/
box-shadow: 0px 66px 88px -88px rgba(0,0,0,1) !important;
}


.nav-section-3 ul li.brand-nav-section-3{
    background: #282828;
    color: #ffffff;
    /*padding-left: 30px;*/
    /*padding-right: 40px;*/
    font-family: karla;
}

/*tooltip table price*/
 .tool {
  /*position: relative;*/
  display: inline-block;
  background: #eaeaea;
  padding: 0px 14px !important;
  color: #282828;
   margin-left:30px;
  font-size: 11px!important;
  font-family: 'karla';
  border-radius: 20px;
  opacity: 1;
  cursor: pointer;
}

/* .tooltip .tooltiptext {*/
    /*visibility: hidden;*/
/*  width: 120px;*/
/*  background-color: #555;*/
/*  color: #ffffff !important;*/
/*  text-align: center;*/
/*  border-radius: 6px;*/
/*  padding: 5px 0;*/
/*  position: absolute;*/
/*  z-index: 1;*/
/*  bottom: 125%;*/
/*  left: 50%;*/
/*  font-size: 14px !important;*/
/*  margin-left: -60px;*/
/*  opacity: 0;*/
/*  transition: opacity 0.3s;*/
/*}*/

/* .tooltip .tooltiptext::after {*/
/*  content: "";*/
/*  position: absolute;*/
/*  top: 100%;*/
/*  left: 50%;*/
/*  margin-left: -5px;*/
/*  border-width: 5px;*/
/*  border-style: solid;*/
/*  border-color: #555 transparent;*/
/*}*/

/* .tooltip:hover .tooltiptext {*/
/*  visibility: visible;*/
/*  opacity: 1;*/
/*}*/

#column-higher {
	position: relative;
	z-index: 1;
}

#to-left{
    text-align: left;
}

.btn-white{
display: inline-block;
width: 150px;
background-color: transparent!important;
color: #282828!important;
padding: 10px 10px; 
text-align: left;
border: 1px solid transparent!important;
border-radius: 30px;
font-weight:  bold;
 
}

.btn-white:hover{
background-color: #282828!important;
color: #fff!important;
text-decoration: none;
font-weight: bold;
}

.btn-white2{
    width: 150px;
    background-color: #fff!important;
    color: #fffffff!important;
    padding: 10px 10px; 
    border: 1px solid transparent!important;
    border-radius: 30px;
    font-weight:  bold;
}

.btn-white2:hover{
text-decoration: underline;
font-weight: bold;
}


@media only screen and (min-width:769px){
.fl-node-z0tuholcyxe3 .pp-tabs-panels .pp-tabs-panel-content {
    padding-top: 30px;
    padding-right: 179px;
    padding-bottom: 30px;
    padding-left: 194px;
}
}
@media only screen and (min-width:360px) and (max-width:769px){
.fl-node-z0tuholcyxe3 .pp-tabs-panels .pp-tabs-panel-content {
    padding-top: 30px;
    padding-right: 0px;
    padding-bottom: 30px;
    padding-left: 0px;
}
}




@media (max-width:767px){
    .tabs-keunggulan .pp-clearfix .pp-tabs-labels{
        display: none !important;
    }
    .accordion-fitur-lengkap .scroll {
        overflow-x: auto;
    }
    .accordion-fitur-lengkap .fl-accordion-button-label small{
        font-size: 14px;
    }
}

/*accordion-fitur-lengkap*/
.accordion-fitur-lengkap .fl-accordion-button-label {
        display: flex;
    flex-direction: column;
}
.accordion-fitur-lengkap .fl-accordion-button {
    display: flex;
    align-items: center;
}
.accordion-fitur-lengkap .fl-accordion-button-label h3 {
    font-family: 'Karla';
font-style: normal;
font-weight: 700;
font-size: 24px;
line-height: 28px;
color: #000000;
}
.accordion-fitur-lengkap .fl-accordion-button-label small{
    font-family: 'Karla';
font-weight: medium;
font-size: 16px;
line-height: 19px;
color: #000000;
text-transform: capitalize;
margin-top: -30px;
margin-bottom: 10px;
}
.accordion-fitur-lengkap .tablepress img {
    width: 15px;
    margin-right: 6px;
}


/*TABLEL PAKET*/
/*@media only screen and (max-width: 768px) {*/
/*#popular_domain{*/
/*overflow-x:scroll;*/
/*}*/
/*}*/

/*Hide Judul */
/*@media only screen and (min-width: 769px){
tr.row-1.odd {
    display: none;
 }
}*/

/*STICKY NAV*/
.navigasi {
  background: #ffffff;
  text-align:center;
  margin: 0 auto;
  z-index: 999999; 
  width:100%;
  left:0;
  right:0;
}

.navigasi2 {
  background: #ffffff;
  text-align:center;
  margin: 0 auto;
  z-index: 999999; 
  width:100%;
  left:0;
  right:0;
}


.navigator-tab {
  top:100px; /* Don't forget this, required for the stickiness */
  overflow: hidden;
    position: sticky;
    
}





.separator-top-tab {
    display: flex;
    font-family: 'Karla';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 19px;
/* identical to box height */

letter-spacing: 0.13em;

color: #fff!important;
}
.separator-top-tab hr {
    margin-top:10px;
    width: 100px;
    margin-left: 14px;
    margin-right: 20px;
}

.btn-beli-uh {
    font-family: "Karla";
    border: 1px solid #fff!important;
    border-radius: 50px;
    padding: 15px 32px;
    font-size: 16px;
    color: #fff!important;
}

.btn-beli-uh:hover {
    background: #fff;
    color: #000!important;
}

.btn-beli-uh2 {
    font-family: "Karla";
    border: 1px solid #000!important;
    border-radius: 50px;
    padding: 15px 32px;
    font-size: 16px;
    color: #000;
    font-weight: 600;
}

.btn-beli-uh2:hover {
    background: #000;
    color: #fff!important;
    text-decoration: none;
}

.btn-beli-uh2:active{
    text-decoration: none;
}

/*Tab Fitur*/

.pp-tabs-label {
    font-family: "Karla";
    border: 1px solid #28282800;
    border-radius: 50px;
    padding: 15px 32px;
    font-size: 14px;
    background: #fff;
    color: #282828;
    margin-left: 5px;
}

.pp-tabs-horizontal.pp-tabs-default .pp-tabs-labels {
    /*display: flex!important;*/
}

.pp-tabs-style-1 .pp-tabs-labels {
  background-color: #eeeeee;
  border-color: #eeeeee;
  width: 70%;
  border-radius: 40px;
}

.fl-node-b0mzd6afjr5n .pp-tabs-style-1 .pp-tabs-labels {
    background-color: rgb(238, 238, 238);
    /*border-color: rgb(238, 238, 238);*/
    width: 70%!important;
    border-radius: 30px;
}

.pp-tabs .pp-tabs-label {
    background-color: #ffffff00!important;
    color: rgb(102, 102, 102);
    font-weight: bold!important;
}

.pp-tabs-label.pp-tab-active {
    background-color: #ffffff!important;
    color: #fff;
}

/*160.000++ jagoan*/
.logo-container{
    width: 220px; 
    height: auto; 
    border-radius: 10px; 
    flex-direction: column; 
    justify-content: flex-start;
    align-items: flex-start; 
    display: inline-flex; 
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05);
}

.container-inside{
    align-self: stretch; 
    padding-left: 24px; 
    padding-right: 24px; 
    padding-top: 14px; 
    padding-bottom: 14px;
    background: #F4F4F4; 
    border-top-left-radius: 10px;
    border-top-right-radius: 10px; 
    justify-content: flex-start; 
    align-items: center;
}

.title-fill{
    flex: 1 1 0; 
    text-align: center; 
    color: #282828; 
    font-size: 18px; 
    font-family: Karla; 
    font-weight: 300; 
    line-height: 18px;
}

.logo-fill{
    padding: 24px; 
    background: white; 
    flex-direction: column; 
    justify-content: flex-start; 
    align-items: center; 
    gap: 20px; 
    display: flex;
}

/*tabel*/
.judul-detail{
    font-weight: 700;
}

/*resize image slider*/
.pp-card-slider-container .pp-card-slider-image {
  width: 90px!important;
  display: block;
  margin: auto;
  height: auto;
}


@media (max-width: 600px) {
.harga-enam-bulan-m4,.harga-satu-tahun-m4,.harga-dua-tahun-m4,.harga-tiga-tahun-m4 {
    text-align: center!important;
}

.harga-enam-bulan-m3,.harga-satu-tahun-m3,.harga-dua-tahun-m3,.harga-tiga-tahun-m3 {
    text-align: center!important;
}

.harga-enam-bulan-m2,.harga-satu-tahun-m2,.harga-dua-tahun-m2,.harga-tiga-tahun-m2 {
    text-align: center!important;
}

.harga-enam-bulan-m1,.harga-satu-tahun-m1,.harga-dua-tahun-m1,.harga-tiga-tahun-m1 {
    text-align: center!important;
}

#diskon-satu-tahun-m4, #diskon-dua-tahun-m4, #diskon-tiga-tahun-m4, #diskon-enam-bulan-m4 {
  text-align: center;
}

#diskon-satu-tahun-m3, #diskon-dua-tahun-m3, #diskon-tiga-tahun-m3, #diskon-enam-bulan-m3 {
  text-align: center;
}

#diskon-satu-tahun-m2, #diskon-dua-tahun-m2, #diskon-tiga-tahun-m2, #diskon-enam-bulan-m2 {
  text-align: center;
}

#diskon-satu-tahun-m1, #diskon-dua-tahun-m1, #diskon-tiga-tahun-m1, #diskon-enam-bulan-m1 {
  text-align: center;
}
}

.separator-top-tab {
    display: flex;
    font-family: 'Karla';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 19px;
/* identical to box height */

letter-spacing: 0.13em;

color: #FFFFFF;
}
.separator-top-tab hr {
    margin-top:10px;
    width: 100px;
    margin-left: 14px;
    margin-right: 20px;
}

.btn-beli-uh {
    font-family: "Karla";
    border: 1px solid #fff!important;
    border-radius: 50px;
    padding: 15px 32px;
    font-size: 16px;
    color: #fff;
}

.btn-beli-uh:hover {
    background: #ffffff;
    color: #282828!important;
}

/*faq*/
.fl-accordion-item h3 {
    font-family: "Karla";
    font-size: 16px;
    margin: 0px!important;
}

/*bg aktif tab*/
.pp-tabs .pp-tabs-label.pp-tab-active {
    background: #282828!important;
}
@media only screen and (max-width:450px){
    .separator-top-tab span {
        font-size: 12px;
    }
}

.separator-top-tab {
    display: flex;
    font-family: 'Karla';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 19px;
/* identical to box height */

letter-spacing: 0.13em;

color: #FFFFFF;
}
.separator-top-tab hr {
    margin-top:10px;
    width: 100px;
    margin-left: 14px;
    margin-right: 20px;
}

.btn-beli-uh {
    font-family: "Karla";
    border: 1px solid #fff!important;
    border-radius: 50px;
    padding: 15px 32px;
    font-size: 16px;
    color: #fff;
}

.btn-beli-uh:hover {
    background: #ffffff;
    color: #282828!important;
}


/*slider*/

/*@import url("https://cdn.jsdelivr.net/npm/sweetalert2@10.12.0/dist/sweetalert2.min.css");*/


.specs-card {
    padding-top: 2em;
  font-family: "Open Sans", sans-serif;
  background-color: white;
  width: 100%;
  box-shadow: 0px 24px 44px -20px rgba(0, 0, 0, 0.55);
  border-radius: 16px;
}
.specs-card form {
    padding: 2em;
}
.specs-card form label {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.specs-card .footer {
  /*background-color: #f5f7fc;*/
  padding: 2em;
  margin-top: -40px;
}
.specs-card input[type="range"] {
  display: block;
  width: 100%;
  height: 10%;
}
.spec-slider-container {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.5em;
}
.spec-slider-container .input-group {
  padding-left: 1.2em;
  width: 100%;
  margin-left: 24px;
}
.spec-slider-container clr-icon {
  color: #180b3c;
}
.total-price {
  font-weight: bold;
  font-size: 30px;
  color: rgba(51, 51, 51, 1);
}

.judul {
    font-weight: bold;
    font-size: 16px;
    color: #282828;
    font-family: Karla;
}
.peserta {
    float: right;
  font-weight: bold;
  font-size: 30px;
  color: #333;
  font-family: Karla;
}

.paket-name {
    float: left;
    font-weight: bold;
    font-size: 25px;
    color: #282828;
    font-family: Karla;
    line-height: 1;
}

.icon-style {
    color: #ff8608;
    margin-right:5px ;
}

.detail-paket {
    color: #282828;
    font-weight: bold;
    font-size: 25px;
    font-family: Karla;
    line-height: 1;
}

.detail-paket-small {
    color: #28282830;
    font-weight: bold;
    font-size: 40px;
    font-family: Karla;
    line-height: 1;
}

.peserta-txt {
    float: right;
  font-weight: bold;
  font-size: 16px;
  color: #333;
  font-family: Karla;
}


.total-price .bulan {
  font-weight: normal;
  font-size: 21px;
}
.box-specs{
    background-color: #1998ff;
    color: #fff;
    padding: 2px 5px;
    font-size: 10px;
}
.btn-submit {
  color: #fff !important;
  background-color: #ff006b! important;
  border-color: #ff006b;
}

.custom-slider {
  background: linear-gradient(
    to right,
    rgba(255, 135, 8, 0.6) 0%,
    rgba(255, 135, 8, 0.6) 0%,
    rgb(245, 245, 245) 0%,
    rgb(245, 245, 245) 100%
  );
  border-radius: 8px;
  height: 10px;
  width: 356px;
  outline: none;
  transition: background 450ms ease-in;
  -webkit-appearance: none;
}
.custom-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 18px;
  height: 18px;
  background: #ff8708;
  cursor: pointer;
  border-radius: 50%;
}

.custom-slider::-moz-range-thumb {
  width: 18px;
  height: 18px;
  background: #ff8708;
  cursor: pointer;
  border-radius: 50%;
}
.d-flex {
  display: flex;
}
.align-items-center {
  align-items: center;
}
button.choose-cycle{
    background: #BABBC0;
    color: white;
    border: 1px solid #BABBC0;
}
button.choose-cycle.btn.btn-default.active {
    border: 1px solid #1998FF;
    background: #1998FF;
    color: white;
}
button.choose-cycle.btn.btn-default {
    border-radius: 0px;
}


.harga-paket {
    font-weight: 500;
    font-size: 14px;
    font-family: Karla!important;
    color: #282828;
}

.btn-nextgen {
    background: #F1B62D !important;
    border: 1px solid #F1B62D !important;
    cursor: pointer;
    margin: auto;
    color: #282828;
    border-radius: 30px;
    padding: 15px 15px 15px 15px;
    width: 100%;
    text-align: center;
    font-family: 'Karla';
    font-size: 16px;
}

.btn-nextgen:hover {
    background: #282828 !important;
    border: 1px solid #282828 !important;
    cursor: pointer;
    margin: auto;
    color: #ffffff;
    border-radius: 30px;
    padding: 15px 15px 15px 15px;
    width: 100%;
    text-align: center;
    font-family: 'Karla';
    font-size: 16px;
    text-decoration: none;
}


/*paket mobile*/

#rekomendasi-x1, #rekomendasi-x2, #rekomendasi-x3, #rekomendasi-x4, #rekomendasi-x5, #rekomendasi-x6 {
    display: none;
}

.rekomendasi-x1 h3, .rekomendasi-x2 h3, .rekomendasi-x3 h3, .rekomendasi-x4 h3, .rekomendasi-x5 h3, .rekomendasi-x6 h3 {
    font-family: Karla;
}



.tabel-fitur-mobile .pp-icon.fas.fa-check-circle {
    color: #EC652A;
    font-size: 18px;
}


.tabel-fitur-mobile .pp-infobox-icon-inner {
    text-align: center;
    display: block;
}

.spek {
    font-weight: bold;
    color: #282828;
    font-family: 'Karla';
    font-size: 16px;
}

.s-desc {
    font-weight: normal;
    color: #282828;
    font-family: 'Karla';
    font-size: 12px;
    opacity: 0.5;
}

@media screen and (min-width : 360px) {
    
div#pp-tab-dlua0xhkvzj5-1-content {
    width: 100%;
    margin-left: 5px;
}

div#pp-tab-dlua0xhkvzj5-2-content {
    width: 100%;
    margin-left: 5px;
}

div#pp-tab-dlua0xhkvzj5-3-content {
    width: 100%;
    margin-left: 5px;
}

.pp-tabs-horizontal.pp-tabs-default .pp-tabs-label {
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    border-bottom: 1px solid black !important;
    border-radius: 0px;
    border-top:1px;
}

}/* End custom CSS */