/* css changes by mac */
.bookmark-content:hover i {color: #000;}

.bookmark-content i {
    transition: 0.3s ease-in-out;
    cursor: pointer;
}
/* senior css */
img.senior-img {
    width: 60%;
}
.custom-radio {
    display: flex;
    align-items: center;
    margin-right: 20px;
    cursor: pointer;
}

.custom-radio input[type="radio"] {
    display: none;
}

.custom-radio .radio-label {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
}

.custom-radio .radio-label::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border: 2px solid #FFBD59;
    border-radius: 50%;
    background-color: transparent;
    transition: background-color 0.2s ease-in-out;
}

.custom-radio input[type="radio"]:checked + .radio-label::before {
    background-color: #FFBD59;
    border-color: #FFBD59;
}
.radio-main {
    display: flex;
}
.senior-container .panel-show{
    height: 100% !important;
}


.senior-container input[type="text"] {
    border: 1px solid #FFA318 !important;
}
.senior-container > div{
    padding:6% 0;
}


#loadingOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.7);
    /* White background with opacity */
    z-index: 999999999999;
    /* Ensure it sits on top of everything */
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .loader {
    border: 16px solid #f3f3f3;
    /* Light grey */
    border-top: 16px solid #3498db;
    /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
  }
  #loadingOverlay img {
    width: 120px;
    height: auto;
    animation: zoomInOut 3s linear infinite;
    border-radius: 10px;
}

@keyframes zoomInOut {
    0%, 20%, 100% {
      transform: scale(1) rotate(0deg); /* Start and end at normal size, no rotation */
    }
    10%, 30% {
      transform: scale(1.5) rotate(0deg); /* Zoom in to 150%, no rotation */
    }
    50% {
      transform: scale(1) rotate(0deg); /* Midway point, after two zooms, begin rotation */
    }
    100% {
      transform: scale(1) rotate(360deg); /* Complete the rotation */
    }
  }
  
  
  
/* Instant quote CSS */
.btn-quote {
    margin-top: 20px;
    background: #000;
    border: none;
    font-size: 15px;
    padding: 8px 20px;
}

.btn-quote:hover {
    background: #FFBE59;
    color: #000;
}
button.iq-btn-one:hover {
    transform: scale(1.1);
}
.instant-quote-btns {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.iq-btn-one {
    background: #000;
    color: #fff;
    width: 75%;
    border-radius: 10px;
    padding: 10px;
    border:none;
    font-weight:600;
    transition: 0.4s ease-in-out;
}  
.iq-btn-two{
    background: #FFBD59;
    color:#1E1E1E;
}

.iq-btn-three{
    background:#fff;
    color:#1E1E1E;
    border: 1px solid #D28107;
}

.vouch-form-refer {
    position: relative;
}

.vouch-form-refer > form {
    position: absolute;
    bottom: 10%;
}

.vouch-form-refer p {
    color: #B7AD9D;
    font-size: 16px;
    font-weight: 600;
}

.vouch-form-refer input {
    background: #B7AD9D !important;
    border: none !important;
    font-size: 14px !important;
}

.vouch-form-refer input[type="email"] {
    background: #B7AD9D !important;
    border-radius: 5px;
    border: none !important;
    font-size: 14px !important;
}

.vouch-form-refer  .row.form-group.sender-field {
    padding-top: 15px;
}

.vouch-form-refer  input.btn.btn-primary {
    margin-top: 20px;
    color: #000 !important;
    padding: 8px 50px;
    font-weight: 700;
}

@media(max-width:768px){
    .vouch-form-refer input {
        margin-top: 7px;
    }
.vouch-form-refer .row.form-group.sender-field {
    margin-top: 0px !important;
}
.vouch-form-refer .row.form-group.sender-field {
    padding-top: 0px !important;
}
.vouch-form-refer input.btn.btn-primary {
    margin-top: 5px;
}
.vouch-form-refer > form {
    bottom: 10px;
}
}





.interview-img img {
    border-radius: 10px;
}
.interview-img {
    height: 710px !important;
    display: block !important;
}

.interview-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: top;
}

.interview-sec:before {
    content: '';
    width: 91.5%;
    height: 6px;
    background: #000;
    position: absolute;
    top: 10%;
}

@media(max-width:501px){
    .interview-sec:before{
        top:30%;
        height:4px;
    }
}

@media(max-width:768px){
    .interview-sec:before{
        top:25%;
        height:4px;
    }
}

@media(max-width:1024px){
    .interview-sec:before{
        top:15%;
        height:4px;
    }
}

.interview-sec, .interview-txt{
    background:#FFF !important;
}
img.page-divider {
    width: 300px;
    height: auto;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
}

.interview-txt {
    position: relative;
}

.mixed-col {
    padding: 0 !important;
    display: block !important;
}


.yellow-title {
    display: flex !important;
}
.mixed-col img {
    width: 100%;
    height: 100%;
}


.template-btn button {
    background: #000;
    padding: 10px 35px;
    border: none;
}
.template_form {
    padding: 8% 0 !important;
    background: #FFF0D8;
}

.template_form .form-control {
    background-color: transparent !important;
    border: 1px solid #000 !important;
    border-radius: 0px !important;
    min-height:50px;
}

.template_form label {
    font-weight: 700 !important;
}

.row.g_email-row {
    row-gap: 30px;
}

iframe#emailPreviewFrame {
    margin-top: 30px;
}

.stepform .form-inputs textarea {
    border: 1px solid #e3e3e3 !important;
}
.share-btn {
    position: absolute;
    top: 20px;
    right: 20px;
}
.share-button{
    position: relative;
}
@media(min-width:600px){
    .row.top-sec-row {
        background-color: #fff !important;
    }
}

