body {
    margin: 0;
    padding: 25px 0;
    color: #333333;
    background: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    background:url(../images/etisalat-wmark.png) no-repeat top -100px right -150px;
}
.wrapper {
    width: 90vw;
    margin: 0 auto;
}
.header {
    width: 100%;
}
.siteheading {
    font-size: 1.5em;
    font-weight: bold;
    border-left: 2px solid #cccccc;
    margin-left: 40px;
    padding-left: 20px;
}
.logo img { position: relative; top: 10px; left: 15px;}
.instructions ul{padding-left:15px; margin-bottom:0}
.instructions ul li{font-size: 13px; margin-top: 3px;}
.surveyquestions.card, .instructions.card{box-shadow: 2px 10px 26px rgba(0, 0, 0, 0.08); border: none}
.surveyquestions h6{font-size:14px;}
.surveyquestions .form-group.mrn {display: flex; align-items: center;}
.surveyquestions .mrn label{color: #000000; font-weight: bold; float: left; margin-right: 10px; margin-bottom:0px; font-size: 14px}
.surveyquestions .mrn input{width:15%}
.feedbackQues{margin-bottom:20px;}
.feedbackQues label{margin-left:5px; margin-bottom:0 !important}
.feedbackQues p{color: #2873B9; font-size: 16px; margin-bottom: 10px;}
.feedbackQues textarea{border-radius: 10px; width:70%}
.flexcenter{padding:0 15px;}
.flexcenter div{display: flex; align-items: center}
.flexcenter label{color: #444444; font-size: 14px;}
.btn-next.btn, .btn-submit.btn{color: #ffffff; background: #2873B9; width:90px; height: 40px; margin-left:10px;}
.btn-back.btn{border: 1px solid #CCCCCC; background:#ffffff; width:90px; height: 40px; }
label.remarklabel{display: block; color: #2873B9; font-size: 16px; margin-left: 0 !important; margin-bottom: 8px !important;}


@media (max-width:767px) {
    body{background: none; padding:20px;}
    .siteheading{font-size: 1rem;}
    .surveyquestions .mrn input{width:80%}
    .feedbackQues textarea{width:100%}
}