@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; box-sizing: border-box; outline: 0 none !important; -webkit-tap-highlight-color: transparent; }
body, html { width:100%;}
form { height:100%; }
body{ background:#ffffff; font-family:'Lato', sans-serif; font-size:14px; font-weight: 400; color: #2f2f2f; line-height: 24px;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
img { max-width: 100%; height: auto; border:0; vertical-align: top; width: auto\9; /* ie8 */}
a{ text-decoration:none; outline:0; border:0;}
a:hover, a:focus{ text-decoration: none; outline: 0;}
.clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.clr{ clear:both;}
.push { height:115px;}
ul, li{ list-style-type:none; margin: 0;}
h1, h2, h3, h4, h5, h6{ font-weight:normal; margin: 0; padding: 0;}
table{ border-collapse:collapse;}
.fLeft{ float:left;}
.fRight{ float:right;}
.alignRight{ text-align:right !important;}
.alignLeft{ text-align:left;}
.alignCenter{ text-align:center;}
.positionRelative{ position:relative;}
*{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box;}
a:hover, a:focus{ color: none !important; text-decoration: none; }
.bold { font-weight: 700; }
.block { display: block; }
.appndBtm20 { padding-bottom: 20px; }
.appndTop50 { padding-top: 50px; }

@font-face {
         font-family: 'rupee_foradianregular';
         src: url('../fonts/rupee_foradian-webfont.eot');
         src: url('../fonts/rupee_foradian-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/rupee_foradian-webfont.woff2') format('woff2'),
         url('../fonts/rupee_foradian-webfont.woff') format('woff'),
         url('../fonts/rupee_foradian-webfont.ttf') format('truetype'),
         url('../fonts/rupee_foradian-webfont.svg#rupee_foradianregular') format('svg');
         font-weight: normal;
         font-style: normal;
         }
.rupee { font-family: 'rupee_foradianregular'; }
/***
Font Family Weight
    {
        Thin:100,
        light:300,
        regular:400,
        bold:700,
        black:900
    }

***/

/***
Main CSS Rule
***/
header img { width: 100%; vertical-align: top; }
header img:last-child { display: none; }
h2 { font-size: 26px; line-height: 32px; font-weight: 700; padding: 25px 0px; text-transform: uppercase; }
h4 { font-size: 26px; line-height: 32px; font-weight: 700; color: #66350f; padding-left: 17px; margin-top: 7px; }
h5 { font-size: 16px; line-height: 22px; font-weight: 700; color: #2f2f2f; margin-bottom: 5px; } 

.wrapper { width: 100%; max-width: 1200px; padding-left: 15px; padding-right: 15px; margin: 0 auto; }
.logoContainer { display: flex; }
.logo { display: inline-block; margin: 10px 0px; }
.logo img { vertical-align: top; }
.partnerLogo { margin-left: auto; height: 29px; margin-top: 15px; }
.darkGreyContainer { background: #eeeded; padding: 30px 0px; margin-bottom: 1px; }
.lightGreyContainer { background: #f7f6f6; padding: 30px 0px; }
.primaryBtn { 
background: #47a4fc; 
background: -moz-linear-gradient(left, #47a4fc 0%, #1c73f6 100%); 
background: -webkit-linear-gradient(left, #47a4fc 0%,#1c73f6 100%); 
background: linear-gradient(to right, #47a4fc 0%,#1c73f6 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#47a4fc', endColorstr='#1c73f6',GradientType=1 );
border-radius: 30px;
padding: 10px 35px;;
color: #ffffff;
text-decoration: none; text-transform: uppercase; display: inline-block; }

.cardDetailsContainer { display: flex; flex-wrap: wrap; }
.cardName { width: 280px; text-align: center; }
.cardName h3 { text-align: center; font-size: 18px; line-height: 24px; font-weight: 700; margin-bottom: 20px; }
.cardFeatures { width:780px; margin-left: 65px; }


.owl-stage { padding-left: 17px !important; padding-top:3px; padding-bottom: 3px; }

.card{ height: 225px; background: #fff; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; box-shadow: 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 3px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.3); margin: 0 auto; position: relative; text-align: left; overflow: hidden; }

.card img { width: 100%; }
.card span.desc { display: block; text-align: center; color: #2f2f2f; font-weight: 700; line-height: 18px; padding: 10px; }
.card span.partner {  background: url('https://promos.makemytrip.com/mmt-icici/images/partners-sprite.png') no-repeat 0 0; background-size: 410px 37px; height: 37px; position: absolute; bottom: 15px; left: 50%; transform: translateX(-50%); }
.card span.partner.lemonTree { width: 64px; background-position: 0px 0px; }
.card span.partner.airtel { width: 60px; background-position: -128px 0px; }
.card span.partner.ola { width: 63px; background-position: -65px 0px; }
.card span.partner.dblBlk { width: 126px; background-position: -285px 0px; }
.card span.partner.blk { width: 95px; background-position: -189px 0px; }

.owl-prev, .owl-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-indent: -9999px;

}
.owl-prev::after, .owl-next::after {
 border: solid #4a4a4a;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 10px; 
    content: "";
    position: absolute;
    top: 0;
}
.owl-prev::after{ left: 0; transform: rotate(135deg); }
.owl-next::after{ right: 0; transform: rotate(-45deg); }

.owl-prev.disabled, .owl-next.disabled { pointer-events: none; opacity: 0.5; }
.owl-prev {
  left: -20px;
  pointer-events: auto;
}

.owl-next {
  right: -37px;
  pointer-events: auto;
}

.rewardsProgramContainer { display: flex; flex-wrap: wrap; }
.col50 { flex: 1; flex-shrink: 0; }
.colHeading { display: flex; padding: 17px 35px; align-items: center; background: #f0f0f0; border: 1px solid #d4d4d4; border-bottom: 0px; font-size: 16px; line-height: 22px; font-weight: 700; }
.colHeading img { width: 84px; margin-right: 20px; }
.rewardsList { border: 1px solid #d4d4d4; border-bottom: 0px; }
.rewardsList li { padding: 10px 35px; border-bottom: 1px solid #d4d4d4; }

.brdrContainer { border: 2px solid #d4d4d4; display: flex; flex-wrap: wrap; }
.txtContainer { margin: 17px 0px; padding: 0px 35px; border-right: 2px solid #d4d4d4; }
.txtContainer ul.list { padding-bottom: 0px; }
.col50:last-child .txtContainer { border-right: 0px; }

.accordionContainer { margin-bottom: 50px;  }
.accordionContainer h3{ font-size: 18px; line-height: 24px; color: #4A4A4A; font-weight: 400; position: relative; padding: 20px; padding-left: 0px; cursor: pointer;  border-bottom: 2px solid #eeeeee; }
.accordionContainer h3.active { margin-bottom: 0px; border-bottom: 0px; }
.accordionContainer h3::after{ 
    position: absolute;
    right: 15px;
    top: 22px;
    content: "";
    border: solid #008CFF;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}
.accordionContainer h3.active::after{
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    top:27px;
}
.accordContent{ overflow: hidden; max-height: 0; transition: max-height 0.2s ease-out; position: relative; }
.accordContent::after{ background: #eeeeee none repeat scroll 0 0; bottom: 0; color: transparent; content: "."; height: 2px; left: 0; margin: auto; position: absolute; right: 0; width: 100%;}
.accordContent p { margin-bottom: 20px; }
.accordContent p.subHead { font-weight: 700; margin-bottom: 5px; }
ul.list { padding-left: 5px; padding-bottom: 20px; }
ul.list li{ margin: 0 0 5px 0; padding: 0 0 0 25px; position: relative;}
ul.list li::before{ width: 6px; height: 6px; background: #4a4a4a; content: ""; position: absolute; left: 0; top: 10px; border-radius: 100px; }
ul.list ul li::before { width: 4px; height: 2px; left: 10px; top: 12px; border-radius: 0px; }
.table-responsive{ border: 1px solid #ddd; margin-bottom: 15px; overflow-y: hidden; width: 100%; min-height: 0.01%; overflow-x: auto;}
.tblOffer th{ background: #f0f0f0; font-weight: 900; text-align: left; padding: 10px; border: 1px #cdcdcd solid; white-space: nowrap;}
.tblOffer td{ border: 1px #cdcdcd solid; padding: 10px; color: #565656;}


footer { padding: 20px; text-align: center; background: #63370d; color: #ffffff; text-transform: uppercase; }


@media screen and (max-width: 767px) {
    h2 { padding-bottom: 10px; padding-top: 35px; }
    h2, h4 { font-size: 20px; line-height: 24px; text-align: center; }
    h4 { padding-left: 0px; }
    header img:first-child { display: none; }
    header img:last-child { display: block; }
    .accordionContainer h3 { font-size: 16px; }
    .owl-stage-outer { margin-right: -15px !important; }
    .owl-stage { padding-left: 3px !important; }
    .owl-prev, .owl-next { display: none; }
    .cardName { margin: 0 auto; margin-bottom: 30px; }
    .cardFeatures { width: 100%; margin-left: 0px; }
    .card img { max-height: 130px; }
    .card span.desc { padding-top: 5px; }
    .card span.partner { bottom: 5px;}
    .col50 { flex: 1 100%; }
    .colHeading { display: flex; padding: 10px 15px; }
    .colHeading img { width: 64px; }
    .rewardsList li { padding: 10px 15px; }
    .txtContainer { margin: 17px 10px; padding: 0px 15px; border-bottom: 2px solid #d4d4d4; border-right: 0px; }
    .col50:last-child .txtContainer { border-bottom: 0px; }
}
@media (min-width: 768px) and (max-width: 1024px) {
    h4 { font-size: 18px; line-height: 24px; }
    .cardFeatures { width: 55%; margin-left: 0px; }
    .card { font-size: 11px; height: 200px; }
    .card a { height: 200px; }
}