.header{ height: 150px; width: 100%; position: absolute; background: #259CB8; top: 0; } .header-toolbar{ --background: #259CB8 !important; } .bottom{ height: 88%; width: 100%; position: absolute; background: #F5F5F5; top: 20%; } ion-card-header{ background-color: #fff; padding: 10px 10px 1px 10px !important; } ion-card-header img{ height: 170px; } .related-offers-container ion-card-header img{ margin: 15px auto; border-radius: 6px; max-height: 80px; min-height: 50px; } .content-bottom{ padding: 0px 0px 10px; } .green{ color:green; font-weight: bold; } .content-bottom h1{ font-size: 14px; margin-top: -5px; font-weight: bold; } .details-button ion-button{ --background: #565656; } ion-card-title{ margin: 15px 0px 0px 5px; font-size: 22px; } ion-card-content{ padding-top:0px; } ion-card-content strong{ font-size: 14px; } ion-card-content p{ font-size: 11px; } .red{ color:rgb(172, 9, 9); margin-left: -5px; } .green{ color:#00AE4D; } .related-card{ margin:5px; } .related-card ion-card-title{ font-size: 14px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin: 5px; } .related-offers{ position: relative; margin-left: 20px; font-size: 18px; } .description{ height: 30px; overflow: hidden; font-size: 11px; } ion-card{ margin: 20px; } ion-card-content{ padding: 0 15px 0px 15px; } ion-card{ --background: #fff; --border-radius: 53px; border-radius: 10px; } .offers-title{ font-size: 14px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-top: 20px; font-weight: bold; font-size: 14px !important; } .red{ color: #de1717; font-weight: bold; margin-left: -5px; } .arrow-icon{ margin-top: 0px; font-size: 25px; color: #0298df; } .share-icon{ font-size: 25px; position: absolute; bottom: 6px; } .header-img{ height: 120px; width: 100%; background-position: center; background-size: contain; background-repeat: no-repeat; margin-top: 5px; } .related-offers-container{ margin: 10px; } .header-img-main{ height: 170px; width: 100%; background-position: center; background-size: contain; background-repeat: no-repeat; } .offer-valid{ margin: 2px 0px 5px -3px; font-size: 14px; font-weight: bold; }