/* ==================== Providers start ==================== */
.inner-banner-main{position: relative;}
.inner-banner::after{content: '';display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; background: rgba(51, 51, 51, 0.25); z-index: 0;}
.inner-banner img{width: 100%;display: block; object-fit: cover; height: 335px; opacity: 0.75;}  
.inner-banner-main .banner-content{padding: 0 30px;}
.inner-banner-main .banner-content h2{text-align: center; padding-bottom: 75px;}
.provider-wrapper { max-width: 994px; width: 100%; margin: 99px auto; }
.provider-img { position: relative; max-width: 224px; width: 100%; margin: 0; padding-bottom: 98%; }
.provider-img img { position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; object-fit: cover; border-radius: 14px; }
.provider-content h2 { font-family: 'Bodoni Moda', serif; font-size: 18px; font-weight: 500; padding: 22px 0 12px; }
.provider-content a { color: #7B4482; font-size: 16px; font-weight: 500; text-decoration: underline !important; }
.provider-box { padding-bottom: 45px; }
/* ==================== Providers end ==================== */
/* ==================== modal strt ==================== */
.modal { position: fixed; top: 0; left: 0; z-index: 999999 !important; display: none; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; outline: 0; }
.modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; }
.modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -50px); }
@media (prefers-reduced-motion: reduce) {
.modal.fade .modal-dialog { transition: none; }
}
.modal.show .modal-dialog { transform: none; }
.modal.modal-static .modal-dialog { transform: scale(1.02); }
.modal-dialog-scrollable { height: calc(100% - 1rem); }
.modal-dialog-scrollable .modal-content { max-height: 100%; overflow: hidden; }
.modal-dialog-scrollable .modal-body { overflow-y: auto; }
.modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem); }
.modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 0; border-radius: 20px; outline: 0; }
.modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; background-color: rgba(11,29,64,0.2); backdrop-filter: blur(5px); }
.modal-backdrop.fade { opacity: 0; }
.modal-backdrop.show { opacity: 1; }
.modal-header { display: flex; flex-shrink: 0; align-items: center; justify-content: space-between; border: 0; padding: 0; border-top-left-radius: calc(0.75rem - 1px); border-top-right-radius: calc(0.75rem - 1px); }
.modal-header .btn-close { padding: 0.5rem 0.5rem; margin: -0.5rem -0.5rem -0.5rem auto; position: absolute; right: 24px; top: 39px; background: transparent; border: 0; cursor: pointer; z-index: 1 }
.modal-title { margin-bottom: 0; line-height: 1.5; }
.modal-body { position: relative; flex: 1 1 auto; padding: 1rem; }
.provider-modal-gird { padding: 12px; }
.provider-modal-left { max-width: 244px; width: 100%; margin: 0; }
.provider-modal-img {width: 100%; position: relative; padding-bottom: 100%; margin-bottom: 10px; }
.provider-modal-left img { width: 100%; height: 100%; object-fit: cover; border-radius: 11px; position: absolute; left: 0; top: 0;  }
.provider-modal-left h3 { font-family: 'Bodoni Moda', serif; font-weight: 500; padding-bottom: 20px; }
.provider-modal-left ul li { font-size: 14px; line-height: 18px; color: #454545; border-bottom: 1px dashed rgba(49,49,49,0.25); padding-bottom: 10px; margin-bottom: 10px; }
.provider-modal-left ul li:last-child { border-bottom: 0; }
.provider-modal-left ul li span { width: 136px; display: inline-block; float: right; }
.provider-modal-left ul li span small { padding: 0 9px; }
.provider-modal-right h2 { font-family: 'Bodoni Moda', serif; font-size: 24px; padding: 3px 0 0; }
.provider-modal-right h2 span, .provider-modal-right h2 a { padding-left: 11px; }
.provider-modal-right h2 span img, .provider-modal-right h2 a img { width: 22.85px; height: auto; vertical-align: -2px; }
.provider-modal-right h3 { font-size: 14px; font-weight: 400; padding: 2px 0 14px; }
.provider-modal-right .btn-purle { background: #DED1E0; color: #333333; margin-bottom: 5px; }
.provider-modal-right h4 { font-family: 'Bodoni Moda', serif; font-size: 18px; font-weight: 500; padding-bottom: 0px; }
.provider-modal-right ul { -moz-column-count: 4; -moz-column-gap: 7px; -webkit-column-count: 4; -webkit-column-gap: 7px; column-count: 4; column-gap: 7px; padding: 17px 0 0; }
.portfolio-img { position: relative; padding-bottom: 100%; }
.portfolio-img img { position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; object-fit: cover; border-radius: 11px; }
 @media (min-width: 576px) {
.modal-dialog { max-width: 869px; margin: 1.75rem auto; }
.modal-dialog-scrollable { height: calc(100% - 3.5rem); }
.modal-dialog-centered { min-height: calc(100% - 3.5rem); }
.modal-sm { max-width: 300px; }
}
@media (min-width: 992px) {
.modal-lg, .modal-xl { max-width: 800px; }
}
@media (min-width: 1200px) {
.modal-xl { max-width: 1140px; }
} 
@media(max-width:767px){
    .provider-modal-left{margin: 30px 0 0;}
    .provider-modal-gird .row{    flex-direction: column-reverse;}
    .provider-wrapper{margin: 35px auto;}
    .provider-img{padding-bottom: 0;}
    .provider-img img{height: 200px; position: static;}
    .provider-content h2{padding: 15px 0 0px;}
}
/* ==================== modal end ==================== */

/***** react ******/
.provider-content button { padding: 0; border: 0; box-shadow: none; background: none; color: #7B4482; font-size: 16px; font-weight: 500; text-decoration: underline !important; cursor: pointer;}
.providerModal { display: none; }
.providerModal.show { display: block; }
.modal-open {overflow: hidden;}
.provider-modal-right .description-data *, .provider-modal-right .description-data span {font-size: 16px !important; line-height: 24px !important; color: #333333 !important; font-family: 'DM Sans', sans-serif !important; padding: 0 !important; letter-spacing: 1 !important;}
.provider-modal-left ul li span {width: 155px; text-align: right; }