@media only screen and (orientation: landscape) and (max-width: 1000px) {
    .mobile-col {
        padding-top: 30px !important;
        padding-bottom: 50px !important;
        position: relative !important;
        z-index: 11 !important;
    }
    
    .mobile-view .row.mobile-row {
        background-color: #222020 !important;
    }
    #multi-step-form {
        display: flex !important;
        justify-content: center;
    }
    .mobile-col .float-start {display: flex;flex-direction: column-reverse;justify-content: center;align-items: center;}
    .mbl-inner .col-lg-11 {
        padding: 0;
    }
    .mobile-view .landingpg-banner img {
        background: none !important;
        width: 200px !important;
        height: auto;
        object-fit: cover !important;
        margin: 0 !important;
        padding-bottom: 20px;
    }
    
    .mobile-view .landingpg-banner h3 {
        color: #fff !important;
    }
    
    .mobile-col:before {
        content: '';
        background-image: url(https://realoestate.com/Testing//images/client.png);
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        z-index: -1;
        opacity: 0.2;
    }
    
    .mobile-view .slide-form {
        background: none !important;
        border: none;
        padding: 0;
    }
    .slide-form{
        padding: 0 !important;
    }
    .form-main-slides{
        padding:0 !important;
        margin-top:10px !important;
        
    }
    .mobile-view .user-title h6, .mobile-view .user-title p {
        color: #fff !important;
    }
    
    .mobile-view .thanks-text h4 {
        color: #fff !important;
    }
    
    .mobile-view .thanks-text img {
        -webkit-filter: invert(100%) !important;
      filter: invert(100%) !important;
    }
    
    .mobile-view .user-title {
        padding: 0 20px !important;
    }
    
    .mobile-view .form-main-slides .join-btn input {
        background: #D28107 !important;
    }
    
    .mobile-view .form-chks label {
        color: #fff !important;
    }
    
    .mobile-view .form-user:before {
        display: none !important;
    }
    
    .mobile-edit {
        padding: 0 !important;
    }
    
    .mbl-inner {
        padding: 0 !important;
    }
    
    .mbl-inner .mobile-row {margin: -5px;border-radius: 10px;}
    .mobile-view .voucher-dv {position: relative;top: -70px;display: inline-block;}
    .dtp{
        top:-15% !important;
    }

.row.mobile-row {
    flex-direction: column;
    width: 100%;
    align-items: center;
}

.row.mobile-row .col-lg-6 {
    width: 100%;
}

.home-banner-inner {
    background: none !important;
}

.home-banner {
    padding-right: 15px !important;
}


.form-main-slides .row {
    width: 90% !important;
    margin: 0 auto;
}


}

@media(max-width:599px){
    .row.top-sec-row {
        background-color: #F8F6F4 !important;
    }
    .mobile-col {
        padding-top: 30px !important;
        padding-bottom: 50px !important;
        position: relative !important;
        z-index: 11 !important;
    }
    
    .mobile-view .row.mobile-row {
        background-color: #222020 !important;
    }
    
    .mobile-col .float-start {display: flex;flex-direction: column-reverse;justify-content: center;align-items: center;}
    
    .mobile-view .landingpg-banner img {
        background: none !important;
        width: 200px !important;
        height: auto;
        object-fit: cover !important;
        margin: 0 !important;
        padding-bottom: 20px;
    }
    
    .mobile-view .landingpg-banner h3 {
        color: #fff !important;
    }
    
    .mobile-col:before {
        content: '';
        background-image: url(https://realoestate.com/Testing//images/client.png);
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        z-index: -1;
        opacity: 0.2;
    }
    
    .mobile-view .slide-form {
        background: none !important;
        border: none;
        padding: 0;
    }
    .slide-form{
        padding: 0 !important;
    }
    .form-main-slides{
        padding:0 !important;
        margin-top:10px !important;
        
    }
    .mobile-view .user-title h6, .mobile-view .user-title p {
        color: #fff !important;
    }
    
    
    
    .mobile-view .user-title {
        padding: 0 20px !important;
    }
    
    .mobile-view .form-main-slides .join-btn input {
        background: #D28107 !important;
    }
    
    .mobile-view .form-chks label {
        color: #fff !important;
    }
    
    .mobile-view .form-user:before {
        display: none !important;
    }
    
    .mobile-edit {
        padding: 0 !important;
    }
    
    .mbl-inner {
        padding: 0 !important;
    }
    
    .mbl-inner .mobile-row {margin: -5px;border-radius: 10px;}
    .mobile-view .voucher-dv {position: relative;top: -70px;display: inline-block;}
    .dtp{
        top:-15% !important;
    }
}


.dtp-date {
    background: #FFBE59 !important;
    border-top-right-radius: 12px !important;
    border-top-left-radius: 12px !important;
}

.dtp-actual-year {
    color: #ffffff !important;
}

i.material-icons {
    color: #fff !important;
}

.dtp-actual-day {
    background: #eba437  !important;
}

header.dtp-header {
    background: #eba437 !important;
    display:none !important;
}
.dtp .dtp-buttons{
     display:none !important;
}
.dtp>.dtp-content{
    border-radius: 12px !important;
}

.dtp table.dtp-picker-days tr>td>a.selected {
    background: #FFBE59 !important;
}

.offset-lg-1 {
    flex-direction: column-reverse;
    display: flex;
}
#message {
    display: none;
    margin-top: 10px;
}

.success {
    color: green;
    text-align: center;
    font-weight: 700;
}

