.videoBG{position:absolute;z-index:-2;inset:0;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;background-image:none}
.videoTag{margin:auto;position:absolute;z-index:-2;top:50%;left:50%;transform:translate(-50%,0px);visibility:visible;width:100%;height:auto}
.loading{position:fixed;top:0;background-color:#000000b5;width:100%;height:100%;text-align:center;z-index: 9999;}
.loading .loader-img{position:relative;top:45%}
.species-modal-list{float:left;width:100%;height:410px;overflow-y:auto;width:642px;margin:23px 0 0;padding:40px 50px 0}
.modal-contentdata{float:left;width:100%;text-align:center;display:flex;justify-content:center}
.species-modal-list li{list-style-type:none;position:relative;float:left;width:48%;cursor:pointer;margin:1%}
.species-modal-list li img{width:100%}
.species-modal-list li .name {color: #fff;position: absolute;z-index: 9;top: 26%; font-size: 20px;font-style: italic;float: left;width: 100%;left: 0;}
.species-modal-list::-webkit-scrollbar-track{border:1px solid #000;background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(50,50,50,1) 25%, rgba(96,93,93,1) 49%, rgba(56,55,55,1) 72%, rgba(0,0,0,1) 100%);border-radius:30px;height: 20px}
.species-modal-list::-webkit-scrollbar{background-color:#000;border-radius:30px;height: 20px}
.species-modal-list::-webkit-scrollbar-thumb{background-color:transparent;background-image:url(../images/pet-creation/scrolling-ontroller.png);background-repeat:no-repeat;background-size:16px;overflow: clip;}
.reactEasyCrop_Container {
    top: 126px !important;
    left: 134px !important;
    right: 132px !important;
    bottom: -126px !important;
}
.cropModalButton {
    position: inherit;
    top: 293px;
}

/* width */
::-webkit-scrollbar {
    width: 20px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey; 
    border-radius: 10px;
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #5c4220; 
    border-radius: 10px;
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #473319; 
  }

@media screen and (min-width: 200px) and (max-width: 428px) {
    .cropModalButton {
        position: inherit;
        top: 12rem;
    }
}
.pet-image-border {
    position: absolute;
    top: 0;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
    max-width:100%;
}

@media screen and (min-width: 350px) and (max-width: 470px) {
    .reactEasyCrop_Container {
        top: 63px !important;
        left: 0px !important;
        right: 0px !important;
        bottom: 0px !important;
        min-height:100%;
    }

    .pet-image-border{
        max-width: 100%;
    }
}
.no-product{
    color: #6D1910;
    width: 100%;
    display: block;
}

.guest-book-image .book-container { height: 100%; align-items: center; }
.guest-book-image .book-left,
.guest-book-image .book-right {
    position: relative;
    width: 50%;
}

.guest-book-image .book-left-header {
    padding: 10% 5% 0 15%;
}

.guest-book-image .book-left .goldfish-chat-scroll {
    margin: 0;
    padding: 0 7% 0 16%;
}

.guest-book-image .book-right .goldfish-comment-add { margin: 0; padding: 15% 17% 0 10%; width: 100%;}
.guest-book-image .book-right .goldfish-chat-item-inner { margin: 0;}
.guest-book-image .book-right .goldfish-chat-form-field { margin: 0; background-color: rgba(255, 255, 255, 0.3); border-radius: 10px; min-height: 236px;}
.guest-book-image .book-right .goldfish-chat-form-field .fileuploadnewdiv { margin: 0 !important; padding: 13px 15px !important; top: 0 !important; }
.guest-book-image .book-right .goldfish-chat-form-field .fileuploadnewdiv > label { display: flex; align-items: center; gap: 4px; margin: 0; }
.guest-book-image .book-right .goldfish-chat-form-field .fileuploadnewdiv > label > p { margin: 0; }
.guest-book-image .book-right .goldfish-chat-form-field .uploadnewarea { font-size: 14px; height: calc(100% - 86px); background-color: transparent; padding: 10px !important; }

.guest-info { position: relative; }
.guest-info input.form-control {
    background-color: rgba(255,255,255,0.3);
    height:45px;
    border: 0 none;
    color: #6d1910;
    border-radius: 10px;
    width: 45%;
    margin-right:5%;
}

.guest-book-image .book-right:has(.guest-info) .goldfish-chat-form-field {
    min-height: 136px;
}

.default-btn.next-step > .adventure-icon {
    width: 74px;
    height: 74px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -34px);
}

.normal-italic-font {
    font-family: Corbel;
    font-style: italic !important;
    font-weight: 600;
}

.thin-scroll-bar::-webkit-scrollbar {
    width: 0.25em;
}

.event-name-link {
    color: #C695FF;
    text-decoration: underline;
}