.modal{
    z-index: 9999 !important;
}
.modal .div-border{
    height: 1px;
    width: 100%;
    background: rgba(0, 0, 0, 0.3);
}
.modal .modal-content{
    max-height: 750px;
    border-radius: 24px;
    overflow-y:auto;
}
.modal .modal-dialog{max-width: max-content;}
#SuccessModal .modal-body{
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding: 48px;
}
#SuccessModal .modal-body h1{margin-bottom: 0px;}
    #SuccessModal .modal-body h1 span {
        color: var(--mainColor);
    }
#SuccessModal .modal-body img{
    margin: auto;
}
#SuccessModal .modal-body p{
    margin-bottom: 0px;
}
/* Gallary Modal */
#gallaryModal .modal-dialog{
    max-width: 900px;
}
#gallaryModal .modal-content{
padding: 24px;
}
#gallaryModal .fx-gallaryHead{
    padding-bottom: 32px;
    margin-bottom: 32px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
#gallaryModal .fx-gallaryHead span{
    font-family: 'Poppins Medium';
    font-size: 28px;
    font-weight: 500;
    color: rgba(0, 0, 0, 1);
}
#gallaryModal .fx-gallaryHead img{
    cursor: pointer;
    transition: 0.3s;
}
#gallaryModal .fx-gallaryHead img:hover{transform: scale(0.9);}
#gallaryModal  h6{
    font-family: 'Poppins Medium';
    font-size: 32px;
    font-weight: 500;
    color: rgba(0, 0, 0, 1);
}
#gallaryModal .slider-gallaryModel{
    margin-bottom: 32px;
    position: relative;
}
#gallaryModal .slider-gallaryModel .slider-gallary img{
    object-fit: cover;
    height: 462.49px;
      box-shadow: 0px 12px 74px 0px rgba(0, 0, 0, 0.05);
      border-radius: 8.26px;
      width: 100%;
}
#gallaryModal .slider-gallaryModel .gallaryModel-arrow{
    position: absolute;
    bottom: auto !important;
    top: 350px !important;
    z-index: 10;
}
#gallaryModal .slider-gallaryModel .gallaryModel-arrow img{
    cursor: pointer;
    transition: 0.3s;
    width: 79.41px;
}
#gallaryModal .slider-gallaryModel .gallaryModel-arrow img:hover{transform: scale(0.9);}
#gallaryModal .slider-gallaryModel .gallaryModel-left{
    left: 48px;
}
#gallaryModal .slider-gallaryModel .gallaryModel-right{
    right: 48px;
}
@media (max-width:1000px) {
    #gallaryModal .modal-content{padding: 0px;}
    #gallaryModal .slider-gallaryModel .slider-gallary img{height: 250px;}
    #gallaryModal .slider-gallaryModel .gallaryModel-arrow img{width: 50px;}
    #gallaryModal .fx-gallaryHead span{font-size: 20px;}
    #gallaryModal .fx-gallaryHead img{width: 30px;}
    #gallaryModal p{font-size: 16px;}
    #gallaryModal h6{font-size: 24px;}
    #gallaryModal .slider-gallaryModel{margin-bottom: 24px;}
    #gallaryModal .fx-gallaryHead{
        margin-bottom: 24px;
        padding-bottom: 24px;
    }    
}


@media (min-width: 1700px) {
    #gallaryModal .slider-gallaryModel .gallaryModel-arrow {
        bottom: auto !important;
        top: 350px !important;
    }
}


@media (max-width: 1500px) {
    #gallaryModal .slider-gallaryModel .gallaryModel-arrow {
        bottom: auto !important;
        top: 350px !important;
    }
}

@media (max-width: 1100px) {
    #gallaryModal .slider-gallaryModel .gallaryModel-arrow {
        bottom: auto !important;
        top: 180px !important;
    }
}
