@font-face {
    font-family: 'din400', sans-serif;
    src: url('DIN-Regular.eot');
    src: url('DIN-Regular.eot?#iefix') format('embedded-opentype'),
        url('DIN-Regular.woff2') format('woff2'),
        url('DIN-Regular.woff') format('woff'),
        url('DIN-Regular.ttf') format('truetype'),
        url('DIN-Regular.svg#DIN-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'din500', sans-serif;
    src: url('DIN-Medium.eot');
    src: url('DIN-Medium.eot?#iefix') format('embedded-opentype'),
        url('DIN-Medium.woff2') format('woff2'),
        url('DIN-Medium.woff') format('woff'),
        url('DIN-Medium.ttf') format('truetype'),
        url('DIN-Medium.svg#DIN-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'din300', sans-serif;
    src: url('DIN-Light.eot');
    src: url('DIN-Light.eot?#iefix') format('embedded-opentype'),
        url('DIN-Light.woff2') format('woff2'),
        url('DIN-Light.woff') format('woff'),
        url('DIN-Light.ttf') format('truetype'),
        url('DIN-Light.svg#DIN-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'din700', sans-serif;
    src: url('DIN-Bold.eot');
    src: url('DIN-Bold.eot?#iefix') format('embedded-opentype'),
        url('DIN-Bold.woff2') format('woff2'),
        url('DIN-Bold.woff') format('woff'),
        url('DIN-Bold.ttf') format('truetype'),
        url('DIN-Bold.svg#DIN-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}



/*Globle CSS*/
body {position: relative; padding: 0; margin: 0; font-family: 'din400', sans-serif; font-size: 16px; line-height: 22px; color: #333333; }
.intro-title .h1 {font-family: "din900", Helvetica, Arial, sans-serif; font-style: normal; font-size: 30px; line-height: 35px; letter-spacing: -0.25px; color: #222222; text-align: center; text-transform: uppercase; }
.shelf-container {margin: 0 auto; max-width: 1200px; }
.shelf-row {display: flex; flex-wrap: wrap; }

.mm-page {
    font-family: "din400", Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 28px;
    color: #222222;
}
.mm-page p {
    margin-bottom: 24px;
}
.mm-page p strong {
    font-weight: 500;
    color: #333333;
    font-size: 22px;
    text-align: left !important;
    font-family: din700, "din700 Regular", Helvetica, Arial, sans-serif;
    /*padding-top: 48px;*/
    display: inline-block;
}

/*Page titile css*/
.donation-video-cont .h1 {color: #ffffff; font-family: "din500", Helvetica, Arial, sans-serif; font-style: normal; font-size: 36px; line-height: 36px; letter-spacing: -0.8px; margin-bottom: 8px;}
.intro-title {padding: 39px 15px; text-align: center; }

/*donation video sec*/
.donation-video-sec .shelf-row {border-radius: 8px; overflow: hidden; flex-wrap: initial; }
.donation-video {width: calc(100% - 328px); background-color: #000; display: flex; align-items: center; color: #fff;}
.donation-video img {height: 100%; object-fit: cover; object-position: left; }
.donation-video-cont {flex: 1 1 auto; background-color: #cc0000; padding: 18px 22px 18px 22px; width: 328px; text-align: left;  box-sizing: border-box;}
.donation-video-cont .required {position: relative; font-weight: 500; font-family: "din500", Helvetica, Arial, sans-serif; font-style: normal; font-size: 18px; line-height: 20px; letter-spacing: -0.25px; color: rgba(255,255,255,.6); }
.donation-video-cont .required::before {display: inline; content: 'Donated '; opacity: 1 !important; }
.donation-video-cont .required strong {font-weight: 500; }
.progressbar {margin: 6px 0; margin: 6px 0; height: 8px; background: #880000; border-radius: 6px; position: relative; overflow: hidden; display: block; }
.progres-indicator {position: absolute; left: 0; top: 0; bottom: 0; color: #ffffff; background: #fff; width: 50%; }

.frequency-tab {display: flex; margin: 25px -3px 0; }
.frequency-label {position: relative; display: flex; align-items: center; justify-content: center; width: 50%; height: 35px; border-radius: 6px; margin: 0 3px; }
.frequency-label input[type=radio] {width: 100%; height: 100%; position: absolute; opacity: 0; cursor: pointer }
.frequency-text {display: flex; align-items: center; margin: 0; width: 100%; height: 100%; justify-content: center; color: #fff; text-transform: uppercase; font-family: "din500", Helvetica, Arial, sans-serif; font-size: 15px; letter-spacing: -0.25px; font-weight: 500; }
.frequency-text svg {fill: #cc0000; width: 16px; height: 16px; margin-right: 3px;}
.frequency-tab input[type="radio"]+label {border: 1px solid #fff; border-radius: 6px ; cursor: pointer; }
.frequency-tab input[type="radio"]:checked+label {background: #fff; color: #c00; }

.frequency-amount-options {display: flex; flex-wrap: wrap; margin: 22px -3px; }
.amount-option {width: 33.33%; padding: 3px; box-sizing: border-box; }
.amount-option-btn {background: transparent; border: 1px solid #ffffff !important; border-radius: 6px; height: 35px; width: 100%; outline: none !important; cursor: pointer; box-shadow: none !important; transition: all 0.2s; padding: 0; color: #fff; font-size: 15px; letter-spacing: -0.25px; font-family: "din500", Helvetica, Arial, sans-serif; }
.amount-option.active .amount-option-btn, .amount-option .amount-option-btn:hover {background-color: #fff; color: #cc0000; }
.frequency-tab input[type="radio"]:hover+label {background: white !important; color: #cc0000; }

.fa-price-control {position: relative; display: flex; align-items: center; border: 1px solid #fff; border-radius: 6px; height: 35px; }
.price-symbol {font-size: 16px; font-weight: bold; color: #fff !important; padding-left: 13px; line-height: 25px; margin: 0; }
.fa-price-input {font-size: 16px; font-weight: bold; height: 35px; color: #fff !important; border: none; background: transparent; padding: 0 7px; outline: none; width: 100%;}
.currency-select-label {display: inline-flex; align-items: center; font-size: 16px; font-weight: bold; color: #fff; margin-left: auto; padding-right: 10px; }
.currency-select-text {padding-right: 5px; }
.currency-select-icon path {fill: #fff; }
.currency-select-control {width: 60px; position: absolute; right: 0; opacity: 0; cursor: pointer; height: 35px; }

.ds_button_row_5 {margin: 5px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 100%; border-radius: 0px 0px 0px 0px; text-align: left; }
.ds_button_wrapper_025 {margin: 0px 6px 0px 0px; padding: 0px 0px 0px 0px; width: 25%; position: relative; float: left; }
.ds_button {margin: 0px 0px 0px 0px; padding: 7px 4px; background-color: #cc0000; display: inline-block; color: #ffffff; font-family: "din500", Helvetica, Arial, sans-serif; font-size: 15px; line-height: 18px; letter-spacing: -0.25px; text-align: center; text-decoration: none !important; width: 100%; border: 1px solid #ffffff; border-radius: 6px; box-sizing: border-box; min-height: 35px; text-transform: uppercase; }
.ds_button_row_5 .ds_button:hover, .ds_button_row_5 .ds_button:active {background-color: white; color: #cc0000; }
.ds_button_wrapper_025 {margin: 0px 6px 0px 0px; padding: 0px 0px 0px 0px; width: 25%; position: relative; float: left; }
.ds_button:hover {background-color: #ffffff; color: #cc0000; }

.tribute-fake-popover {display: flex; align-items: center; margin-top: 10px;}
.tribute-fake-popover input {width: 12px; height: 12px; border: none; cursor: pointer;  }
.tribute-fake-popover label {margin: 0; padding-left: 6px; cursor: pointer; color: #fff; font-family: "din500", Helvetica, Arial, sans-serif; font-style: normal; font-size: 13px; line-height: 19px; }
.personal-msg-form {display: none; }
.tribute-input-control {margin-top: 10px; }
.tribute-input {font-size: 12px; color: #222 !important; border: 1px solid #ffffff !important; line-height: 18px; padding: 8px 12px; width: 100%; outline: none !important; background: transparent; border-radius: 4px; box-sizing: border-box;}
.tribute-fake-popover-note {position: relative; padding: 12px 16px; background-color: #fff5d3; border: 1px solid #e2d4a4; box-shadow: 0 2px 4px rgb(0 0 0 / 20%); border-radius: 6px; font-size: 13px; line-height: 18px; color: #2f2f30; }
.tribute-fake-popover-note::before {content: ''; position: absolute; top: -6px; left: 22px; width: 12px; height: 12px; background-color: #fff5d3; transform: rotate(45deg); box-shadow: -1px -1px 0 0 #e2d4a4; }
.mm-donate-btn {background: #ffcc00; cursor: pointer; transition: background-color 0.3s; width: 100%; color: #222; border-radius: 6px; border: none; font-size: 16px;  font-family: 'din700', sans-serif; padding: 0 10px 3px; margin-top: 11px;  box-sizing: border-box; height: 36px; outline: none !important;}

.mm-donate-btn:hover {background-color: #d7ac00; color: #222222; border: 1px solid #d7ac00;}
.mm-shareBtn {display: block; border: 1px solid #fff; background-color: #fff; font-size: 16px; text-align: center; color: #222 !important; padding: 6px 10px; border-radius: 6px; margin-top: 11px; text-decoration: none !important; font-weight: bold; font-family: 'din700', sans-serif;transition: background-color 0.3s;}
.mm-shareBtn:hover {border-color: rgba(255, 255, 255, .6); }
.sidebar-img {display: block; width: 262px; margin: 20px auto 0; }


.mm-socials-sec .shelf-row {position: relative; min-height: 200px; margin-top: 24px; margin-bottom: 40px; border-radius: 8px; overflow: hidden; border: 1px solid rgba(14, 89, 145, 0.12); }
/*.mm-socials-sec .image {position: absolute; left: -12px; bottom: -192px; width: 822px; }*/
.mm-socials-sec .text {width: 309px; margin-left: auto; padding: 16px 15px 16px 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.mm-socials-sec .text .title {font-size: 24px; font-weight: bold; color: #ffffff; text-align: left; margin: 0 0 40px; font-family: 'din700', sans-serif; line-height: 30px; }
.mm-socials-sec .text ul {padding: 0; margin-bottom: 0; display: flex;}
.mm-socials-sec .text ul li {margin: 0 25px 10px 0; padding: 0; list-style: none; display: inline-block; vertical-align: top; }
.mm-socials-sec .text ul img {width: 40px; }


.mm-content-sec img {display: inline-block; width: 100%; margin-bottom: 48px; border-radius: 4px; margin-top: 24px;}
.mm-content-sec .shelf-row {justify-content: space-between; position: relative; padding-bottom: 50px; }
.mm-leftCol {width: 66.666%; padding-right: 22px; box-sizing: border-box; text-align: left;margin-top: -24px;}
.mm-rightCol {position: sticky; top: 10px; float: right; width: 33.334%; height: 100%; }
/*.participants .title span {color: #0E5991; }*/
.participants.shadowBox {padding: 18px 22px 18px 22px; background: rgba(0,126,223,.08); border-radius: 4px; border: 1px solid rgba(0,126,223,.6); margin-bottom: 22px; height: 100%; }
.participants .title {margin: 0px 0px 16px 0px; padding: 0px 0px 0px 0px; font-family: "din500", Helvetica, Arial, sans-serif; font-style: normal; font-size: 20px; line-height: 20px; letter-spacing: -0.25px; color: rgba(0,126,223,1); text-align: left; box-sizing: border-box;}
.listing .item {background: #fff; margin-bottom: 8px; border-radius: 4px; padding: 8px 12px 11px 12px; text-align: left; border: 1px solid rgba(0,126,223,0.4); color: rgba(0,126,223,0.6); }
.item-info { font-family: "din500", Helvetica, Arial, sans-serif; font-style: normal; font-size: 16px; line-height: 20px; letter-spacing: -0.25px; color: #222222; text-align: left; display: flex; align-items: center;}
.item-donated {font-weight: normal; white-space: nowrap; font-family: "din400", Helvetica, Arial, sans-serif; font-style: normal; font-size: 16px; line-height: 20px; letter-spacing: -0.25px; color: rgba(0,126,223,1); text-align: left; margin-left: 8px; display: inline-flex; align-items: center;}
.item-donated:before {content: 'has '; display: inline;  margin-right: 3px;}
.item-donated .item-amount {font-family: "din500", Helvetica, Arial, sans-serif; font-style: normal; font-size: 16px; line-height: 20px; letter-spacing: -0.25px; color: #cc0000; text-align: left; margin-left: 8px;}
.item-location {font-size: 14px; line-height: 18px; margin-bottom: 0; display: flex; overflow: hidden; text-overflow: ellipsis; }
.item-location-emoji {margin-right: 4px; }
.mm-content-sec .p-abs.centered img {margin-bottom: 0; object-position: left; width: 16px; }
.icon-slot {position: relative; }
.item-location-place {min-width: 0; overflow: hidden; text-overflow: ellipsis; font-family: "din400", Helvetica, Arial, sans-serif; font-style: normal; font-size: 14px; line-height: 16px; letter-spacing: -0.25px; color: #999999; margin-top: 2px; }
.item-date {margin-top: 0; font-size: 12px; color: rgba(14,89,145,0.6); opacity: 1; overflow: hidden; text-overflow: ellipsis; line-height: 18px; }


.mm-about-sec {font-size: 22px; line-height: 1.416; overflow: hidden; }
.mm-about-sec .section {position: relative; width: 1120px; margin: 0 auto; display: table;}
.mm-about-sec .right {margin-bottom: 130px; display: inline-block; width: 100%; }
.mm-about-sec .heading {text-align: right; }
.mm-about-sec .heading h2 {font-size: 70px; font-weight: 900; color: #222; margin-top: 0; }
.mm-about-sec .right .image {position: relative; float: left; margin-top: -60px; width: 615px; }
.mm-about-sec .right .image .back {left: -26.01626016260163%; right: 26.01626016260163%; top: -16.91056910569106%; bottom: -14.30894308943089%; }
.mm-about-sec .image .back {position: absolute; background-size: cover; }
.mm-about-sec .image img {display: block; width: 100%; -webkit-filter: drop-shadow(0px 6px 12px rgba(37, 0, 38, 0.24)); filter: drop-shadow(0px 6px 12px rgba(37, 0, 38, 0.24)); border-radius: 4px; }
.mm-about-sec .right .text {float: right; width: 455px; margin-left: auto; }
.mm-about-sec .highlight {color: #338eb2; font-weight: bold; font-style: italic; }
.clearfix {display: block; }

.mm-about-sec .left {display: inline-block; width: 100%; }
.mm-about-sec .left .image {position: relative; float: right; width: 523px; margin-bottom: 300px; }
.mm-about-sec .left .image .back {left: 17.20841300191205%; right: -29.06309751434034%; top: 7.074569789674952%; bottom: -30.97514340344168%; }
.mm-about-sec .image img {display: block; width: 100%; -webkit-filter: drop-shadow(0px 6px 12px rgba(37, 0, 38, 0.24)); filter: drop-shadow(0px 6px 12px rgba(37, 0, 38, 0.24)); border-radius: 4px; }
.mm-about-sec .left .text {float: left; width: 550px; }


/*Payment Modal css*/
.payment-modal-open {overflow-y: hidden; }
.custom-modal-div {position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,.8); z-index: 9999; color: #222; display: none; }
.custom-modal-content {width: 100%; height: 100vh; display: flex; align-items: center; justify-content: center; padding: 20px; box-sizing: border-box; }
.custom-modal-content-inner {background-color: #fff; max-width: 1120px; width: 100%; overflow-y: auto; max-height: 100%; }
.custom-modal-header {padding: 20px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #d5d5d5; background: #cc0000; }
.custom-modal-header h2 {margin: 0; font-style: normal; font-size: 22px; line-height: 23px; font-family: 'din400', sans-serif; font-weight: bold; color: #fff;}
.modal-close-btn {font-size: 36px; padding: 0; height: 30px; display: flex; align-items: center; justify-content: center; line-height: normal; cursor: pointer; margin-top: -10px; color: #fff;}

.custom-modal-body form {padding: 20px; }
.custom-modal-body .sc_item_half_width {float: right; }
.custom-modal-body .sc_item_half_width:nth-child(even) {float: left; clear: both; }
.custom-modal-content .donate_row { display: inline-block; margin: 15px auto 5px auto;}
.custom-modal-body .iti {width: 100%; }
.custom-modal-body .iti input {width: 100%; }
.custom-modal-body .iti input#phone {height: 36px; }
.custom-modal-body #carddetail_id {border-top: 1px solid #ddd; padding-top: 25px; margin-top: 25px; }
.custom-modal-body #carddetail_id .checkout_block_heading {margin: 0px 0px 0px 10px; padding: 0px 0px 1px 0px; font-family: "din900", Helvetica, Arial, sans-serif; font-style: normal; font-size: 22px; line-height: 23px; letter-spacing: -0.25px; color: #222222; text-align: center; text-transform: uppercase; }
.custom-modal-body #carddetail_id .checkout_form_details_block {padding: 4px 15px; border: 1px solid #aaaaaa; margin-top: 30px; }
.custom-modal-body .donate_command_button {text-decoration: none !important; }
.checkoutbutton_cntr input:hover {background-color: #222222; }


.custom-modal-content #hidePaymentSection1 {padding-bottom: 0; }
.paynt-st-sec {font-size: 16px; line-height: 22px; color: #333333; font-family: 'din400', sans-serif; text-align: left; }
.paynt-st-sec label {margin-bottom: 0; }
.paynt-st-sec .donate_bar_label {margin-left: 0; margin-bottom: 15px; font-size: 18px; text-transform: uppercase; font-family: "din900", Helvetica, Arial, sans-serif; margin-top: 25px; }
.paynt-st-sec .checkout_form_p4 {margin-top: 15px; font-family: "din500", Helvetica, Arial, sans-serif; margin-bottom: 0; }
.paynt-st-sec .checkout_button {background-color: #cc0000 !important; }
.paynt-st-sec .checkout_button:hover {background-color: rgb(51, 51, 51) !important; }
.custom-modal-div .checkout_block_heading {font-family: "din900", Helvetica, Arial, sans-serif; font-style: normal; font-size: 22px; line-height: 23px; letter-spacing: -0.25px; color: #222222; text-align: left; text-transform: uppercase; margin-bottom: 15px; margin-top: 11px; }
div#the_monthly_pay_wrapper {text-align: left; font-family: 'din400', sans-serif; font-size: 16px; line-height: 22px; color: #333333; }
.custom-modal-body .monthly-ddi-form .sc_item_half_width {float: none; }
.ddg-select-opt label, .ddg-select-opt label p {margin-bottom: 0; }
.ddg-select-opt .ddg-select select#acc-name {font-size: 14px; }
.custom-modal-body .ddg-form-btn .link_sec {color: red; }
.custom-modal-body .monthly-ddi-form {margin-bottom: 85px; }
.custom-modal-body .step-3-form .checkbox_sec {display: flex; }
.custom-modal-body .step-3-form input#pay_bill {float: left; margin: 4px 10px 0 0; }
.custom-modal-body .step-3-form {margin-bottom: 85px; }
.custom-modal-body .monthly-pay-form .step-3-form #btndebitcard_displayer_id {left: 165px; }
.custom-modal-body .step-3-form input#Cancel {left: 15px; }
.custom-modal-body .step-2-form .link_sec {color: red; text-decoration: none; }

/*Ramadan-v2 page css*/
#Payment-details-sec {position: initial; display: block; background: transparent; }
#Payment-details-sec .custom-modal-content {height: auto; }
#Payment-details-sec .custom-modal-content-inner {max-width: 1200px; box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px; border-radius: 8px; }
#Payment-details-sec .modal-close-btn {display: none; }
#Payment-details-sec .custom-modal-header {justify-content: center; }


/***************************************
            Responsive css
***************************************/
@media only screen and (max-width:  1200px) {
    .mm-about-sec .section, .shelf-container {width: 100%; padding: 0 25px; box-sizing: border-box; }
    .donation-video {display: flex; align-items: center; }
    .mm-about-sec .right .image, .mm-about-sec .right .text {width: 50%; box-sizing: border-box;}
    .mm-about-sec .heading h2 {font-size: 62px; }
    .mm-about-sec .left .text, .mm-about-sec .left .image {width: 50%; box-sizing: border-box; height: 200px;}
    .mm-socials-sec .image { object-fit: cover; object-position: top right; height: 200px;}
    .mm-about-sec .right {margin-bottom: 80px; }
    .mm-about-sec .left .image {margin-bottom: 250px; }
    .mm-about-sec .left .text {padding-right: 25px; }
    .mm-about-sec .right .text {padding-left: 25px;}
}

@media only screen and (max-width:  991px) {
    .shelf-row {flex-direction: column; }
    .donation-video {width: 100%; }
    .donation-video-cont {width: 100%; }
    .amount-option {width: 16.66%;}
    .mm-donate-btn {width: calc(50% - 5px); float: left; }
    .mm-shareBtn {width: calc(50% - 5px); float: right; }
    .sidebar-img {display: inline-block; width: 100%; }
    /*.mm-socials-sec .image {bottom: -34%; width: 55%; }*/
    .mm-leftCol {width: 100%;  padding-right: 0; }
    .mm-rightCol {width: 100%; }
    .mm-about-sec .right .image, .mm-about-sec .right .text {width: 100%; float: none; margin: 0; }
    .mm-about-sec .right .text {padding-left: 0; padding-top: 135px; }
    .mm-about-sec .left .text, .mm-about-sec .left .image {width: 100%; }
    .mm-about-sec .heading { text-align: left;}
    .mm-about-sec .heading h2 {font-size: 52px; margin-bottom: 130px; }
    .donation-video iframe.wistia_embed {height: 53.5vw !important; }
    .mm-about-sec .left .text {padding-right: 0; }
    .mm-about-sec .left .image {margin-bottom: 280px; }
    .mm-socials-sec .image {object-position: center; }
}

@media only screen and (max-width:  767px) {
    .mm-about-sec .heading h2 {font-size: 42px; margin-bottom: 100px; }
    .mm-about-sec {font-size: 16px;}
    .mm-about-sec .right .text {padding-top: 100px;}
    .mm-about-sec .right {margin-bottom: 35px; }
    .mm-about-sec .left .image {margin-bottom: 210px; }
    .mm-socials-sec .text .title {text-align: center; margin: 0 0 20px; }
    .mm-socials-sec .text {width: 100%; margin: 0 auto; padding: 20px; text-align: center; box-sizing: border-box;}
    /*.mm-socials-sec .image {bottom: -50%; width: 100%; }*/
    /*.mm-socials-sec .shelf-row {padding-bottom: 100px; }*/
    .intro-title h1.h1 {font-size: 24px; line-height: 26px; }
    .monthly-pay-form .monthly-ddi-cont {display: flex; margin-bottom: 20px; flex-wrap: wrap; }
    .direct-debit-logo {width: 100%; padding: 20px 20px 0;}
    .monthly-ddi-form .sc_column {flex-wrap: wrap; }
    .monthly-ddi-form .sc_item_half_width .sc_label {max-width: 100%; margin-bottom: 4px; }
    .monthly-ddi-form .sc_input { width: 100%;}
    .direct-debit-cont {padding: 20px 20px 15px; }
    .monthly-ddi-form, .step-3-form {padding: 20px; }
    div#the_monthly_pay_wrapper {padding: 0;  width: 100%; }
    .custom-modal-body .step-3-form input#Cancel { left: -3px;}
    .custom-modal-body .monthly-pay-form .step-3-form #btndebitcard_displayer_id {left: 145px; }
    .mm-socials-sec .text ul {display: flex; justify-content: center; }
}

@media only screen and (max-width:  576px) {
    .intro-title {padding: 25px 15px; }
    .mm-content-sec .shelf-row { padding-bottom: 35px;}
    .mm-about-sec .section, .shelf-container {padding: 0 15px; }
    .amount-option {width: 33.33%; }
    .mm-donate-btn, .mm-shareBtn {width: 100%;}
    /*.mm-socials-sec .image {bottom: -9vh; }*/
    /*.mm-socials-sec .shelf-row {padding-bottom: 80px; }*/
    .mm-about-sec .heading h2 {font-size: 36px; margin-bottom: 75px; }
    .mm-about-sec .right .text {padding-top: 80px; }
    .mm-about-sec .left .image {margin-bottom: 150px; }
    .checkout_button_block.checkoutbutton_cntr {text-align: left; }
}

.tribute-fake-sec {
    display: inline-block;
}

.tooltiptext-cls{
visibility: hidden;
width: 143px;
background-color: black;
color: #fff;
border-radius: 6px;
position: absolute;
z-index: 1;
font-size: 15px;
padding: 10px 20px;
text-align: right;
line-height: 22px;
}
  .raised.h1 {position: relative;}
  .raised.h1:hover .tooltiptext-cls{visibility:visible;}