

.gambarpartnership {
    width: 90%;
    height: auto;
    margin: auto;
    display: flex;
    justify-content: space-between;
}

.iconpartner {
    width: 50%;
    height: auto;
    margin: auto;
    display: block;
    filter: brightness(0.1);
    transition: filter 0.3s ease;
    opacity: 50%;
}

.iconpartner:hover {
    filter: brightness(1.2);
    opacity: 100%;
}


.rekanankerjasama {
    width: 90%;
    height: auto;
    margin: auto;
    padding: 1em 0em 3em;
    box-sizing: border-box;
}

.rekanankerjasama p {
    font-size: 17px;
    text-align: center;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.63);
}



 #mainjapripay {
    width: 100%;
    height: auto;
    padding: 3em 0em 4em;
    box-sizing: border-box;
    background: linear-gradient(to top left, #1100ff62 0%, #ff00ff2a 30%, #afadff1f 50%, #00eeff33 70%, #4400ff3b 100%);
 }


 .containerfiturterbaik {
    width: 90%;
    height: auto;
    margin: auto;
 }

 .boxfiturterbaik {
    width: 100%;
    height: auto;
 }


 .teksfiturterbaik h1 {
   font-size: 30px;
   font-weight: 600;
   color: #000000ce;
 }

 .teksfiturterbaik span {
    font-size: 30px;
   font-weight: 700;
   color: #3232cb;
 }

 .teksfiturterbaik p {
    font-size: 17px;
    color: #464646;
    padding: 0.5em 0em 0.5em;
    box-sizing: border-box;
    letter-spacing: 1px;
 }

 .fotomockup1 {
    width: 90%;
    height: auto;
    display: block;
    margin: auto;
    margin-top: 40px;
 }





 .containerfitur {
    width: 100%;
    height: auto;
    padding: 5em 0em 3em;
    box-sizing: border-box;
 }


 .boxfiturchat {
    width: 80%;
    height: auto;
    margin: auto;
    text-align: center;
 }

 .coverfiturchat {
    width: 100%;
    height: auto;
    padding: 1em 0.5em 2em;
    box-sizing: border-box;
    border-radius: 30px;
    margin-bottom: 40px;
    background-color: #fff;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
    transition: all 0.5s ease; /* Durasi animasi */
 }


 .coverfiturchat:hover {
    color: #fff;
    background-color: #3232cb;
    border: 2.5px solid rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
    transform: scale(1.1);
}



 .boxiconfiturchat {
    width: 55px;
    height: 55px;
    margin: auto;
    align-content: center;
    border-radius: 50%;
    background-color: #fff;
    padding: 0.3em;
 }


 


 .iconfiturchat {
    width: 35px;
    height: 35px;
    margin: auto;
    display: block;
 }

  
 .judulfiturchat h1 {
    font-size: 20px;
    padding: 0.3em 0em 0.3em;
    box-sizing: border-box;
    letter-spacing: 1px;
 }


 .keteranganfiturchat p {
    font-size: 17px;
    letter-spacing: 0.3px;
 }



  /* BATAS JAPRIMESSENGER */
  .containerjaprimessenger {
   width: 100%;
   height: auto;
  }

  .boxjaprimessenger {
   width: 90%;
   height: auto;
   margin: auto;
  }

  .fotojaprimessenger {
   width: 90%;
   height: auto;
   margin: auto;
   display: block;
   margin-top: 30px;
   margin-bottom: 50px;
  }

  .subjuduljaprimessenger {
   width: 90%;
   height: auto;
   margin: auto;
   margin-bottom: 30px;
  }

  .subjuduljaprimessenger h1 {
   font-size: 30px;
   font-weight: 600;
   color: #000000ce;
  }


  .subjuduljaprimessenger p {
   font-size: 17px;
   color: #464646;
   padding: 0.5em 0em 0.5em;
   box-sizing: border-box;
   letter-spacing: 1px;
  }


  .coverjaprimessenger {
   width: 90%;
   height: auto;
   margin: auto;
   padding: 2em 1.5em 2em;
   box-sizing: border-box;
   background-color: #fff;
   border-radius: 30px;
   margin-bottom: 40px;
   box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
   transition: all 0.5s ease; /* Durasi animasi */
  }



   .coverjaprimessenger:hover {
      color: #fff;
      background-color: #3232cb;
      border: 2.5px solid rgb(255, 255, 255);
      box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
      transform: scale(1.1);
   }


   .coverjaprimessenger h1 {
   font-size: 20px;
   background: linear-gradient(45deg, #0011ff, #0011ff, #c300ff, #c300ff, rgb(255, 0, 234), rgb(250, 48, 206), rgb(255, 82, 217), #00f7ff, #0011ff);
  background-size: 200% auto;
  color: #000;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation: sinta 6s linear infinite;
          animation: sinta 6s linear infinite;
   }


   @-webkit-keyframes sinta {
      to {
        background-position: 200% center;
      }
      }
      @keyframes sinta {
      to {
        background-position: 200% center;
       }
       }



   .coverjaprimessenger p {
      font-size: 17px;
   }



  /* BATAS JAPRIMESSENGER */





/* RESPONSIVE PONSEL MINI */
@media screen and (min-width: 600px){

    .fotomockup1 {
        width: 60%;
        height: auto;
        display: block;
        margin: auto;
        margin-top: 40px;
     }


     .teksfiturterbaik h1 {
        font-size: 30px;
        font-weight: 600;
        color: #000000ce;
        text-align: center;
      }


      .teksfiturterbaik p {
        font-size: 18px;
        color: #464646;
        padding: 0.5em 0em 0.5em;
        box-sizing: border-box;
        letter-spacing: 1px;
        text-align: center;
     }
    

     .gambarpartnership {
        width: 60%;
        height: auto;
        margin: auto;
        display: flex;
        justify-content: space-between;
    }


    .fotojaprimessenger {
      width: 60%;
      height: auto;
      margin: auto;
      margin-top: 30px;
      margin-bottom: 30px;
    }


} 	



/* RESPONSIVE PONSEL MINI */
@media screen and (min-width: 768px){

    .rekanankerjasama p {
        font-size: 22px;
        text-align: center;
        font-weight: 500;
        color: rgba(0, 0, 0, 0.63);
    }


    .rekanankerjasama {
        padding: 1em 0em 5em;
        box-sizing: border-box;
    }


    .boxfiturterbaik {
        width: 100%;
        height: auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
     }


     .fotomockup1 {
        width: 50%;
        height: auto;
        display: block;
        margin: auto;
        margin-top: 0px;
     }


     .teksfiturterbaik h1 {
        font-size: 40px;
        font-weight: 600;
        color: #000000ce;
        text-align: left;
      }

      .teksfiturterbaik span {
        font-size: 40px;
       font-weight: 700;
       color: #3232cb;
     }


     .teksfiturterbaik p {
        font-size: 20px;
        color: #464646;
        padding: 0.5em 0em 0.5em;
        box-sizing: border-box;
        letter-spacing: 1px;
        text-align: left;
     }
    

     .boxfiturchat {
       width: 90%;
       display: flex;
       margin-bottom: 40px;
     }

 
     .coverfiturchat {
        width: 45%;
        height: 300px;
        margin: auto;
        align-content: center;
     }
    

     .gambarpartnership {
        width: 50%;
        height: auto;
        margin: auto;
        display: flex;
        justify-content: space-between;
    }
    

    /* BATAS JAPRIMESSENGER */

    .boxjaprimessenger {
      width: 90%;
      height: auto;
      margin: auto;
      display: flex;
      justify-content: space-between;
      padding: 3em 0em 2em;
      box-sizing: border-box;
    }


    .coverfotojaprimessenger {
      width: 50%;
      height: auto;
    }

    .infojaprimessenger {
      width: 50%;
      height: auto;
    }


    .fotojaprimessenger {
      width: 100%;
      height: auto;
      margin: auto;
      margin-top: 0px;
      margin-bottom: 0px;
    }

    
    

} 	



/* RESPONSIVE PONSEL MINI */
@media screen and (min-width: 990px){

    .boxgambarpartnership {
        width: 60%;
        height: auto;
        margin: auto;
        display: flex;
        justify-content: space-between;
    }


    .teksfiturterbaik {
        width: 50%;
        height: auto;
    }

    .fotomockup1 {
        width: 40%;
        height: auto;
        display: block;
        margin: auto;
        margin-top: 0px;
     }


     .teksfiturterbaik h1 {
        font-size: 50px;
        font-weight: 600;
        color: #000000ce;
        text-align: left;
      }

      .teksfiturterbaik span {
        font-size: 50px;
       font-weight: 700;
       color: #3232cb;
     }


     
} 	



/* RESPONSIVE PONSEL MINI */
@media screen and (min-width: 1024px){
    

} 	



/* RESPONSIVE PONSEL MINI */
@media screen and (min-width: 1200px){

    .boxgambarpartnership {
        width: 1000px;
        height: auto;
        margin: auto;
        display: flex;
        justify-content: space-between;
    }
    
    .teksfiturterbaik h1 {
        font-size: 4rem;
        font-weight: 600;
        color: #000000ce;
      }
     
      .teksfiturterbaik span {
         font-size: 4rem;
        font-weight: 700;
        color: #3232cb;
      }


      .fotomockup1 {
        max-width: 550px;
        height: auto;
        display: block;
        margin: auto;
        margin-top: 0px;
     }
    

     .containerfitur {
        width: 96%;
        height: auto;
        margin: auto;
        display: flex;
        justify-content: space-between;
     }
    

     .boxfiturchat {
        width: 90%;
       display: flex;
     }


     .coverfiturchat {
        width: 45%;
        height: 320px;
        margin: auto;
        align-content: center;
     }



     .teksfiturterbaik p {
        font-size: 1.3rem;
        color: #464646;
        padding: 0.5em 0em 0.5em;
        box-sizing: border-box;
        letter-spacing: 1px;
        text-align: left;
     }
    


     .fotojaprimessenger {
      max-width: 550px;
      height: auto;
      margin: auto;
      margin-top: 0px;
      margin-bottom: 0px;
    }


    .subjuduljaprimessenger h1 {
      font-size: 4rem;
      font-weight: 600;
      color: #000000ce;
     }
   
   
     .subjuduljaprimessenger p {
      font-size: 1.3rem;
      color: #464646;
      padding: 0.5em 0em 0.5em;
      box-sizing: border-box;
      letter-spacing: 1px;
     }
   





} 	



/* RESPONSIVE PONSEL MINI */
@media screen and (min-width: 1400px){
    

} 	



