/* :: Shadow Box ::*/
.shadow-box {
    box-shadow: rgba(50, 50, 93, 0.068) 0px 13px 27px -5px,
        rgba(0, 0, 0, 0.103) 0px 8px 16px -8px;
}

/* :: Shadow Text ::*/
.shadow-text {
    text-shadow: 2px 4px 3px rgba(0, 0, 0, 0.3);
}

/* :: Custom CSS ::*/
.custom-shape-divider-top-1711466527 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.custom-shape-divider-top-1711466527 svg {
    position: relative;
    display: block;
    width: calc(142% + 1.3px);
    height: 76px;
}

.custom-shape-divider-top-1711466527 .shape-fill {
    fill: #556dc4;
}

.custom-shape-divider-bottom-1708657358 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.custom-shape-divider-bottom-1708657358 svg {
    position: relative;
    display: block;
    width: calc(141% + 1.3px);
    height: 40px;
}

.custom-shape-divider-bottom-1708657358 .shape-fill {
    fill: #6379c8;
}

.whatsapp-icon {
    width: 50px; /* Adjust the size as needed */
    height: 50px; /* Adjust the size as needed */
    position: fixed;
    bottom: 100px;
    right: 30px;
    z-index: 1000; /* Ensure it appears on top of other elements */
}

/* Optional: Add hover effects */
.whatsapp-icon:hover {
    opacity: 0.7;
    transform: scale(1.1);
    transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
}

.boooking-icon {
    width: 50px; /* Adjust the size as needed */
    height: 50px; /* Adjust the size as needed */
    position: fixed;
    bottom: 160px;
    right: 30px;
    z-index: 1000; /* Ensure it appears on top of other elements */
}

/* Optional: Add hover effects */
.boooking-icon:hover {
    opacity: 0.7;
    transform: scale(1.1);
    transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
}