.wrapper{

    padding-top: 100px;

}

.card{

    border-radius: 0.4rem;

    margin-bottom: 0;

}

.carousel-inner{

    border-radius: 0.40rem 0.40rem 0 0;

}

.myimage{

    border-radius: 0.40rem 0.40rem 0 0;

}



.carousel-control-prev-icon{

    display: inline-block;

}

.carousel-control-next-icon{

    display: inline-block;

}



/*.judul{

    font-size: 1.2rem;

}*/

.keterangan{

    font-size: 0.8rem;

    font-weight: 300;

}

.judul-2{

    font-size: 0.9rem;

}

/*expand*/

.fa-angle-down{

    font-size: 1.5em;

}



.fa-angle-up{

    font-size: 1.5em;

}



i {

  transition: transform 0.5s;

}

.share-btn{

    width: 40px;

    height: 40px;

    border: 1px solid #e5e5e5;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    color: var(--primary-color1);

    float: right;

}



/*share btn*/

.share-btn-container{

    background: #fff;

    display: flex;

    flex-direction: column;

    padding: 1rem;

    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);

    border-radius: 0.4rem;

    position: fixed;

    left: 0.5%;

    top: 50%;

    transform: translateY(-50%);

}

.share-btn-container a i{

    font-size: 40px;

}

.share-btn-container a{

    margin: 12px 0;

    transition: 500ms;

    display: flex;

    justify-content: center;

}

.share-btn-container a:hover{

    transform: scale(1.2);

}

.share-btn-container a:nth-child(1):hover > .ri-facebook-box-line:before{

    content: "\ecb8";

}

.share-btn-container a:nth-child(2):hover > .ri-twitter-line:before{

    content: "\f23a";

}

.share-btn-container a:nth-child(3):hover > .ri-whatsapp-line:before{

    content: "\f2bb";

}

.share-btn-container .ri-facebook-box-line,

.bottom-sheet-share-container .ri-facebook-box-line,

.modal-content .modal-body .ri-facebook-box-line {

    color: #1877f2;

}

.share-btn-container .ri-whatsapp-line,

.bottom-sheet-share-container .ri-whatsapp-line,

.modal-content .modal-body .ri-whatsapp-line{

    color: #25d366;

}

.share-btn-container .ri-twitter-line,

.bottom-sheet-share-container .ri-twitter-line,

.modal-content .modal-body .ri-twitter-line {

    color: #1da1f2;

}

.share-btn-container-modal .ri-telegram-line,

.bottom-sheet-share-container .ri-telegram-line,

.modal-content .modal-body .ri-telegram-line{

    color: #0088cc;

}

.ri-checkbox-circle-fill{

    color: #42ba96;

    font-size: 1.6rem;

    padding-left: 3px;

}

.fade-in {

    opacity: 1;

    animation-name: fadeInOpacity;

    animation-iteration-count: 1;

    animation-timing-function: ease-in;

    animation-duration: 0.3s;

}



@keyframes fadeInOpacity {

    0% {

        opacity: 0;

    }

    100% {

        opacity: 1;

    }

}

.fade-out {

    opacity: 0;

    animation-name: fadeOutOpacity;

    animation-iteration-count: 1;

    animation-timing-function: ease-in;

    animation-duration: 0.3s;

}



@keyframes fadeOutOpacity {

    0% {

        opacity: 1;

    }

    100% {

        opacity: 0;

    }

}

/* .sold-logo, .booked-logo, .rented-logo {
    position: absolute;
    z-index: 29;
    width: 90%;
    top: 71px;
    right: 23px;
}
.sold-logo{
    position: absolute;
    z-index: 29;
    width: 90%;
    top: 34px;
    right: 23px;
} */

/*modal*/

.share-btn-container-modal{

    display: flex;

    transform: translateY(-50%);

}

.share-btn-container-modal a i{

    font-size: 40px;

}

.share-btn-container-modal a{

    margin: 12px 0;

    transition: 500ms;

    display: flex;

    justify-content: center;

}

.share-btn-container-modal a:hover{

    transform: scale(1.2);

}

