Demo Website

.text128-card figure{margin:0} .text128-card img{transition:all linear .25s} .text128-card{background-color:#fff;box-shadow:0 0 25px rgba(0,0,0,.1);background-position:center;overflow:hidden;position:relative; transition:all linear .25s; width: 100%; border-radius: 10px; height:320px; min-width:200px; } .text128-card h4{ z-index: 2; position:absolute;font-size:25px;font-weight:700;color:#fff;transition:all linear .25s;text-shadow:0 0 20px rgba(0,0,0,.5)} .text128-card h4 strong { font-weight:600; } [data-ppt-blockid="text128"] .show-mobile a { color:#000; } [data-ppt-blockid="text128"].bg-primary .show-mobile a { color:#fff; } .text128-card.style3 h4{left:0;bottom:20px;text-align:center;width:100%;font-size:30px;color:#fff; line-height:40px; } .text128-card.style3 h4 span{font-size:13px;display:block}.text128-card.style3:hover img{filter:grayscale(100%)} .text128-card.style3:hover h4{bottom:30px} .mobile-icon-text { font-size:14px !important; } @media (max-width: 575.98px) { .text128-card{ height:250px; } .text128-card.style3 h4 { font-size: 20px !important; } } .card-category52{position:relative;text-align:center;margin-bottom:30px;cursor:pointer;z-index:1;width:100%;height:230px; border-radius: 8px; overflow: hidden; } .card-category52:hover h5{bottom:42px;} .card-category52:hover p{visibility:visible;bottom:15px;opacity:1;} .card-category52 h5{position:absolute;bottom:30px;left:50%;z-index:1;width:100%;font-weight:500;text-align:center;text-transform:capitalize;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:all linear .3s;-webkit-transition:all linear .3s;-moz-transition:all linear .3s;-ms-transition:all linear .3s;-o-transition:all linear .3s;} .card-category52 h5 a{color:#fff;} .mobile-icon-text { font-size:14px !important; } .mobile-icon-text { font-size:14px !important; } .mobile-icon-text { font-size:14px !important; } .bg-primary, .bg-primary:hover,.bg-primary:focus, a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover, .badge-primary { background:#003b95 !important; } .btn-primary, .btn-primary:hover { color: #fff; background-color: #003b95 !important; border-color: #003b95 !important; } .text-primary, .filters_col .distance span { color: #003b95 !important; } .btn-outline-primary { color: #003b95 !important; border-color: #003b95 !important; } .btn-outline-primary:hover { background:none !important; } .text-primary a { color: #003b95 !important; } [ppt-nav].active-underline > ul > li.active > a { border-bottom: 2px solid #003b95!important; } .bg-secondary, .bg-secondary:hover, .bg-secondary:focus, a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover, .irs-bar { background-color:#f6b91e !important; } .btn-secondary, .btn-secondary:hover, .btn-secondary:focus { color: #fff; background-color: #f6b91e !important; border-color: #f6b91e !important; } .text-secondary { color: #f6b91e !important; } .text-secondary a { color: #f6b91e !important; } .btn-outline-secondary { color: #f6b91e !important; border-color: #f6b91e !important; } .btn-outline-secondary:hover { background:none !important; } .custom-control-input:checked~.custom-control-label::before, .filter_sortby a.active { color: #fff; border-color: #f6b91e !important; background-color: #f6b91e !important; }