@font-face {
    font-family: 'Lato-Light';
    src: url('../font/Lato-Light.eot');
    src: url('../font/Lato-Light.woff') format('woff'),
        url('../font/Lato-Light.ttf') format('truetype'),
        url('../font/Lato-Light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lato-Regular';
    src: url('../font/Lato-Regular.eot');
    src: url('../font/Lato-Regular.woff') format('woff'),
        url('../font/Lato-Regular.ttf') format('truetype'),
        url('../font/Lato-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lato-Bold';
    src: url('../font/Lato-Bold.eot');
    src: url('../font/Lato-Bold.woff') format('woff'),
        url('../font/Lato-Bold.ttf') format('truetype'),
        url('../font/Lato-Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lato-heavy';
    src: url('../font/Lato-Heavy.eot');
    src: url('../font/Lato-Heavy.eot?#iefix') format('embedded-opentype'),
        url('../font/Lato-Heavy.woff2') format('woff2'),
        url('../font/Lato-Heavy.woff') format('woff'),
        url('../font/Lato-Heavy.ttf') format('truetype'),
        url('../font/Lato-Heavy.svg#Lato-Heavy') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'LatoBlack';
    src: url('../font/LatoBlack.eot');
    src: url('../font/LatoBlack.eot') format('embedded-opentype'),
        url('../font/LatoBlack.woff2') format('woff2'),
        url('../font/LatoBlack.woff') format('woff'),
        url('../font/LatoBlack.ttf') format('truetype'),
        url('../font/LatoBlack.svg#LatoBlack') format('svg');
}


@font-face {
    font-family: 'RupeeForadian-Regular';
    src: url('../font/RupeeForadian_gdi.eot');
    src: url('../font/RupeeForadian_gdi.eot?#iefix') format('embedded-opentype'),
        url('../font/RupeeForadian_gdi.woff') format('woff'),
        url('../font/RupeeForadian_gdi.ttf') format('truetype'),
        url('../font/RupeeForadian_gdi.otf') format('opentype'),
        url('../font/RupeeForadian_gdi.svg#RupeeForadian-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-25CA;
}

@font-face {
    font-family: 'Noto-Sans-Bold';
    src: url('../font/hindi/NotoSans-Bold.eot');
    src: url('../font/hindi/NotoSans-Bold.eot') format('embedded-opentype'),
        url('../font/hindi/NotoSans-Bold.woff2') format('woff2'),
        url('../font/hindi/NotoSans-Bold.ttf') format('truetype'),
        url('../font/hindi/NotoSans-Bold.svg') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Noto-Sans-Regular';
    src: url('../font/hindi/NotoSans.eot');
    src: url('../font/hindi/NotoSans.eot') format('embedded-opentype'),
        url('../font/hindi/NotoSans.woff2') format('woff2'),
        url('../font/hindi/NotoSans.ttf') format('truetype'),
        url('../font/hindi/NotoSans.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

.mainHeader{
background: #97144d;
    width: 100%;
    height: 14px;
    position: relative;
    z-index: 999;
    top: 0px;
}
.sliderCont {
    display: none;
}
.mainBannerImg.owl-carousel .owl-dots {
    position: relative;
    bottom: -10px;
    text-align: center;
}
.mainBannerImg.owl-carousel .owl-dots .owl-dot.active, .mainBannerImg.owl-carousel .owl-dots .owl-dot:hover {
    background: #97144d;
}
.mainBannerImg.owl-carousel .owl-dots button.owl-dot {
    display: inline-block;
    zoom: 1;
    width: 10px;
    height: 10px;
    margin: 5px 2px;
    background-color: #626262;
    border-radius: 50%;
}

.titleGrabDeal h2 {
    font-size: 2.5rem;
    font-family: "Lato-Heavy";
    font-weight: bold;
    margin-bottom: 0
}

.dealFinal {
    margin-top: 40px;
}

.topBandForms .logo {
    z-index: 699;
    position: absolute;
    top: 0;
}



.mainBannerImg .textBanner {
    position: absolute;
    top: 10%;
    left: 7%;
    transform: translate(7%, 30%);

}

.debitInput {
    letter-spacing: 26px;
    border: 0;
    background-image: linear-gradient(to left,#000 85%,rgba(255,255,255,0) 0);
    background-position: bottom;
    background-size: 37px 1px;
    background-repeat: repeat-x;
    background-position-x: 64px;
    display: inline-block;
    width: 141px;
    outline: 0;
    box-shadow: none;
    padding: 0 0 9px 5px;
    text-align: left;
}

@media screen and (max-width: 1200px) {
    .mainBannerImg .textBanner {
        top: 30%;
        left: 9%;
        transform: translate(9%, 30%);
    }
}

@media screen and (max-width: 1024px) {
    .mainBannerImg .textBanner {

        left: 3%;
        transform: translate(3%, 30%);
    }
}

@media screen and (max-width: 768px) {
    .mainBannerImg .textBanner {
        max-width: 190px;
        position: absolute;
        top: 10%;
        
    }
.debitInput{
 padding: 0 0 9px 5px;   
}

}

.mainBannerImg .textBanner h2 {
    color: #97144d;
    font-size: 4rem;
    font-family: "Lato-Bold";
    font-weight: 900;

}

@media screen and (max-width: 768px) {
    .mainBannerImg .textBanner h2{
        font-size: 2.5rem;
    }
}

@media screen and (max-width: 375px) {
    .mainBannerImg .textBanner h2{
        font-size: 2rem;
    }
}
.mainBannerImg .textBanner h2 span {
    color: #212121;
}

.topBandForms .mainBannerImg img {

    width: 100%;
}

@media screen and (min-width:768px) {

}

.topBandForms .mainBannerImg img {
    width: 100%;
}



.titleGrabDeal p {
    font-size: 1.8rem;
    font-family: "Lato-Regular";

}

.inputbox {
    margin: 30px 0;
    display: block;
    font-family: 'Lato-Regular';

}

label {
    font-weight: 400;
    font-size: 1.4rem;
    font-family: 'Lato-Regular';
}

.error_message {
    color: red;
    display: none;
    position: absolute;
}


.inputbox label.debitCard {
    display: block;
    font-size: 1.6rem;
}

.form-control.codeNumber {
    display: inline-block;
    max-width: 35px;
}


.inputbox.code input.inputDiv {
    max-width: 200px;
}

@media screen and (max-width: 768px) {
    .inputbox.code input.inputDiv {
        display: block;
        margin-bottom: 20px;
    }
}

.inputbox input.inputDiv {
    max-width: 370px;
    width: 100%;
    border: none;
    border-bottom: 1px solid #d8d8d8;
    font-size: 1.6rem;
    color: #323232;
    padding-left: 10px;
}



input[type=checkbox],
input[type=radio] {
    height: 22px;
    width: 22px;
    vertical-align: middle;
    margin: 0 5px 0 0;
}




.btn.btnSubmit {
    max-width: 128px;
    width: 100%;
    border-radius: 4px;
    background-color: #97144d;
    color: #fff;
    margin-bottom: 50px;
}

.disclaimer {
    font-size: 1.2rem;

}

.disclaimer span {
    font-weight: 700;
}




footer {
    /*margin-bottom: 3rem;*/
    background-color: #444444;
    color: #fff;
}

.divideFooter {
    width: 100%;
}

.leftPart {
    /*float: left;*/
    display: inline-block;
    /*width: 50%;*/
}

.leftPart p {
    display: inline-block;
    margin-right: 1.5rem;
    position: relative;
    float: left;
}

.rightPart {
    display: inline-block;
    float: right;
    width: 50%;
    text-align: right;
}

.footerPart {}

.footerPart li {
    display: inline-block;
    text-decoration: none;
    margin-right: 1rem;
    position: relative;
}

.arrowLine:after {
    content: '';
    position: absolute;
    right: -8px;
    top: 0;
    background: #858080;
    height: 20px;
    width: 1px;
}



@media screen and (max-width: 768px) {
    .arrowLine:after {
        display: none;
    }

    .footerPart li {
        display: block;
    }

    .leftPart p {
        display: block;
        float: none;
    }
}


.refreshIcon {
    max-width: 26px;
    width: 100%;
    margin: 0 18px;
}

hr {
    margin: 15px 0;
}