.share-btn-container-modal a:nth-child(1):hover > .ri-facebook-box-line:before{

    content: "\ecb8";

}

.share-btn-container-modal a:nth-child(2):hover > .ri-twitter-line:before{

    content: "\f23a";

}

.share-btn-container-modal a:nth-child(3):hover > .ri-whatsapp-line:before{

    content: "\f2bb";

}

.share-btn-container-modal .ri-facebook-box-line{

    color: #1877f2;

}

.share-btn-container-modal .ri-whatsapp-line{

    color: #25d366;

}

.share-btn-container-modal .ri-line-line{

    color: #00c300;

}



.share-btn-container-modal .ri-twitter-line{

    color: #1da1f2;

}

/*modal end*/

.iklankan-img{
    background-color: #2951a3;
    padding: 14px;
    border-radius: 99px;
    position: relative;
    overflow: hidden;
}
#ripple-button span{
    position: absolute;
    background: #224183;
    transform: translate(-50%,-50%);
    pointer-events: none;
    border-radius: 50%;
    animation: animatebtn 1s linear infinite;
}
@keyframes animatebtn{
    0%{
        width: 0px;
        height: 0px;
        opacity: 0.5;
    }
    100%{
        width: 500px;
        height: 500px;
        opacity: 0;
    }
}
.iklankan-img svg{
    aspect-ratio: 11/1;
}
#submit123 .modal-dialog{
    position: absolute;
    width: 100%;
    bottom: 0;
}
#submit123{
    top: auto;
    bottom: 0;
}
@media (max-width: 820px){

.share-btn-container{

    display: none;

    }

}

@media (min-width: 1199px){

#shareDekstop{

    display: none;

    }

}

/*end*/

.span-spin {

  transform: rotate(180deg);

}

/*expand-end*/

@media (max-width: 905px){

    .mt{

        /*margin-top: 3em;*/

    }

}

/*

@media (max-width: 991px){

    .wrapper {

        padding-top: 60px !important;

    }

}*/

/*.carousel-item .loading{

    background: linear-gradient(to right, transparent, #e3e3e3, transparent);

    transform: translateX(-100%);

    animation: loading 1s infinite;

}*/


.grats-title{
    font-weight: 500;
  }
  .grats{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .check-label{
    height: 100px;
    width: 100px;
    display: inline-block;
    border: 2px solid rgba(0,0,0,0.1);
    border-radius: 50%;
    border-left-color: #5cb85c;
    animation: rotate 1.2s linear infinite;
    margin-bottom: 8px;
  }
  @keyframes rotate{
    50%{
      border-left-color: #00FF00;
    }
    75%{
      border-left-color: #00FF00;
    }
    100%{
      transform: rotate(360deg);
    }
  }
  .check-label .checklist{
    display: none;
  }
  .check-label .checklist:after{
    position: absolute;
    content: "";
    top: 51%;
    left: 19%;
    transform: scaleX(-1) rotate(135deg);
    height: 56px;
    width: 28px;
    border-right: 4px solid #5cb85c;
    border-top: 4px solid #5cb85c;
    transform-origin: left top;
    animation: check-icon 0.8s ease;
  }
  @keyframes check-icon{
    0%{
      height: 0;
      width: 0;
      opacity: 1;
    }
    20%{
      height: 0;
      width: 28px;
      opacity: 1;
    }
    40%{
      height: 56px;
      width: 28px;
      opacity: 1;
    }
    100%{
      height: 56px;
      width: 28px;
      opacity: 1;
    }
  }
  .check{
    display: none;
  }
  .check:checked ~ label .checklist{
    display: block;
  }
  .check:checked ~ label{
    position: relative;
    animation: none;
    border-color: #00FF00;
    transition: border 0.5s ease-out;
  }
  .success{
    background-color: #fff;
    /* border: 1px solid rgba(var(--b6a,219,219,219),1); */
    border-radius: 0.7rem;
    padding: 24px;
  }
  .sukses-title{
    color: #5cb85c;
    margin-bottom: 7px;
  }
  .back-to-login a{
    background-color: var(--primary-color1);
      padding: 11px 16px;
      border-radius: 999px;
      color: #fff;
      margin-top: 10px;
  }