.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 {font-size: 1rem; line-height: 1; display: flex; align-items: center; justify-content: center;}
.sd-abc-filter span+span{border-left:1px solid var(--color-light-grey);}
.sd-abc-filter span{flex-grow:1; text-align:center; margin-bottom: 0.5rem; }
.sd-abc-filter a{display:inline-block; padding:0.25rem 0.5rem; text-decoration: none; cursor: pointer;}
.sd-abc-filter a:hover, .sd-abc-filter a:focus {color:var(--color-hover);}
.sd-abc-filter a.disabled{color:var(--color-disabled); cursor: default; text-decoration: none; }
.sd-abc-filter .active a{color:var(--color-hover);}

.show-counter{font-size: 1rem; font-weight: 700; color:var(--color-dark-grey);}

.sd-listing{display: flex; align-items: stretch; flex-wrap:wrap; gap:var(--margin-normal);}
.sd-listing .sd-item{width:calc((100% - var(--margin-normal)*3)/4); overflow: hidden; border-radius:var(--radius-normal); background-color: #fff; outline:1px solid transparent; display: flex; flex-direction: column; transition: outline 0.4s ease, box-shadow 0.4s ease;}
.sd-listing .sd-item .sd-content-block{background-color: #fff; padding: 1.5rem; flex: 1 0 auto;}
.sd-listing .sd-item .sd-item-title{margin-bottom:var(--margin-small);}
.sd-listing .sd-item:hover{outline:1px solid var(--color-hover); box-shadow:0 1rem 2rem rgba(0,0,0,0.3);}
.sd-listing .sd-item .sd-image-block{flex: 0 0 auto; overflow: hidden; transform: scaleZ(1); border-radius:var(--radius-normal) var(--radius-normal) 0 0;}
.sd-listing .sd-item .sd-image-block img{width: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%; border-radius:var(--radius-normal) 0 0 var(--radius-normal); overflow: hidden;}
.sd-modal .sd-card .sd-image-block img{object-fit: cover; width:100%; height:100%;}

.sd-modal .sd-card .sd-contact-body{padding:2rem;}
.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; gap:var(--margin-small);}
.sd-modal .sd-card .sd-contact-link:hover{color: var(--color-hover);}
.sd-modal .sd-card .sd-contact-link .fas{margin-right: 1rem;}

.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: 15px;}
.sd-contact-body{flex-grow:1; flex-basis:55%; display:flex; flex-direction:column;}

/*.jspVerticalBar{right:0; width:5px;}
.jspTrack{background: var(--color-grey); width: 6px;}
.jspDrag{background: var(--color-dark-grey); width: 6px;}
.jspContainer:focus,
.jspPane:focus,
.sd-scrool-block:focus {
  outline: none;
}*/

@media (max-width: 1399.98px) {
}

@media (max-width: 1199.98px) {
	.sd-listing .sd-item .sd-content-block{padding:1rem;}
}

@media (max-width: 991.98px) {
	.sd-listing{gap:0.75rem;}
	.sd-listing .sd-item{width:calc((100% - 0.75rem*2)/3);}
		
}

@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-listing .sd-item{width:calc((100% - 0.75rem)/2);}
	
	.sd-modal .modal-content{padding:1.5rem;}
	.sd-modal .sd-card{display: block;}
	.sd-modal .sd-card .sd-contact-body{padding:0; 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%;}
}