/* popup styles
-------------------------------------------------- */

.gq-ei-modal{
    text-align: left;
    font: normal normal normal 16px/27px Merriweather;
    letter-spacing: 0px;
    color: #5F5F5F;
    opacity: 1;
}

.gq-ei-modal h1{
    position: relative;
    height: auto;
    top: 75px;
    left: 60px;
    text-align: left;
    font: normal normal bold 40px/50px Merriweather;
    letter-spacing: 0px;
    color: #004B71;
    opacity: 1;
}

.gq-ei-modal h5 {
    text-align: left;
    font: normal normal bold 20px/30px Merriweather;
    letter-spacing: 0px;
    color: #004B71;
    opacity: 1;
}

.gq-ei-modal .gq-ei-modal-body{
    position: relative;
    height: auto;
    top: 75px;
    left: 60px;
    margin-right: 60px;
    height: 592px;
}

.gq-ei-modal a{
    text-align: left;
    font: normal normal normal 16px/27px Merriweather;
    letter-spacing: 0px;
    color: #0096E1;
    opacity: 1;
}

.gq-ei-modal .dx-icon-remove{
    position: absolute;
    z-index: 92;
    display: flex;
    top: 20px;
    right: 20px;
    width: 36px;
    height: 36px;
    justify-content: center;
    align-items: center;
    font-size: 26px;
    color: #FFFFFF;
    background: #004B71 0% 0% no-repeat padding-box;
    border-radius: 50%;
    opacity: 1;
    transition:  all 0.3s ease-out;
}

.gq-ei-modal .dx-icon-remove:hover{
    filter: brightness(80%);
    cursor: pointer;
}


@media (min-width: 0px) and (max-width: 1199px){
    .gq-ei-modal h1{
        left: 0;
        height: auto;
    }

    .gq-ei-modal .gq-ei-modal-body{
        left: 0;
        margin-right: 0;
        height: auto;
    }
}