.error {
    color: red;
    text-align: center;
    font-weight: 700;
}
.voucher-center {
    justify-content: center;
}
#voucherForm .row.form-group:first-child:before {
    content: 'TO:';
    display: inline-block;
    font-family: 'Open Sans';
    font-weight: 700;
    position: absolute;
    left:-30px;
}
#voucherForm .row.form-group:nth-child(2):before {
    content: 'FROM:';
    display: inline-block;
    font-family: 'Open Sans';
    font-weight: 700;
    position: absolute;
    left:-55px;
}

#voucherForm .row.form-group {
    align-items: center;
    margin-bottom: 20px;
    position: relative;
}

#voucherForm .form-group input[type="text"], input[type="email"] {
    background: transparent !important;
    border: 1px solid #000;
    border-radius: 0;
    color: #000;
}

#voucherForm .form-group input[type="submit"] {
    background: #000;
    border: none;
    border-radius: 0;
    padding: 8px 40px;
}
@media(max-width:992px){
    #voucherForm .row.form-group:before {
        top: -30px;
        left: 45% !important;
    }
    
    #voucherForm .row.form-group {
        row-gap: 20px;
    }
    .sender-field {
        margin-top: 50px;
    }
}
@media(max-width:500px){
    .about-home-right {
        display: flex;
        flex-direction: column-reverse;
        row-gap:10px;
    }
}
/* end */
body{margin: 0px; padding: 0px; font-family: 'Open Sans', sans-serif; color: #1E1E1E;
    }

.container{max-width: 1140px;}

a, ul{text-decoration: none; margin: 0px; padding: 0px; list-style: none;}

