.elementor-9 .elementor-element.elementor-element-d38c6a1{margin-top:0px;margin-bottom:0px;}.elementor-bc-flex-widget .elementor-9 .elementor-element.elementor-element-d7273db.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-9 .elementor-element.elementor-element-d7273db.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-9 .elementor-element.elementor-element-c08210c .elementor-heading-title{font-size:18px;}.elementor-9 .elementor-element.elementor-element-c08210c > .elementor-widget-container{margin:0px 0px 0px 35px;}.elementor-bc-flex-widget .elementor-9 .elementor-element.elementor-element-abf568e.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-9 .elementor-element.elementor-element-abf568e.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-9 .elementor-element.elementor-element-abf568e:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-9 .elementor-element.elementor-element-abf568e > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-abf568e > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-9 .elementor-element.elementor-element-abf568e > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-9 .elementor-element.elementor-element-1d7e6f0 > .elementor-widget-container{padding:6px 010px 3px 10px;background-color:#1B007D;}.elementor-9 .elementor-element.elementor-element-1d7e6f0{width:auto;max-width:auto;}.elementor-9 .elementor-element.elementor-element-b193633{margin-top:0px;margin-bottom:30px;}.elementor-bc-flex-widget .elementor-9 .elementor-element.elementor-element-fd6126e.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-9 .elementor-element.elementor-element-fd6126e.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-9 .elementor-element.elementor-element-a2983dd .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:15px;font-weight:300;}.elementor-9 .elementor-element.elementor-element-a2983dd > .elementor-widget-container{margin:0px 0px 0px 35px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-9 .elementor-element.elementor-element-1d7e6f0{width:var( --container-widget-width, 29.453px );max-width:29.453px;--container-widget-width:29.453px;--container-widget-flex-grow:0;}}@media(min-width:768px){.elementor-9 .elementor-element.elementor-element-d7273db{width:16.101%;}.elementor-9 .elementor-element.elementor-element-abf568e{width:50.232%;}}@media(max-width:1024px) and (min-width:768px){.elementor-9 .elementor-element.elementor-element-d7273db{width:29%;}.elementor-9 .elementor-element.elementor-element-abf568e{width:6%;}.elementor-9 .elementor-element.elementor-element-aa059ee{width:65%;}}@media(max-width:767px){.elementor-9 .elementor-element.elementor-element-c08210c{text-align:left;}.elementor-9 .elementor-element.elementor-element-c08210c > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-9 .elementor-element.elementor-element-a2983dd > .elementor-widget-container{margin:0px 0px 0px 0px;}}/* Start custom CSS for shortcode, class: .elementor-element-431cd0a */.membership-card {
    background-color: #1a1f71; /* Visa card blue 
    border: none; /* Removing the border */
    padding: 10px; /* Reduced padding */
    margin: 15px 0; /* Keeping the margin */
    border-radius: 8px; /* Standard credit card border-radius */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Subtle shadow */
    width: 85.6mm; /* Visa card width */
    height: 43.98mm; /* Visa card height */
    text-align: left; /* Align text to left, typical for cards */
    font-family: 'Poppins', sans-serif; 
    color: #ffffff; /* White text color for better contrast */
    font-size: 15px; /* Reduced text size for fitting into a card */
    background-image: none; /* Removing the background image */
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    text-align: left; /* Right aligns the text */
    font-weight: bold;
    background-image: url('https://asomh.six.my/wp-content/uploads/2023/05/logo-asomh-1.png'); /* Using your logo's URL */
    background-repeat: no-repeat; /* To prevent the logo from repeating */
    background-position: 10px 10px; /* Adjusts the position of the logo from the top left corner */
    background-size: 59px; /* Adjust the size according to your needs */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth transition for transform and box-shadow */
}

.membership-card:hover {
    transform: translateY(-5px) rotate(-3deg);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Increases shadow size for a lifted effect */
}

@media screen and (max-width: 767px) {
    .membership-card {
        height: 30mm;
        width: 48mm;
        font-size: 11px;
        margin-left: auto;
        margin-right: auto;
        background-size: 42px; /* Adjust the size according to your needs */
        padding: 7px; /* Reduced padding */
        line-height: 1.5; /* Adjust line height for closer text lines */
    }
}

@media screen and (max-width: 1024px) {
    .membership-card {
        height: 32mm;
        width: 56mm;
        font-size: 11px;
        margin-left: auto;
        margin-right: auto;
        background-size: 44px; /* Adjust the size according to your needs */
        padding: 7px; /* Reduced padding */
        line-height: 1.5; /* Adjust line height for closer text lines */
    }
}/* End custom CSS */