.card:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease-in-out;
}
.card-body-custom{
    padding:0px !important;
}
.modal-body-custom{
    padding: 0px !important;
}
.modal-body-column{
    padding: 0px !important;
}
.modal-content-custom{
    background-color: transparent !important;
    border-width: 0px !important;
}
.modal-close-button{
    position: absolute;
    right: -0px;
    top: 25px;
    height: 40px;
    width: 40px;
    background: #000000;
    color: #ffffff;
    opacity: 1;
    text-shadow: none;
    border-radius: 50%;
    z-index: 100 !important;
    padding: 5px !important;
    border-style: solid;
    border-color: white;
    z-index: 1000 !important;
}
.modal-backdrop {
    display: none !important;
}
.xs-message {
    width: 100%;
    font-weight: 400;
    padding: 10px;
    margin: auto;
    text-align: center;
    text-align: justify !important;
    padding: 0px 0px 0px 20% !important;
    font-family: 'FontAwesome' !important;
}
.insta-height{
    height:620px !important;
}
.responsive-embed {
    position: relative !important;
    width: 100% !important;
    height: 600px !important;
}

.responsive-embed iframe {
    width: 100%;
    height: 100%;
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    .instagram-container {
        max-width: 100% !important; /* Ensure it fits inside the column */
        overflow: hidden !important;
        height: 800px !important;
    }
    .insta-height{
        height:520px !important;
    }
    .responsive-embed {
        position: relative !important;
        width: 100% !important;
        height: 520px !important;
    }
    .popup-img-config{
        max-height:70% !important;
        max-width:90% !important;
        margin-left:2% !important;
    }
    .popup-content-config{
        margin-left:5% !important;
    }
    .xsalert-center {
        max-width: 95% !important;
        height: fit-content;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: flex;
        justify-content: center;
        padding: 1rem;
        background: var(--white);
        transition: all 0.4sease-in;
        margin: auto;
        color: var(--black);
        border-radius: 12px;
        align-content: space-around;
        flex-wrap: wrap;
        align-items: stretch;
        z-index: 1000 !important;
    }
    .xs-message {
        width: 100%;
        font-weight: 400;
        padding: 10px;
        margin: auto;
        text-align: center;
        text-align: justify !important;
        padding: 0px 0px 0px 5% !important;
        font-size:15px !important;
        font-family: 'FontAwesome' !important;
    }
    .xs-title {
        width: 100%;
        font-weight: 600;
        padding: 10px;
        text-align: center;
        font-size: 28px !important;
    }
    #DivPleaseWait{
        font-size:15px !important;
    }
}
@media (min-width: 576px) { /*Small (sm)*/
    .popup-img-config{
        max-height:70% !important;
        max-width:90% !important;
        margin-left:2% !important;
    }
    .xsalert-center {
        max-width: 95% !important;
        height: fit-content;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: flex;
        justify-content: center;
        padding: 1rem;
        background: var(--white);
        transition: all 0.4sease-in;
        margin: auto;
        color: var(--black);
        border-radius: 12px;
        align-content: space-around;
        flex-wrap: wrap;
        align-items: stretch;
        z-index: 1000 !important;
    }
}
@media (min-width: 768px) { /*Medium (md)*/
    .instagram-container {
        max-width: 100% !important; /* Ensure it fits inside the column */
        overflow: hidden !important;
        height: 700px !important;
    }
    .popup-img-config{
        max-height:50% !important;
        max-width:46% !important;
        margin-left:27% !important;
    }
    .xsalert-center {
        max-width: 95% !important;
        height: fit-content;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: flex;
        justify-content: center;
        padding: 1rem;
        background: var(--white);
        transition: all 0.4sease-in;
        margin: auto;
        color: var(--black);
        border-radius: 12px;
        align-content: space-around;
        flex-wrap: wrap;
        align-items: stretch;
        z-index: 1000 !important;
    }
}
@media (min-width: 992px) {  /*Large (lg)*/
    .xsalert-center {
        max-width: 45% !important;
        height: fit-content;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: flex;
        justify-content: center;
        padding: 1rem;
        background: var(--white);
        transition: all 0.4sease-in;
        margin: auto;
        color: var(--black);
        border-radius: 12px;
        align-content: space-around;
        flex-wrap: wrap;
        align-items: stretch;
        z-index: 1000 !important;
    }
}
@media (min-width: 1200px) {  /*Extra Large (xl)*/
    .xsalert-center {
        max-width: 45% !important;
        height: fit-content;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: flex;
        justify-content: center;
        padding: 1rem;
        background: var(--white);
        transition: all 0.4sease-in;
        margin: auto;
        color: var(--black);
        border-radius: 12px;
        align-content: space-around;
        flex-wrap: wrap;
        align-items: stretch;
        z-index: 1000 !important;
    }
}
@media (min-width: 1400px) {  /*XX-Large (xxl)*/
    .xsalert-center {
        max-width: 45% !important;
        height: fit-content;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: flex;
        justify-content: center;
        padding: 1rem;
        background: var(--white);
        transition: all 0.4sease-in;
        margin: auto;
        color: var(--black);
        border-radius: 12px;
        align-content: space-around;
        flex-wrap: wrap;
        align-items: stretch;
        z-index: 1000 !important;
    }
}
#SpnMobileNo{
    position: absolute;
    margin-left: 10px;
    height: 40px;
    display: flex;
    align-items: center;
    font-size: 15px !important;
    margin-top: 2px !important;
}
#TxtMobileNo{
    padding-left: 50px;
    height: 22px;
    text-align: center;
    font-size: 20px;
    font-family: 'FontAwesome';
    box-shadow: 0 0 10px cadetblue;
}
#iPhoneNumber {
    display: inline-block;
    border-radius: 60px;
    box-shadow: 0 0 10px #e52ca4;
    color:#e52ca4;
    padding: 0.5em 0.6em;

}
.custom-search {
    position: relative;
    padding: 7px 7px 2px 7px;
    text-align:center !important;
    /*width: 300px;*/
}
.custom-search-input {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 100px;
    padding: 10px 100px 10px 20px;
    line-height: 1;
    box-sizing: border-box;
    outline: none;
}
.custom-search-botton {
    position: absolute;
    right: 1px;
    top: 2px;
    bottom: -2px;
    border: 0;
    background: #d1095e;
    color: #fff;
    outline: none;
    margin: 0;
    padding: 0 10px;
    border-radius: 100px;
    z-index: 2;
    cursor: pointer;
    font-family: 'FontAwesome';
}
.styled-span {
    background: #d1095e;
    color: #fff;
    outline: none;
    margin: 0;
    padding: 0 10px;
    border-radius: 100px !important;
    box-shadow: 0 0 10px #e52ca4;
    /*padding: 0.5em 0.6em;*/
    font-size: 18px;
    font-family: 'FontAwesome';
    margin-bottom: -5px !important;
}
.youtube-custom{
    padding: 10px !important;
    box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px !important;
}
.xs-title {
    width: 100% !important;
    font-weight: 600 !important;
    padding: 10px !important;
    text-align: center !important;
    font-size: 20px !important;
    color: #BA292E !important;
    font-family: 'FontAwesome' !important;
    box-shadow: #BA292E 0px 3px 8px !important;
    margin-bottom: 10px !important;
    /*text-shadow: 2px 2px #ff0000 !important;*/
}
.xs-ok-btn {
    cursor: pointer !important;
    background: #BA292E !important;
    border: none !important;
    outline: none !important;
    font-size: inherit !important;
    font-family: inherit !important;
    color: var(--white) !important;
    padding: 10px 10px !important;
    border-radius: 8px !important;
    /* min-width: 100px; */
    transition: .3sease !important;
    margin-top: 20px !important;
    margin-right: 5px !important;
    font-size: smaller !important;
    font-family: 'FontAwesome' !important;
    min-width: auto  !important;
    width:auto  !important;
    box-shadow: dimgray 0px 3px 8px !important;
}
.instagram-container {
    max-width: 100% !important; /* Ensure it fits inside the column */
    overflow: hidden !important;
    height: 700px !important;
}