h1{margin: 0px; padding: 0px; color: #1E1E1E; font-size: 62px;}

h2{margin: 0px; padding: 0px; font-size: 44px;}

h3{margin: 0px; padding: 0px; font-size: 35px;}

h4{margin: 0px; padding: 0px; font-size: 28px;}

h5{margin: 0px; padding: 0px; font-size: 24px;}

h6{margin: 0px; padding: 0px; font-size: 20px; line-height:30px;}

p{margin: 0px; padding: 0px; font-size: 18px;}

/**animation-container**/

.home-section .container-fluid{overflow: hidden;}


.logo-dv img{width: 100%; float: left;}

header{width: 100%; float: left; margin: 0px; padding:20px 0px; background: #ffffff;
transition: all 0.5s ease-in;}

.main-header.sticky{
    width: 100%; position: sticky; top: 0; left: 0; z-index: 11; 
}

.menu-left ul{margin: 0px; padding: 0px; list-style: none;}

.menu-left ul li{margin: 0px; padding: 0px; display: inline-block;}

.menu-left ul li a{font-size: 16px; margin:0px 0px 0px 30px; padding: 0px; font-weight: 600;
color: #231F20;}

.menu-left ul li a:hover{color: #D28107;}

.menu-left{display: flex; align-items: center; height: 100%;}

.rightmenu{justify-content: end;}

.movingmenus{background: #ffffff; border-top: 1px solid #D28107; border-bottom: 1px solid #D28107;
padding: 15px 0px;}

.movingmenus ul{text-align: center; list-style: none; margin: 0px;}

.movingmenus ul li{margin: 0px; padding: 0px; display: inline-block;}

.movingmenus ul li a{font-size: 16px; color: #231F20; margin: 0px; padding: 0px 70px;
font-weight: 600;}

.banner-img img{width: 100%; float: left;}

.movingmenus ul li a:hover{color: #D28107;}

.home-section{margin: 0px; padding: 60px 0px;  /*background: #FFBD59;*/ }

.about-home-head h1{text-transform: uppercase; font-weight: 900;font-family: 'Montserrat', sans-serif;}

.about-home{margin: 50px 0px 50px;}

.about-home-left{border-radius: 10px; overflow: hidden; height: 90%; display: flex; align-items: center;
}

.about-home-left iframe {  width:100%; height:540px; border: 5px solid  #ffa418;
}

.video-slid{ border: 0px solid  #ffa418;}

.about-home-left img, .about-home-left video{width: 100%; float: left;}


.about-home-right{margin-top: 0px;}

.about-home-right h4{color: #1E1E1E; font-weight:700;}

.about-home-right h4 strong{color: #000; font-weight: 700;}

.home-right-img img{width: 100%; float: left;}

.home-right-img{border-radius: 10px; overflow: hidden; margin-top: 20px;}

.video-test-heading h2, .service-home-heading h2, .heading-agent-form h2
{font-weight: 900; text-transform: uppercase; margin: 0px 0px 20px;font-family: 'Montserrat', sans-serif;}

.video-test-heading p, .heading-agent-form p{font-weight: 600;}

.test-video-text{background: #fff; padding: 15px;}

.test-video-text ul li{display: inline-block;}

.test-video-text ul li i{font-size: 15px; color: #e28b00;}

.test-video-bx{border-radius: 5px; overflow: hidden; margin-top: 20px}

.response-card__headline h3{margin: 10px 0px 5px; font-size: 24px;}

.response-card__submitter div p{font-size: 13px;}

.test-video-img img{width: 100%;}

.services-home{margin-top: 60px;}

.service-ons{border-radius: 10px; overflow: hidden; margin-top: 30px;
    transition: all 0.3s; background: #feefd7;
}

.service-ons:hover{box-shadow: -1px 0 0 0 rgba(0, 0, 0, 0.125), 1px -1px 0 0 rgba(0, 0, 0, 0.125),
 0 1px 0 0 rgba(0, 0, 0, 0.125), 0 7px 3px rgba(0, 0, 0, 0.08);
    transform: translateY(-5px);
}

.service-ons img{width: 100%; height: 100%;}

.service-ons-text{height: 100%; background: #FFBD59; padding: 200px 50px 50px; border-radius: 10px;
display: flex; align-items: end; color: #1E1E1E; margin-top: 30px; transition: all 0.3s;}

.service-ons-text:hover{box-shadow: -1px 0 0 0 rgba(0, 0, 0, 0.125), 1px -1px 0 0 rgba(0, 0, 0, 0.125),
 0 1px 0 0 rgba(0, 0, 0, 0.125), 0 7px 3px rgba(0, 0, 0, 0.08);
    transform: translateY(-5px);
}

.service-ons-text h3{ font-weight: 900;font-family: 'Montserrat', sans-serif;}

.service-ons-text h6{font-weight: 400; margin: 40px 0px;}

.service-ons-text a{font-size: 20px; color: #2B48E0;}

.service-right{margin-top: 50px;}

.modal-aprt{padding-top: 150px;}

.top-moving-choice{margin: 40px 0px 0px;}

.top-image{border-radius: 10px; overflow: hidden; margin-top: 5px;}

.top-image img{width: 100%; height: 100%;}

.top-pera p{margin: 0px; padding: 0px; font-size: 17px; font-weight: 600;}

.top-pera{margin-top: 30px;}

.top-pera ul li{font-size: 20px; font-weight: 500; margin:20px 0px 0px;
    display: flex; 
}

.top-pera ul li span{width: 50%;}

.top-pera ul li img{width: 52px;}

.top-pera ul li:last-child img { width: 35px;   margin-left: 6px;}

.client-img{width: 33%;}

.client-img img{width: 100%; float: left;}

.client-bxes{background: #FECD81; padding: 50px 20px; border-radius: 10px;}

.client-dv{text-align: center;}

.client-dv img{max-width: 100%;}

footer{width: 100%; float: left; background: #1E1E1E; padding:80px 0px 60px;}

.footer-logo img{width: 90%; float: left;}

.footer-menus ul li{margin: 0px 0px 10px;}

.footer-menus ul li a{font-size: 14px; font-weight: 500; text-transform: uppercase;
color: #fff;}

.email a{text-transform: inherit !important;}

.copyright-text{margin-top: 70px;}

.copyright-text p{font-size: 12px; font-weight: 300; color: #fff; text-align: center;}

.join-refer-dv{background: #fff;}

.join-refer-dv .client-bxes{background: #FFF0D8;}

.join-refer-dv .service-ons-text{background: #FFBD59;}

.agent-form{margin-bottom: 80px;}

.agent-from-main{margin-top: 20px;}

.broker-left{padding:40px 50px; background: #FFF0D8; height: 100%; border-radius: 10px;
position: relative;}

.broker-left h2{font-size: 50px; text-transform: uppercase; font-weight: 900;font-family: 'Montserrat', sans-serif;}

.agent-form-img img{width: 100%;}

.agent-form-img{position: absolute; right: 0; bottom: 0; width: 300px; min-width: 40%;}

.agent-form-right{background: #FFBD59; padding: 60px; height: 100%; display: flex; align-items: center;
border-radius: 10px;}

.form-inputs{margin: 15px 0px 0px;}

.form-inputs input, .form-inputs select,
.form-inputs textarea {background: #FFFFFFCC; border-radius: 3px !important; color: #686868; width: 100%;font-weight:600;
float: left; border: none; height: 45px; padding: 10px 15px; font-size: 16px; outline: none;}

.form-inputs input::placeholder,
.form-inputs select::placeholder, .form-inputs textarea::placeholder{color:  #c1c1c1; }

.form-inputs textarea{
    height: 140px;
}

.agent-form-right .col-md-6, .agent-form-right .col-md-12{padding: 0px 5px;}

.form-inputs select{background-image: url("../images/select-drop.svg"); appearance: none;
background-repeat: no-repeat; background-size: 28px; background-position: center right 20px;}

.join-btn input,  .join-btn .join, .join-btn a{background: #1E1E1E; color: #fff; border-radius: 8px; font-size: 16px;
 width: 100%; float: left; height: 45px; border:none; outline: none;}

 .join-btn {margin-top: 30px;}

 .superpower-left{
    background: #FFBD59;
    padding: 60px;
    height: 100%;
    display: flex;
    align-items: center;
    border-radius: 10px;
}

.superpowermain{margin-top: 20px;}

.superdata{margin-bottom: 30px;}

.superdata:last-child{margin-bottom: 0px;}

.superdata ul li{font-weight: 500; position: relative; padding-left: 15px;
font-size: 16px; margin: 0px 0px 8px;}

.superdata ul li:before{width: 6px; height: 6px; background:#FFF0D8; border-radius: 50%;
position: absolute; left: 0px; top: 9px; content: ""; display: inline-block;}

.superdata span{font-weight: 700; margin-bottom: 10px; display: block;}

.superdata p{margin: 30px 0px 0px; font-size: 16px; color: #000; font-weight: 500;}

.superdata-img{background: #FFF0D8; border-radius: 10px; height: 100%; display: flex;
 align-items: center; padding-top: 80px; position: relative;}

.superdata-imags{position: absolute; left: 0px; bottom: 0px;}

.superdata-imags img{width: 280px; max-width: 100%;}

.video-home-slides {margin-top: 20px;}

.heading-agent-form a{color: #2B48E0;}

.banner-form-home{position: absolute; left: 0px; top: 0px; height: 100%; display: flex;
align-items: center;}

.slide-form {
    background: #ffbd59c9; border-radius: 10px; border: 1px solid #D28107; width: 100%;
    padding: 0px 40px 20px; max-width: 540px; float: right;  margin-right: 50px;
}

.form-user{margin:-45px auto 0px; width: 160px; height: 120px; border:none; text-align: center;
padding: 7px; border-radius: 50%; background: transparent; position: relative; z-index: 1;
}

.form-user:before {
    width: 120px;   content: "";  display: inline-block;
    height: 120px; margin: -20px 0px 0px; 
    background: linear-gradient(to bottom, #ffbd59c9 , transparent);  border-radius: 50%;
}

.form-user img {
    width: 100px;
    position: absolute;
    z-index: 1;
    height: 100px;
    left: 31px;
    top: -5px;
    object-fit: cover;
}

.user-title h6{font-weight: 400; margin-bottom: 10px}

.user-title p{font-weight: 700; }

.form-main-slides{margin: 0px 0px; padding: 0px 15px; height: 300px; display: flex; align-items: center;}

/*.form-main-slides .form-inputs input{border: 1px solid #FFA318; }*/
.form-main-slides .form-inputs input{border: 1px solid #e3e3e3; }

.form-main-slides .join-btn input{width: auto; padding: 0px 30px; margin: 0px auto;
float: none;}

.form-main-slides .join-btn {text-align: center;}

.sf-wrapper { overflow: hidden; }

.sf-container {overflow: hidden; padding-top: 85px;}

.sf-step.sf-active { margin: 0px 0; }

.sf-step { float: left; width: 100%;}

.sf-error { color: #DD0000; }

.sf-navigation {
  line-height: 1em;
  overflow: hidden;
  text-align: right;
}

.sf-navigation .nav-prev, .sf-navigation .nav-next {
    display: block;
    padding: 8px 15px;
    border: none;
    color: #000;
    background: #ffbd59;
    font-weight: bold;
    letter-spacing: 2px;
    text-decoration: none;
    cursor: pointer; border-radius: 5px;
}

.sf-navigation .nav-prev {
  opacity: .5;
  float: left;
}

.sf-navigation .nav-next {
  float: right;
  margin-left: 5px;
}

.sf-navigation span {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  margin: 12px 15px 0 0;
  background: #CCCCCC;
}

.sf-navigation span.sf-nav-done { background: #f3d7ab; }

.sf-navigation span.sf-nav-active { background:#ffbd59; }

.sf-navigation span.sf-nav-error { background: #DD0000; }

.form-chks {  display: block; }

.form-chks input { padding: 0; height: initial;  width: initial; margin-bottom: 0;
  display: none;  cursor: pointer;}

.form-chks label {  position: relative; cursor: pointer; font-size: 16px;}

.form-chks label:before {
  content:'';
  -webkit-appearance: none;
  background-color: transparent;
  border: 2px solid #D28107;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 10px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;  border-radius: 5px;
  margin-right: 5px;
}

.form-chks input:checked + label:after {
  content: '';
  display: block;
  position: absolute;
  top: 4px;
  left: 9px;
  width: 6px;
  height: 14px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.form-chks input:checked + label:before{background: #D28107;}

.form-chks {padding: 20px 20px 0px;}

.form-main-slides .col-md-6, .form-main-slides .col-md-8,
.form-main-slides .col-md-4{padding: 0px 5px;}

#date{background-image: url("../images/dateicon.svg"); background-position: center left 15px;
background-repeat: no-repeat; background-size: 18px; padding-left: 45px; filter: grayscale(100%) !important; }



div.radio-with-Icon {
  display: block;
}
div.radio-with-Icon .radioOption-Item {
    display: inline-block; float: left;
    width: 31.3%;
    box-sizing: border-box; display: flex; align-items: center;
    margin: 10px 1% 0px;
    border: none; 
}
div.radio-with-Icon .radioOption-Item label {
  display: block;
  height: 100%; 
  width: 100%;
  padding: 6px;
  border-radius: 10px;height: 93px;
  border: 1px solid #FFA318;
  color: #FFA318;
  cursor: pointer; display: flex; align-items: center;;
  transition: none; background: #FFFFFFCC;
  font-size: 16px;
  text-align: center;
  margin: 0 !important;
}

div.radio-with-Icon .radioOption-Item label::after, div.radio-with-Icon .radioOption-Item label:after,
 div.radio-with-Icon p.radioOption-Item label::before, div.radio-with-Icon .radioOption-Item label:before
  {
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
}
div.radio-with-Icon .radioOption-Item label i.fa {
  display: block;
  font-size: 50px;
}
div.radio-with-Icon .radioOption-Item input[type="checkbox"] {
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important; display: none;
}
div.radio-with-Icon .radioOption-Item input[type="checkbox"]:active ~ label {
  opacity: 1;
}
div.radio-with-Icon .radioOption-Item input[type="checkbox"]:checked ~ label {
  opacity: 1;
  border: none;
  background-color:#1E1E1E;
  color: #D28107;
  border: 1px solid;
}
div.radio-with-Icon .radioOption-Item input[type="checkbox"]:hover,
 div.radio-with-Icon .radioOption-Item input[type="checkbox"]:focus, 
 div.radio-with-Icon .radioOption-Item input[type="checkbox"]:active {
  margin: 0 !important;
}

@media(min-width:1200px){
    div.radio-with-Icon .radioOption-Item input[type="checkbox"]:hover  ~ label {
        background-color:#1E1E1E;
    color: #D28107;
  }
}

div.radio-with-Icon .radioOption-Item input[type="checkbox"] + label:before, 
div.radio-with-Icon .radioOption-Item input[type="checkbox"] + label:after {
  margin: 0 !important;
}

.interst-slide{padding-left: 30px; padding-right: 30px;}

div.radio-with-Icon .radioOption-Item label img{width: 40px;}

div.radio-with-Icon .radioOption-Item label  p{font-size: 12px; margin: 8px 0px 0px;}

.thanks-text img{width: 70px; margin: 20px 0px;}

.thanks-text h4{font-weight: 400;}

.landingpg-banner{display: flex; align-items: center;flex-wrap: wrap;align-items: flex-start;padding-top: 75px;}

.home-banner{padding: 25px; background: #fff; padding-bottom: 0px}

.home-banner-inner{background: #1E1E1E; padding: 30px; border-radius: 8px;}

.landingpg-banner h3{color: #FFFCF7; font-weight: 400;}

.landingpg-banner img{max-width: 300px; margin-top: 60px;}

.voucher-text {width: 300px; margin: 0px auto;}

.voucher-text img{width: 100%; position: relative;}

.voucher-text p{color: #FFF0D8; margin: 0px; font-weight: 700; font-size: 17px;}

.redeem-cntnt{position: absolute; height: 100%; display: flex; align-items: center;
justify-content:center; top:0px; left: 0px;}

.home-banner-inner .slide-form {
    background: #FFF0D8;}

.home-banner-inner .form-user:before{background: #FFF0D8; background-image: none; border-radius: 50%;
margin-top: -21px;}    

/**articlepagedesign**/


.home-article-one {
    margin: 0px;
    padding: 50px 0px 30px;
}
.article-home-left {
    height: 100%;
    background: #FFBD59;
    padding: 100px 30px 50px;
    border-radius: 10px;
    display: flex;
    align-items: end;
    color: #1E1E1E;
    margin-top: 0px;
}
.article-home-left h2 {
    font-weight: 900;
    font-size:38px;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
}
.article-home-right img {
    width: 100%;
    height: 100%;
}
.home-article-two {
    margin: 0px;
    padding: 0px 0px 30px;
}
.article-case-left {
    background: #FFF0D8;
    padding: 70px 40px 50px; height: 100%;
    border-radius: 10px;
}
.article-case-left h3 {
    color: #1E1E1E;
    font-weight: 700;
    margin: 20px 0px 10px;
    padding: 0px;
    font-size: 18px;
}
.article-case-left p {
    margin: 10px 0px;
    padding: 0px;
    font-size: 16px;
    font-weight: 500;
}
.article-case-left h4 {
    color: #D28107;
    font-weight: 600;
    margin: 20px 0px 10px;
    padding: 0px;
    font-size: 22px;
}
.article-form-right {
    height: 100%;
    background: #FFF0D8;
    padding: 70px 40px 50px;
    border-radius: 10px;
    display: flex;
    align-items: center;
}
.article-form-block {
    padding: 0px 40px 80px;
    border:1px solid #D28107;
    background: #ffbd59c9;
    border-radius: 10px;
}
.article-profile {
    width: 75px;
    height: 75px;
    line-height: 63px;
    display: inline-block;
    border-radius: 50%;
    border: 5px solid #FFBD59;
    margin-top: -25px;
}
.article-profile img {
    width: 100%;
}
.article-form-block h6 {
    font-weight: 400;
    margin: 20px 0px 0px;
}
.article-form-block p {
    font-weight: 700;
}

.home-article-three {
    margin: 0px;
    padding: 0px 0px 30px;
}

.home-concierge-one {
    margin: 0px;
    padding: 50px 0px 30px;
}
.concierge-home-content h2 {
    font-weight: 900;
    text-transform: uppercase;
    margin: 0px 0px 20px;
    font-family: 'Montserrat', sans-serif;
}
.concierge-home-content p {
    font-weight: 600;
    margin: 10px 0px;
    padding: 0px;
}
.concierge-feature-one {
    background: #FFF0D8;
    padding: 40px 40px 40px;
    border-radius: 10px;
    margin-top: 10px; height: 61%;
}
.concierge-feature-one h4, .concierge-feature-two h4 {
    font-weight: 900;
    margin: 0px 0px 20px;
    font-family: 'Montserrat', sans-serif;
}
.concierge-feature-one ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.concierge-feature-one ul li {
    margin: 0px;
    padding:0px 0px 0px 20px;
    font-size: 18px;
    color: #1E1E1E;
    font-weight: 700;
    line-height: 37px;
    display: block;
    position: relative;
}
.concierge-feature-one ul li::before {
    content: "";
    width: 7px;
    height: 7px; position: absolute; left: 0; top: 13px;
    border-radius: 50%;
    display: inline-block;
    background: #FFBD59;
    margin: 0px 10px 3px 0px;
}
.concierge-home-left {
    background: #FFBD59;
    padding:40px 40px 30px;
    color: #1E1E1E;
    border-radius: 10px;
    margin-top:20px;height: 35%;
}
.concierge-home-left h4 {
    font-weight: 900;
    margin: 0px 0px 15px;
    padding: 0px;
    font-size: 32px;
    font-family: 'Montserrat', sans-serif;
}
.concierge-home-left p {
    margin: 10px 0px;
    padding: 0px;
    font-size: 17px;
    font-weight: 500; line-height: 30px;
}
.concierge-feature-two {
    background: #FFBD59;
    padding: 40px 40px 40px;
    color: #1E1E1E;
    border-radius: 10px;
    margin-top: 10px;
    margin-bottom: 10px; height: 35%;
}
.concierge-feature-two h3 {
    font-weight: 700;
    margin: 0px 0px 10px;
    padding: 0px;
    font-size: 32px;
}
.concierge-feature-two ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.concierge-feature-two ul li {
    margin: 0px;
    padding: 0px 0px 0px 20px;
    font-size: 18px;
    color: #1E1E1E;
    font-weight: 700;
    line-height: 32px;
    display: block;
    position: relative;
}
.concierge-feature-two ul li::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    display: inline-block;
    background: #fff;
    margin: 0px 10px 3px 0px; position: absolute; left: 0; top: 13px;
}
.concierge-feature-img {
    margin-top: 10px;
    margin-bottom: 10px;
}
.concierge-feature-img img {
    width: 100%;
}
.home-concierge-three {
    margin: 0px;
    padding: 40px 0px 10px;
}


/**menu-css-start**/

div#overlay { display: none}

a#toggle {position: relative; text-align: center; color:#000; display: none;
float: right; outline: none; margin-right: 10px; z-index: 99;}

a#toggle i { font-size: 30px}

a#toggle i { position: relative;}

.open-menu a#toggle i {color: #000}

main#content {padding: 10px;}

#menu{
    text-align: left; transition: all ease-out .3s;
 text-align: center; }

#menu a { color: #000; text-decoration: none}

#menu ul {margin:0px  auto; padding: 0;text-align: center;
display: inline-flex;}

#menu ul li {display: inline-block;position: relative; float: left;}

#menu ul li>a {
    display: inline-block; /**padding: 4px 7px;  font-size: 14px;**/
    margin: 0px; color: #fff; position: relative; font-weight: 600;
    transition: all linear 0.5s; margin: 0px 0px 0px 0px;
    padding:9px 24px;  font-size: 15px; text-transform:uppercase;
border-right: 2px solid #828282;}

#menu ul li:last-child a{border-right: none;}

#menu ul li>a:hover{background: #000;}

#menu ul li>a>i { margin-left: 10px; transition: all ease-out .3s;  
    -webkit-transition: all ease-out .1s}

#menu ul li ul {
    display: none; position: absolute; top: 31px; width: 180px;  background:#fff; 
    text-align: left;  z-index: 3;}

#menu ul li ul li a { border: none; color: #000;}

#menu ul li ul li:hover>a {color: #fff}

#menu ul li ul li a:hover {
    color: #fff !important; border-bottom: none;
}

#menu ul li ul li a:after{display: none;}

#menu ul li ul li {display: block}

#menu ul li ul li a {
    display: block;  text-transform: capitalize;  color: #fff;
    font-size: 13px;  padding:8px 15px;  font-weight: 400;  margin: 0
}

#menu ul li ul li:hover>a { color: #fff}

#menu ul li ul li:before { border-left: none}

#menu ul li:hover>a>i { transform: rotateZ(90deg)}

#menu ul li:hover ul { display: block}

/**menu-media**/

@media screen and (max-width:767px) {
    .mobile-view .thanks-text h4 {
        color: #fff !important;
    }
    
    .mobile-view .thanks-text img {
        -webkit-filter: invert(100%) !important;
      filter: invert(100%) !important;
    }
    .home-right-img.fadeInRight, .about-home-left.fadeInLeft, .client-right.fadeInRight, .top-image.fadeInLeft, .about-home-right.fadeInRight {
        animation-name: none !important;
        visibility: visible !important; /* Ensure the element is still visible */
    }
 a#toggle { display: block  }

a#toggle { margin-top: 0px;}

a#toggle:hover {  text-decoration: none  }

#menu .fa-plus { display: block }

main#content {  margin-top: 65px; transition: all ease-out .3s }

#menu { position: fixed; width: 250px; height: 100%; top: 0;
        right: 0; overflow: hidden; overflow-y: hidden; z-index: 9;
        overflow-y: auto; background-color:#D28107; transform: translateX(750px)}

#menu ul {
  text-align: left;
  background-color: transparent;
  padding-top: 0px;
  padding-left: 30px;
  padding-bottom: 30px;
  padding-right: 30px;
  top: 50px; display: block;
  position: absolute;
}

#menu ul li ul { padding-top: 0  }

#menu ul li { display: block; float: none;}

#menu ul li a {
  display: block; outline: none; color: #fff; padding: 16px 0!important; margin: 0;
  font-size: 13px;
}

#menu ul li a>i {  float: right }

#menu ul li ul { display: none; position: static; padding: 0; width: 100%}

#menu ul li:hover>ul {  display: none  }

#menu ul li:hover>a>i { transform: rotateZ(0) }

.open a i::before { content: "\f107"; }

#menu ul li.open>ul { display: block }

div#overlay { display: block; visibility: hidden; position: fixed;
 right: 0; top: 0;  width: 100%;  height: 100%; background-color: rgba(0, 0, 0, .8);
  z-index: 1; opacity: 0 }

html.open-menu { overflow: hidden  }

html.open-menu div#overlay { visibility: visible;  opacity: 1; width: calc(-150%);
left: 250px }

html.open-menu nav#menu {  z-index: 22; transform: translateX(0)  }

#menu ul li>a { border-right: none }

#menu ul li ul a { font-weight: 400; padding: 8px 0!important }

#menu ul li ul li {  border-bottom: none }

#menu ul li ul { background: 0 0 }

.open-menu .fa-bars:before {  content: "\f00d"  }

#menu li:last-child { border-bottom: none }

#menu ul li::before { display: none }

#menu ul li a.active {  border-bottom: none }

#menu ul li > a{border: none}

#menu  .active{color: #fff;}

#menu a.active::after{content: none !important; border: none;}
#menu a:hover{border: none;}

#menu ul li a:hover{border-bottom: none;}

#menu ul li > a:hover{background: none;}

#menu ul li>a.active{color:#0e1e36;}

#menu ul li>a:hover{color: #0e1e36;}

}

/**menu-css-end**/

    #multi-step-form{
        overflow-x: hidden; padding-top: 80px;
    }

 .stepform{display: none;}

 .article-form-block  .form-main-slides{height: auto; display: block;
    padding: 50px 0px;}

.move-sct{margin: -7px 0px 0px}

.dropdown-menu {  color: #000000;  background-color: #FECD81; 
}

.jointhnks{ text-align: center; background: #FFBD59; padding: 100px; border-radius: 10px}

.jointhnks h2{margin-bottom: 20px;}

#thanksModal .modal-body{padding: 0px; border-radius: 10px; border: none;}

#thanksModal .modal-content{background: transparent; border:none;}


.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}


@font-face {
    font-family: 'flexslider-icon';
    src:url('../fonts/flexslider-icon.eot');
    src:url('../fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
        url('../fonts/flexslider-icon.woff') format('woff'),
        url('../fonts/flexslider-icon.ttf') format('truetype'),
        url('../fonts/flexslider-icon.svg#flexslider-icon') format('svg');
    font-weight: normal;
    font-style: normal;
}


.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}


.no-js .slides > li:first-child {display: block;}


.flexslider { margin: 0px;  position: relative; zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

.flex-direction-nav {*height: 0; display: none;}
.flex-direction-nav a  { text-decoration:none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; /*opacity: 0;*/ cursor: pointer; color: rgba(0,0,0,0.8); display: none; text-shadow: 1px 1px 0 rgba(255,255,255,0.3); /*-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;*/ }
.flex-direction-nav .flex-prev { /*left: -50px;*/ }
.flex-direction-nav .flex-next { /*right: -50px;*/  position:absolute; right:0px;  }
/*.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px;  }*/
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; line-height:1; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }

.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

.flex-control-nav {width: 100%; position: absolute; bottom:30px; text-align: center; z-index:99;
display: none;}
.flex-control-nav li {margin: 0 6px; display:none; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}


.flex-control-nav, .flex-direction-nav {display: none;}

.slids-main{overflow: hidden;}
/*
.agent-form-right.w-100.float-start #multi-step-form,.inner-multi-step #multi-step-form{ overflow: inherit !important;  }
.inner-multi-step #multi-step-form{ padding-top: 0px !important; margin-top: 0px !important;  }
*/


.inner-multi-step #multi-step-form .slide-form{
	max-width: inherit !important;
}

.inner-multi-step{overflow: hidden;}

.banner-img {background-image: linear-gradient(to right, #ffc061, #feeccf);}

.agent-form-right  .form-main-slides{height: auto;}

.agent-form-right .agent-frm-dv{padding: 0px 10px;}

.form-inputs input[type=number]:disabled {
    background: #dddddd;
    opacity: 0.4;
}

.logocenter {padding-bottom: 0px;}

.logocenter img{max-width: 100%; width: 120px;}

.main-header.sticky .logocenter{display: none !important;}

.desklogo img{width: 320px; max-width: 100%;}

.desklogo{display: none;}

.main-header.sticky  .desklogo{display: block;}

.join-refer-dv .service-ons{background: #fff0d8;}

/**new-css**/

.redeem-section{background: #FFF0D8; padding: 50px 0px;}

.discount-heading h1{font-weight: 700; color: #231F20;}

.voucherdv{background: #FFBD59; margin-top: 40px;}

.vouchertext{padding: 40px 0px 40px 40px;}

.vouchertext h2{font-size: 110px; font-weight: 700;color: #231F20;}

.vouchertext p{font-size: 28px; font-weight: 600;color: #231F20;}

.voucheranc a{
    background: #D28107; text-orientation: mixed; writing-mode: vertical-rl;
    transform: rotate(180deg);  position: absolute; right: 0px;
    top: 0;  height: 100%;  text-align: center;  padding: 0px 40px;
}

.voucheranc a:hover{
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.125), -6px 0px 0 0 rgba(0, 0, 0, 0.125),
     0 0px 0 0 rgba(0, 0, 0, 0.125), 0 0px 3px rgba(0, 0, 0, 0.08);
    transform: translateX(-5px)  rotate(180deg);
}

.voucheranc a{font-size: 20px; color: #fff; text-transform: uppercase;}

.discount-dv{padding-top: 40px;}

.voucher-text{margin-top: 60px;}

.voucherheading h2, .aboutdv h2{font-weight: 700; text-transform: uppercase; text-align: center;}

.vouchercontent{margin-top: 30px;}

.voucherservices{border: 1px solid #FFBD59; background: #fff; border-radius: 20px; padding: 40px;
height: 100%;}

.voucherservices h3, .uniqueservice h3{font-weight: 700; margin-bottom: 20px;}

.voucherservices ul{margin: 0px; padding: 0px; list-style: none;}

.voucherservices ul li{margin: 8px 0px 0px; padding: 0px; font-size: 18px; text-transform: uppercase;}

.aboutdv{margin: 50px 0px 0px;}

.aboutdv h2{margin-bottom: 30px;}

.aboutdv p{margin: 20px 0px 0px;}

.uniqueservice{border: 1px solid #FFBD59; background: #fff; border-radius: 20px; padding: 40px;
margin-top: 40px;}

.uniqueservice ul{margin:20px 0px 0px; padding: 0px;}

.uniqueservice ul li{margin: 0px; padding: 0px; list-style: none; font-size: 18px; font-weight: 700;
margin-top: 10px;}

.thumbtext{display: flex; align-items: center; justify-content: center; margin-top: 40px;}

.thumbtext img{margin-right: 20px;}

.thumbtext a{color: #231F20; font-size: 18px; text-decoration: underline; text-align: center;
    transition: all 0.3s;}

.voucher-reddem{display: flex; align-items: center; color: #000; margin-top: 20px;font-weight: 600;}

.voucher-reddem img{margin-right: 10px;}

.voucher-reddem:hover{color: #000;}
.voucher-dv {    max-width: 540px;}