@import url(https://cdn.fonts.net/t/1.css?apiType=css&projectid=5e2b0300-0197-11ed-a01a-02d848b7f97a);@font-face{font-family:"ITCFranklinGothicLTHeavyItalic";font-style:italic;font-stretch:normal;font-display:swap;src:url("../../../../../etc/designs/caltex/b2b/clientlibs-base/css/font/ITCFranklinGothicLT/ITCFranklinGothicLTHeavyItalic_italic_normal.woff2") format("woff2"),url("../../../../../etc/designs/caltex/b2b/clientlibs-base/css/font/ITCFranklinGothicLT/ITCFranklinGothicLTHeavyItalic_italic_normal.woff") format("woff")}
@font-face{font-family:"ITCFranklinGothicStd-Book";font-style:normal;font-stretch:normal;font-display:swap;src:url("../../../../../etc/designs/caltex/b2b/clientlibs-base/css/font/ITCFranklinGothicLT/ITCFranklinGothicLTBook_normal_normal.woff2") format("woff2"),url("../../../../../etc/designs/caltex/b2b/clientlibs-base/css/font/ITCFranklinGothicLT/ITCFranklinGothicLTBook_normal_normal.woff") format("woff")}
@font-face{font-family:"ITCFranklinGothicStd-Med";font-style:normal;font-stretch:normal;font-display:swap;src:url("../../../../../etc/designs/caltex/b2b/clientlibs-base/css/font/ITCFranklinGothicLT/ITCFranklinGothicLTMedium_normal_normal.woff2") format("woff2"),url("../../../../../etc/designs/caltex/b2b/clientlibs-base/css/font/ITCFranklinGothicLT/ITCFranklinGothicLTMedium_normal_normal.woff") format("woff")}
@font-face{font-family:"ITCFranklinGothicStd-Demi";font-style:normal;font-stretch:normal;font-display:swap;src:url("../../../../../etc/designs/caltex/b2b/clientlibs-base/css/font/ITCFranklinGothicLT/ITCFranklinGothicLTDemi_normal_normal.woff2") format("woff2"),url("../../../../../etc/designs/caltex/b2b/clientlibs-base/css/font/ITCFranklinGothicLT/ITCFranklinGothicLTDemi_normal_normal.woff") format("woff")}
@font-face{font-family:"ITCFranklinGothicStd-DmCd";font-style:normal;font-stretch:condensed;font-display:swap;src:url("../../../../../etc/designs/caltex/b2b/clientlibs-base/css/font/ITCFranklinGothicLT/ITCFranklinGothicLTDemiCondensed_normal_condensed.woff2") format("woff2"),url("../../../../../etc/designs/caltex/b2b/clientlibs-base/css/font/ITCFranklinGothicLT/ITCFranklinGothicLTDemiCondensed_normal_condensed.woff") format("woff")}
.profile-view{margin:auto;font-family:"ITCFranklinGothicStd-DmCd";background-color:#fff;padding:25px 24px 22px;-webkit-box-shadow:0 0 20px 0 rgba(119,119,119,.15);box-shadow:0 0 20px 0 rgba(119,119,119,.15);width:261px}
.profile-view ul{list-style-type:none}
.profile-view__header{margin:0 0 20px 0;display:-webkit-box;display:-ms-flexbox;display:flex}
.profile-view__header-img{padding-right:10px}
.profile-view__header-details-name{font-size:18px;color:#000;font-weight:normal;font-family:"ITCFranklinGothicStd-Demi";margin-bottom:4px;line-height:normal}
.profile-view__header-details-info{font-size:12px;color:#4a4a4a;font-weight:normal;font-family:"ITCFranklinGothicStd-Book";line-height:normal}
.profile-view__userinfo{-o-object-fit:contain;object-fit:contain;padding:15px 10px 10px;background-repeat:no-repeat;background-size:cover;margin:0 0 2px 0;background-position:center;border-radius:5px;min-height:120px;text-shadow:0 2px 3px rgba(108,108,108,.4)}
.profile-view__userinfo-total-point-label{font-size:12px;color:#fff;font-weight:normal;font-family:"ITCFranklinGothicStd-Med";padding:0 0 5px 0}
.profile-view__userinfo-total-point-label-th{font-size:20px;color:#000;font-weight:normal;font-family:"ITCFranklinGothicStd-DmCd";padding:0 0 15px 0;line-height:24px;font-weight:500}
.profile-view__userinfo-points{font-size:24px;color:#fff;font-weight:normal;font-family:"ITCFranklinGothicStd-Med";padding:0 0 2px 0}
.profile-view__userinfo-points-th{font-size:20px;color:#e62f46;font-weight:normal;font-family:"ITCFranklinGothicStd-DmCd";padding:0 0 2px 0;line-height:20px;font-weight:500}
.profile-view__userinfo-count{font-size:10px;color:#fff;font-weight:normal;font-family:"ITCFranklinGothicStd-Med";padding:0 0 5px 0}
.profile-view__userinfo-count-th{font-size:15px;color:#000;font-weight:normal;font-family:"ITCFranklinGothicStd-DmCd";padding:0 0 5px 0;line-height:22px}
.profile-view__userinfo-expiry{font-size:11px;color:#fff;font-weight:normal;font-family:"ITCFranklinGothicStd-Med"}
.profile-view__userinfo-expiry-th{font-size:15px;color:#000;font-weight:normal;font-family:"ITCFranklinGothicStd-DmCd"}
.profile-view__userinfo-spent{font-size:11px;color:#fff;font-weight:normal;font-family:"ITCFranklinGothicStd-Book"}
.profile-view__userinfo-spent-th{font-size:11px;color:#000;font-weight:normal;font-family:"ITCFranklinGothicStd-DmCd"}
.profile-view__action-items a{text-decoration:none;cursor:pointer}
.profile-view__action-items-link-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:20px 0 5px 0}
.profile-view__action-items-link-item-icon{width:26px;height:26px}
.profile-view__action-items-link-item-label{cursor:pointer;font-size:15px;color:#000;font-weight:normal;font-family:"ITCFranklinGothicStd-Med";padding-left:10px}
.profile-view__action-items-link-item-label:hover{color:#19516c}
.profile-view__action-items-link-item:last-child{margin:0 0 20px 0}
.profile-view .cta-container{text-align:center}
.profile-view .cta-container .button{letter-spacing:.53px;text-align:center;font-size:15px;color:#fff;font-weight:normal;text-transform:uppercase;border-radius:0;padding:14px 34px 11px 35px;border:1px solid #e62f46}
.profile-view .cta-container .button.btn-signout{background:#e62f46;text-transform:uppercase;margin-top:20px}
@media(max-width:767px){.profile-view{background-color:unset;width:100%;-webkit-box-shadow:none;box-shadow:none;padding:30px 23px 50px}
.profile-view__header-img{width:60px;height:60px;margin:0 20px 0 0;padding-right:0}
.profile-view__header-details-name{font-size:21px;color:#000;font-weight:normal;margin-bottom:5px}
.profile-view__header-details-info{font-size:13px;color:#4a4a4a;font-weight:normal}
.profile-view__userinfo{padding:20px 15px 15px 16px;min-height:160px}
.profile-view__userinfo-total-point-label{font-size:13px;color:#fff;font-weight:normal;font-family:"ITCFranklinGothicStd-Med";padding:0 0 6px 0}
.profile-view__userinfo-points{font-size:31px;color:#fff;font-weight:normal;padding:0 0 10px 0}
.profile-view__userinfo-count{font-size:14px;color:#fff;font-weight:normal;padding:0 0 14px 0}
.profile-view__userinfo-expiry{font-size:13px;color:#fff;font-weight:normal}
.profile-view__action-items-link-item{padding:20px 2px 15px}
.profile-view__action-items-link-item:last-child{margin:0 0 30px 0}
.profile-view .cta-container{text-align:center}
.profile-view .cta-container .button.btn-signout{margin-top:30px}
}
.loyalty-page .circle-2{background:#e62f46;border-radius:100px;color:#fff;height:50px;width:50px;font-weight:normal;padding-top:17px;font-size:24px;line-height:15px;font-family:"ITCFranklinGothicStd-DmCd";margin-top:0;margin-bottom:0}
.dropdown-menu{padding:0}
@media screen and (max-width:1024px){.loyalty-page .dropdown-menu{width:100vw;margin-top:80px;max-width:inherit !important}
.header .white-header{padding:0 !important}
}
.ribbon-loyalty .ribbon-wrapper,.loyalty-page .ribbon-left-2{height:auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
@media screen and (max-width:600px){.loyalty-page .mobile-view #expend{width:92px}
}
.profile-popup-main.profile-opt-popup.modal{height:100%;overflow:auto}
.profile-popup-main.profile-opt-popup.modal::-webkit-scrollbar{display:none}
.navigation .mega-menu-wrap{top:auto;margin-top:50px}