.dm-modal {
    display: none;
}

@media (min-width: 1024px) {
    .dm-modal {
        display: block;

    }

    .mm-modal {
        display: none;
    }
}

.dm-modal {
    transform: translateX(110%);
    position: fixed;
    z-index: 999;
    right: 2rem;
    bottom: 2rem;
    background-color: #fff;
    box-shadow: 0px 0px 15px #00000029;
    border-radius: 30px;
    width: 426px;
    padding: 35px 24px;
    visibility: hidden;
    transition: all 0.5s ease-in-out;
}

.dm-modal--close:hover {
    background-color: transparent;
    color: transparent;
}

.dm-modal--open {
    visibility: visible;
    transform: translateX(0);
}

.dm-title {
    font: normal normal 800 28px/34px Montserrat;
    letter-spacing: 0px;
    color: #123E7A;
    text-transform: uppercase;
}

.dm-subtitle {
    font: normal normal bold 18px/22px Montserrat;
    letter-spacing: 0px;
    color: #123E7A;
    text-transform: uppercase;
}

.dm-image {
	margin-bottom: 1.1rem;
	max-height: 180px;
	min-height: 180px;
	object-fit: cover;
}

/* mobile */
.mm-modal {
    position: sticky;
    top: -1px;
    background-color: #EEEEEE;
    padding: 10px;
    z-index: 999999;
    scroll-behavior: smooth;
}

.mm-modal-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.mm-description p {
    margin-bottom: 0;
    font: normal normal bold 13px/17px Open Sans;
    letter-spacing: 0px;
    color: #333333;
}

.mm-modal-content .btn {
    font: normal normal bold 14px/26px Open Sans;
    letter-spacing: 0px;
    color: rgb(119, 119, 119);
    text-transform: uppercase;
    text-decoration: none;
}

.mm-modal-content .btn:after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.378' height='11.13' viewBox='0 0 13.378 11.13'%3E%3Cg id='right-arrow_7_' data-name='right-arrow (7)' transform='translate(0 -41.346)'%3E%3Cg id='Group_3' data-name='Group 3' transform='translate(0 41.346)'%3E%3Cpath id='Path_1' data-name='Path 1' d='M13.164,46.391,8.333,41.56a.734.734,0,0,0-1.036,0L6.859,42a.727.727,0,0,0-.214.518.741.741,0,0,0,.214.524l2.818,2.825H.723a.715.715,0,0,0-.723.72v.62a.742.742,0,0,0,.723.752H9.709L6.859,50.8a.725.725,0,0,0,0,1.028l.439.437a.734.734,0,0,0,1.036,0l4.831-4.831a.738.738,0,0,0,0-1.039Z' transform='translate(0 -41.346)' fill='%230082c0'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    margin-left: 3px;
}

.mm-icon__logo {
    width: 78px;
}

.mm-modal-content {
    padding-top: 4px;
}

.dm-modal .btn {
    background: rgb(119, 119, 119) 0% 0% no-repeat padding-box;
    border: 1px solid #F4F4F4;
    border-radius: 15px;
    font: normal normal bold 16px/26px Open Sans;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    width: 100%;
    display: block;
    padding: 1rem;
    text-align: center;
    text-decoration: none;
}

.dm-modal .btn:after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.054' height='14.188' viewBox='0 0 17.054 14.188'%3E%3Cg id='right-arrow_7_' data-name='right-arrow (7)' transform='translate(0 -41.346)'%3E%3Cg id='Group_3' data-name='Group 3' transform='translate(0 41.346)'%3E%3Cpath id='Path_1' data-name='Path 1' d='M16.781,47.777l-6.159-6.159a.936.936,0,0,0-1.32,0l-.559.559a.926.926,0,0,0-.272.66.945.945,0,0,0,.272.668l3.593,3.6H.921A.911.911,0,0,0,0,48.024v.791a.946.946,0,0,0,.921.958H12.377L8.743,53.394a.924.924,0,0,0,0,1.311l.559.557a.936.936,0,0,0,1.32,0L16.781,49.1a.941.941,0,0,0,0-1.325Z' transform='translate(0 -41.346)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    position: relative;
    left: 5px;
}

.dm-modal--close {
    color: transparent;
    background-color: transparent;
    padding: 0;
    right: -20px;
    top: -25px;
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.2' height='14.2' viewBox='0 0 14.2 14.2'%3E%3Cpath id='reject_3_' data-name='reject (3)' d='M18.807,6.607a1,1,0,0,0-1.414-1.414L12,10.586,6.607,5.193A1,1,0,0,0,5.193,6.607L10.586,12,5.193,17.393a1,1,0,0,0,1.414,1.414L12,13.414l5.393,5.393a1,1,0,0,0,1.414-1.414L13.414,12Z' transform='translate(-4.9 -4.9)' fill='%23333'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    padding: 4px;
    aspect-ratio: 1 / 1;
    cursor: pointer;
}

.dm-modal-wrapper {
    position: relative;
}