@font-face { font-family: ‘Tajawal-ExtraLight’; src: url(‘http://cobrashop.ps/wp-content/uploads/2019/06/Tajawal-ExtraLight.otf’) format(‘opentype’); src: url(‘http://cobrashop.ps/wp-content/uploads/2019/06/Tajawal-ExtraLight.ttf’) format(‘truetype’); } .admin-title { font-style:italic ; font-size:23px ; font-weight:600 ; color:black ; margin-left:15px; margin-top:20px; } .right-settings-icon { position: fixed; right: 0px; top: 0px; bottom: 0px; position: absolute; z-index: -1; } .left-settings-icon { position: fixed; left: 0px; bottom: 0px; max-width: 230px; } .card { box-shadow: 0 2px 7px 0 rgba(0, 99, 255, 0.2), 0 8px 15px 0 rgba(0, 99, 255, 0.10); height:450px; margin-top:10px; background:black; } img.item-icon { margin-left: auto; margin-right: auto; display: block; padding-top: 40px; } .item-icon { vertical-align: middle; max-width: 70px; margin-left: auto; margin-right: auto; display: block; margin-top: 10px; padding:5px; } .item-title { font-size: 17px margin-bottom: 0px; font-weight:bold ; display: block; font-family: Tajawal-ExtraLight; text-align:center ; color:white; padding:15px; direction: rtl; } .settings-icon{ max-width:100px; } .card:hover { background-color: #333333; transition: 0.3s; } .card-img-top { margin:10px; overflow:auto; } #wrapper { position: relative; background-image: url(“http://cobrashop.ps/wp-content/uploads/2019/07/backgroundcontacts.jpg”); } img.map-icon { width: 100%; height: 100%; /* margin: 10px auto; */ margin-left: auto; margin-right: auto; display: block; /* margin-top: 20px; */ padding: 10px; }