.sd-flex-form {display: flex; align-items: center; gap:var(--margin-normal);}
.sd-flex-form .form-floating{flex-basis:0; flex-grow:1;}
.sd-flex-form .form-footer{flex-grow:0;}

.sd-abc-filter {display: flex; align-items: center; justify-content: center;}
.sd-abc-filter span{flex-grow:1; text-align:center; margin-bottom: 0.5rem; }
.sd-abc-filter a{display:block; padding:0.25rem 0.5rem; text-decoration: none; cursor: pointer;}
.sd-abc-filter a.disabled{color:var(--color-disabled); cursor: default; text-decoration: none; }

.sd-listing{display: flex; align-items: stretch; flex-wrap:wrap;}
.sd-listing .sd-item{ overflow: hidden;  display: flex; flex-direction: column;}
.sd-listing .sd-item .sd-content-block{flex: 1 0 auto;}
.sd-listing .sd-item .sd-item-title{transition:color 0.2s ease;}
.sd-listing .sd-item .sd-image-block{aspect-ratio:1.081/1; flex: 0 0 auto; overflow: hidden; transform: scaleZ(1);}
.sd-listing .sd-item .sd-image-block img{object-fit: cover; width:100%; height:100%; }

.sd-modal .modal-dialog{max-width: 50rem;}
.sd-modal .modal-content{padding:0;}

.sd-modal .sd-card{display: flex; align-items: stretch; justify-content: flex-start;}
.sd-modal .sd-card .sd-image-block{flex: 0 0 50%; overflow: hidden;}
.sd-modal .sd-card .sd-image-block img{object-fit: cover; width:100%; height:100%;}

.sd-modal .sd-card .sd-contatc-name{margin-bottom:0rem;}
.sd-modal .sd-card .sd-link-block{display:flex; flex-direction: column; align-items: flex-start;}

.sd-scrool-block{overflow-y: scroll; margin-bottom: 3rem; width:100%; flex-basis:0; flex-grow:1; min-height:10rem;}
.sd-scrool-block:last-child{margin-bottom: 0}
.sd-scrool-block .textbox{padding-right:1rem;}
.sd-contact-body{flex-grow:1; flex-basis:55%; display:flex; flex-direction:column;}

@media (max-width: 767.98px) {
	.sd-flex-form{flex-direction: column; align-items: stretch;}
	.sd-abc-filter{flex-wrap:wrap; justify-content: flex-start;}
	.sd-abc-filter span{flex-grow:0; width:2rem;}
	.sd-abc-filter a{padding:0.25rem 0.75rem;}
	
	.sd-modal .modal-content{padding:1.5rem;}
	.sd-modal .sd-card{display: block;}
	
	.sd-modal .sd-card .sd-image-block{border-radius:var(--radius-normal); margin-bottom:var(--margin-normal);}
	.sd-scrool-block{min-height: inherit; overflow: visible;}
	.sd-modal .close{top:0.25rem; right:0.25rem;}
	.sd-modal .modal-dialog{max-width: none; margin:var(--bs-modal-margin);}
}

@media (max-width: 575.98px) {
	.sd-abc-filter{justify-content: center;}
}

@media (max-width: 360px) {
	.sd-listing .sd-item{width:100%;}
}