@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap');
img{max-width:100%}
.fl{float:left}
.fr{float:right}
.marZero{margin:0 !important}
.padZero{padding:0 !important}
.alignC{text-align:center}
*{webkit-appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-backface-visibility:hidden;padding:0;margin:0;list-style-type:none;outline:none;text-decoration:none;word-wrap:break-word; font-family: 'Noto Sans', sans-serif;}
.clearfix:after{content:".";clear:both;display:block;height:0;visibility:hidden}
.clear{clear:both}
.overflowHidden{overflow:hidden}
body {overflow-x: hidden;}
body .issues {
  position: sticky;
  bottom: 40px;
  background: red;
  display: inline-block;
  padding: 10px 30px;
  font-size: 14px;
  border-radius: 30px;
  min-width: 100px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 700;
  left: 50%;
  animation: all .2s forwards 2.2s ease-in-out;
  transform: translateX(-50%);
}

body .issuesOffline {
  position: sticky;
  bottom: 40px;
  background: #757575;
  display: inline-block;
  padding: 10px 30px;
  font-size: 14px;
  border-radius: 30px;
  min-width: 100px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 700;
  left: 50%;
  animation: all .2s forwards 2.2s ease-in-out;
  transform: translateX(-50%);
}
input{-webkit-appearance: none;}
a{color: #bb2731; text-decoration: underline;}
a:hover{text-decoration: none;}

.container {width: 750px;  margin: 0 auto;}
.header{box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.13); position: relative; z-index: 9; background-color: #fff; text-align: center;}
.header a.logo{width:139px; display:block; margin:0 auto; padding: 16px 0;}
.spltxt{ text-align: center; color: #fff;  margin: 0 auto; background: url("/images/lh/desktopbg.svg") no-repeat 0 0/100%;}
.planHead{ color: #fffeff; font-size: 40px; font-weight: 700; margin-bottom: 10px;}
.planPoints li{border-left: 1px solid #fffeff; display: inline-block; padding: 0 15px; font-size: 16px; font-weight: 700; margin-bottom: 30px;}
.planPoints li:first-child{border: 0;}
.planBox{ text-align: center; border-radius: 4px; padding: 30px 0; box-sizing: border-box; width:32%; margin-left: 10px; display: inline-block;  border: solid 1px #e0e0e0;  margin-bottom: 30px;   background-color: #ffffff;}
.planBox:first-of-type{margin-left: 0;}
.planBox:hover{box-shadow: 0 4px 8px 0 rgba(177, 37, 40, 0.24);}
.planBox .duration{ background:url(/images/lh/seperator.svg) no-repeat bottom center; margin-bottom: 20px; padding-bottom: 20px; font-weight: 700; font-size: 18px; color: #212121; }
.planBox .offerPrice{ font-size: 16px; position: relative; display: inline-block; font-weight: 700; color: #f44336;}
.planBox .offerPrice:before {    position: absolute;    content: '';    left: 0;    top: 50%;    right: 0;    border-top: 1px solid;    border-color: inherit;    -webkit-transform: skewY(-10deg);    -moz-transform: skewY(-10deg);    transform: skewY(-10deg);  }
.planBox .price{ font-weight: 700; font-size: 40px; color:#212121;}
.planBox .discount{ font-weight: 700; font-size:14px; color:#757575; margin-bottom: 30px;}
.planBox a{width: auto !important; padding:0 15px;  font-size: 14px; font-weight: 700; line-height: 36px; text-decoration: none; display: inline-block;   height: 36px;    border-radius: 18px;    border: solid 1px #af272d;}
.planBox a:hover{ background:#af272d; color: #fff;}
.refund{ color: #212121; text-align: center; font-size: 16px; font-weight: 400;}
.subscribe{ color: #757575; margin-top: 10px; text-align: center; font-size: 16px; font-weight: 400;}
.faq{ margin: 50px 0;}
.faq h6{ color: #212121; font-size: 25px; text-align: center; font-weight: 700;  margin-bottom: 10px;}
.faq img{ margin-bottom: -10px; display: block;margin-left: auto;margin-right: auto;}
.faq .accordion {background: url(/images/lh/qa-open.svg) no-repeat 98% center #fff;   border-radius: 4px; display: block;   border:1px solid #eee;  font-size: 16px; color: #212121;   background-color: #ffffff;  cursor: pointer;  padding: 18px 40px 18px 18px;  width: 100%;  text-align: left;  outline: none;   transition: 0.4s; margin-top: 10px; line-height: 24px;}
.faq .accordion:hover{ background-color: #f6f6f6;}
.faq .accordion.active {background: url(/images/lh/qa-close.svg) no-repeat 98% center #f6f6f6; }
.faq .panel { background-color: white;  max-height: 0;  overflow: hidden;  transition: max-height 0.2s ease-out;}
.faq .panel .answer{ font-size: 16px; line-height: 30px; color: #757575;  padding: 16px; border: 1px solid #e0e0e0 ;}
.faq .panel .answer p{ margin-bottom: 30px;}
.faq .panel .answer p:last-of-type,.faq.panel .answer ol li:last-of-type,.faq .panel .answer ul li:last-of-type{ margin-bottom: 0;}
.faq .panel .answer ul,.faq .panel .answer ol{ margin-bottom: 30px;}
.faq .panel .answer ul li{ margin-bottom: 15px; margin-left: 20px; list-style-type: square;}
.faq .panel .answer ol li{ margin-bottom: 15px; margin-left: 20px; list-style-type:upper-roman; }
.faq .btnAll{width: 146px; font-size: 14px;  background: url(/images/lh/btnarrow.svg) no-repeat 74% center; padding-right: 10px;   height: 36px; display: block; text-decoration: none; line-height: 36px;    border-radius: 18px;    border: solid 1px #af272d; color: #af272d; font-weight: 700; text-align: center; margin: 20px auto 0; }
.faq.active .btnAll{ background: url(/images/lh/arrowup.svg) no-repeat 78% center; padding-right: 15px;}
.faq .allFaq{ display: none;}
.faq.active .allFaq{ display: block;}
.footer{ background: url(/images/lh/footerbg.svg) no-repeat right top/80%; padding-top: 82px;}
.footer .footerlinks{ text-align: center; background: #212121; padding: 28px 0; font-size: 16px; color: #e0e0e0;}
.footer .footerlinks li{ display: inline; color: #e0e0e0; background: url(/images/lh/footerBullet.png) no-repeat left center; padding: 0 40px;}
.footer .footerlinks li:first-child{ background: none; padding-left:0;}
.footer .footerlinks li a{   color: #e0e0e0;}
.checkSec {    display: block;    position: relative;    padding-left: 35px;      cursor: pointer;    font-size: 22px;    -webkit-user-select: none;    -moz-user-select: none;    -ms-user-select: none;    user-select: none;  }
.checkSec input {    position: absolute;    opacity: 0;    cursor: pointer;  }
.checkmark {    position: absolute;    top: 0;    left: 0;    height: 18px;    width: 18px;   border: 2px solid #212121;    border-radius: 50%;  }
.checkSec:hover input ~ .checkmark {    border: 1px solid #212121;  }
.checkSec input:checked ~ .checkmark {    background-color: #212121;      border: 2px solid #212121;    width: 20px;    height: 20px;}
.checkmark:after {    content: "";    position: absolute;    display: none;  }
.checkSec input:checked ~ .checkmark:after {    display: block;  }
.checkSec .checkmark:after { top: 1px;    left: 1px;    width: 12px;    height: 12px;    border-radius: 50%;    background: #212121;    border: 3px solid #fff; }
.planBox .checkSec input, .planBox .checkSec .checkmark{ display:none;}
.planBox .checkSec{padding-left: 0; cursor:default;}
.planTitle, a.subsBtn{ display: none; padding:0 15px}
.seperator{ background: #212121; width: 31px;  margin:20px auto; height: 2px;}

.Lheight{ line-height: 125px  !important;}
.innerBg{ background: #f6f6f6;}
.pageBox{ width: 427px; position: relative; min-height: 250px; margin: 70px auto; border-radius: 20px; background: url(/images/lh/innerpage.svg) no-repeat 0 0/100% #fff; padding: 120px 25px;  border: solid 1px #e0e0e0;}
.pageIcon{width: 91px; height: 91px; position: relative; background: #fff; border-radius: 50px; margin: -55px auto 30px; text-align: center; border: solid 1px #e0e0e0;}
.pageIcon img{position: absolute;    margin: auto;     top: 0;     left: 0;     right: 0;     bottom: 0; }
.pageMaintxt{ font-size: 22px; font-weight: 700; text-align: center; color: #212121; margin-bottom: 10px;}
.pageTxt{ font-size: 16px; color: #212121; text-align: center; margin-bottom: 25px;}
.pageBtn{ font-size: 16px; position: absolute; bottom: 20px; left: 28%; display:block; text-align: center; line-height:48px; color: #fff; text-decoration: none; margin:30px auto 0;  width: 206px;    height: 48px;    border-radius: 24px;  font-weight: 700;   background-color: #b12528;}
.dataBox{border-top:1px dashed #757575; border-bottom: 1px dashed #757575; margin: 0 auto; width: 290px;}
.dataList{border-top:1px solid #e0e0e0; padding: 12px 0; margin: 0 10px; font-size: 14px; color: #757575;}
.dataList .val{color: #212121;}
.dataList:first-of-type{border: none;}

.reasonHolder{margin-bottom: 10px; min-height: 30px;}
.checkHolder {    display: inline-block;    cursor: pointer;    position: relative;    padding-left: 35px;    cursor: pointer;    font-size: 22px;    -webkit-user-select: none;    -moz-user-select: none;    -ms-user-select: none;    user-select: none;}
.checkHolder input {    position: absolute;    opacity: 0;    cursor: pointer;    height: 0;    width: 0;}
.checkmark2 { border-radius: 2px;   position: absolute;    top: 0;    left: 0;    height: 18px;    width: 18px;   border: 1px solid #212121;}
.checkHolder:hover input~.checkmark2 { border: 1px solid #212121;}
.checkHolder input:checked~.checkmark2 { background-color: #af272d; border: 1px solid #af272d;}
.checkmark2:after { content: ""; position: absolute; display: none}
.checkHolder input:checked~.checkmark2:after { display: block}
.checkHolder .checkmark2:after { left: 5px; top: 1px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg)}.reason {box-sizing: border-box; margin-top: 0px;    width: 100%;    font-size: 16px;    color: #212121;    font-weight: 400;    padding-left: 30px;    cursor: pointer;}
.ssoContainer { width: 400px; margin: 15px auto 70px; padding:35px; background: #fff; border-radius: 20px; border: solid 1px #e0e0e0;   position: relative; }
.loginoption:first-child {    margin: 0 0 20px 0;}
.loginoption {    width: 48%;}
.or {    text-align: center;    font-size: 16px;    font-weight: 700;    color: #757575;    margin-bottom: 20px;}
.formHolder{padding:0;color:#212121;font-size:12px}.formHolder .label{margin-bottom:6px; font-size: 14px; font-weight: 700;}.formHolder .label span{color:#ff0000}
.formHolder .inputHolder input {        width: 100%;        font-size: 16px;        padding: 14px;        color: #424242;        border: solid 1px #e0e0e0;        font-weight: 700;        border-radius: 4px;    box-sizing: border-box;}
.formHolder .inputHolder input:placeholder-shown { color: #757575; font-weight: 400;        }
.notification{width:100%;text-align:center;padding:10px 20px;border-radius:2px;background-color:#e9ffea;color:#43a047;font-size:14px;margin-bottom:20px; box-sizing: border-box;}
.errorNotification{width:100%;text-align:center;padding:10px 20px;border-radius:2px;background-color:#fbd7d6;color:#ed3833;font-size:14px;margin-bottom:20px; box-sizing: border-box;}
.formHolder .inputHolder { min-height: 75px; position: relative;        }
.formHolder .inputHolder .errorBox { display: none        }
.formHolder .inputHolder.error input { border: solid 1px #ff0000        }
.formHolder .inputHolder.error .errorBox { display: block; color: #ff0000; margin-top: 5px; margin-bottom: 20px        }
.formHolder .inputHolder.error .errorBox span { display: block; color: #424242        }
.formHolder .inputHolder.error .errorBox span a { color: #ff0000; text-decoration: underline        }
.formHolder .formLink { font-size: 14px; color: #757575; font-weight: 700;        }
.formHolder .formLink a { color: #757575; font-size: 14px; text-decoration: underline;        }
.formHolder .formLink a:hover { text-decoration: none;        }
.formHolder .formLink a strong { color: #757575;        }
.formHolder .textBox { font-size: 14px; font-weight: 700; text-align: center; margin-bottom: 20px;        }
.terms { font-size: 12px; text-align: center;        }
.ssoContainer input:disabled[type="button"]{background:#dbdbdb;cursor:default}
.formHolder .btn{width:100%;height:50px;text-align:center; background:#af272d; color:#fff;margin:0;border:none;font-weight:700;font-size:16px;text-transform:uppercase;cursor:pointer;border-radius:24px}
.reasonHolder .others{display: none;}
.reasonHolder label{display: block; min-height: 30px;}
.reasonHolder.active .others {	display: block;	margin: 16px 0 0 0;	width: 100%}
.btnHolder{position: absolute; bottom: 27px; left:0; right:0; width: 100%; text-align: center; box-sizing: border-box; padding: 0 25px;}
.pageBtn3{ font-size: 14px; cursor: pointer; border:0;  width:48%; white-space: nowrap; display:inline-block; text-align: center; line-height:44px; color: #fff; text-decoration: none; margin:15px auto 0; padding:0;  height: 44px;    border-radius: 24px;  font-weight: 700;   background-color: #b12528;}
.pageBtn2{ font-size: 14px;  width:48%; white-space: nowrap; display:inline-block; text-align: center; line-height:44px; color: #b12528; border: 1px solid #b12528; text-decoration: none; margin:15px auto 0; padding:0;  height: 44px;    border-radius: 24px;  font-weight: 700;   background-color: #fff;}
.formHolder  .btnHolder a{ margin-left: 5px; margin-right: 5px;}
.passwordCheck {	width: 200px;	box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.09);	background-color: #ffffff;	padding: 5px 12px;	position: absolute;	color: #ff0000;	top: 0;	right: -230px;	z-index: 1}
.passwordCheck p {	margin: 5px 0; font-size: 12px;}
.passwordCheck p.valid {	color: #43a047}
.title{ font-size: 22px; font-weight: 700; color: #212121; text-align: center; margin: 40px 0 20px;}
.title span{font-size: 16px; font-weight: 400; display: block;}
.mtb16{margin-top: 16px !important; margin-bottom: 16px !important;}
::placeholder {    color: #ddd !important;  }
.loader{width:100%;position:relative;height:2px;background:#e9e9e9;margin:10px 0}
.loader .loaderBar{position:absolute;width:0;height:2px;top:0;left:0;background:#535353;animation:loading 2s infinite 0s ease-in-out}
.footerOld { padding:0; text-align: center; font-size: 14px; color: #212121; background: #fafafa; margin-top: 30px; padding: 15px 0;}
.footerOld img { margin: 0 20px; vertical-align: middle}
.footerOld span { display: inline-block; margin-bottom: 20px}
.eye {    background: url(/images/lh/eye.svg) no-repeat 0 0;    width: 20px;    height: 20px;    position: absolute;    top: 22px;    right: 10px;    cursor: pointer;}
.eye.block {    background-position: 0 -23px;    top: 19px;}







@keyframes loading {	0% {		width: 0	}	100% {		width: 100%	}}

/* css for offer section starts here*/
.offerSecion{margin:40px 0; border: 1px solid #eee; padding:10px 30px; border-radius: 4px;}
.offerArea{ border-top: solid 1px rgba(0, 0, 0, 0.15);}
.offerArea:first-of-type{border:0; }
.offerArea .areaTitle{padding: 20px 0; cursor: pointer; font-size: 22px; color: #212121; font-weight: 700; background: url("https://images.livemint.com/subscription/arrowDow.svg") no-repeat right center;}
.offerArea.active .areaTitle{background: url("https://images.livemint.com/subscription/arrowU.svg") no-repeat right center;}
.offerData{display: none;}
.offerArea.active .offerData{display: block; padding-bottom: 20px; font-size: 20px; font-weight: 400;;}
.offerArea.active .offerData a{font-weight: 700; color: #212121; text-decoration: none;}
.offerArea.active .offerData .imgSec, .offerArea.active .offerData .imgSec img{ width: 32px; height: 32px; border-radius: 50%; background-color: #fff; float: left; margin-right: 20px;}
.offerArea.active .offerData .offerDetail{ float: left; margin-top: 4px; width: calc(100% - 52px);}
.offers{ margin-bottom: 20px;}
.offers:last-of-type{margin-bottom: 0;}
/* css for offer section ends here*/

@media  (min-width:1260px){
    .spltxt{  width:1350px; height:290px; padding-top:20px;}
}
@media  (min-width:1440px){
    .spltxt{  width:1430px; }
}
@media (max-width:1166px) and (min-width: 1024px){
    .spltxt{  width:100%; height:300px; padding-top:40px;}
    .mobComp{ display: block;}
}
@media (max-width:999px) and (min-width: 768px)  {
    .spltxt{ width:100%; height:180px; padding-top:5px; font-size: 25px; margin-bottom: 0;}
    .planHead{padding-top:10px; font-size: 25px; margin-bottom: 0;}
    .planPoints li{ font-size: 14px;}
    .mobComp{ display: none;}
    .footer{padding-top: 70px;}
    .passwordCheck {    margin-right: 0;    left: 0;    margin-top: -40px;}
}
@media (max-width: 767px){
	/* css for offer section starts here*/
	
	
.offerSecion{margin:40px 16px; padding:0 20px;}
.offerArea .areaTitle{font-size: 18px;}
.offerArea.active .offerData{font-size: 14px;}
.offerArea.active .offerData .offerDetail{margin-top: 0;}
.offerArea .areaTitle, .offerArea.active .areaTitle{ background-size: 14px 9px;}
/* css for offer section ends here*/
    .container {width: 100%;}
    .header a.logo{ width: 100%; padding: 12px 0 10px;}
    .header a.logo img{ width:100px; }
    .spltxt{ background: url(/images/lh/mobBg.svg) no-repeat 0 -15px/100%; padding: 16px 16px 35px; text-align: left; margin: 0 0; height:133px; }
    .planHead{font-size: 20px;}
    .planPoints li{ background: url(/images/lh/mobtick.svg) no-repeat 0 6px; font-size: 14px; border: 0; margin-bottom: 5px; padding: 0 0 0 25px; font-weight: 400;}
    .mobComp{ display: none;}
    .faq{ margin: 30px 16px;}
    .faq h6{ text-align: left; font-size: 20px; margin-bottom: 10px;}
    .faq img{ margin-left:unset; margin-right:unset; margin-bottom: -10px;}
    .faq .accordion{ background-position: 97% center; font-size: 14px; line-height: 22px;}
    .footer{ padding-top: 35px;}
    .footer .footerlinks{ padding: 16px;}
    .footer .footerlinks li{ padding: 0 12px 0 23px;}
    .refund, .subscribe{ font-size: 14px; padding:0 45px}
    .planArea { padding: 0 16px; box-sizing: border-box; width: 100%;}
    .planBox { width: 100%; height: 63px; margin-left: 0; padding: 0; margin-bottom: 3px;}
    .planBox .checkSec input, .planBox .checkSec .checkmark{ display:block; margin: 20px;}
    .planBox .checkSec{padding-left:35px; width: 100%; height: 63px; box-sizing: border-box;}
    .planBox a{ display: none;}
    .planBox .duration{ position: absolute; top: 10px; left: 60px; background: none; padding: 0; margin: 0; font-size: 14px;}
    .planBox .discount{ position: absolute;margin: 0; bottom: 10px; left: 60px;}
    .planBox .offerPrice, .planBox .discount{ font-size: 12px;;}
    .planBox .price{ font-size: 18px; position: absolute; top: 10px; right: 20px;}
    .planBox .offerPrice{ position:absolute; bottom: 10px; right: 20px;}
    .planTitle{ display: block; color: #212121; font-size: 20px; text-align: left; font-weight: 700;  margin: 20px 16px;}
    a.subsBtn{width: 160px; display: block; text-align: center; line-height: 36px; text-decoration: none; font-size: 14px; margin:16px auto 10px;  height: 36px;    border-radius: 24px;    background-color: #af272d; color: #fff;}
    .title{margin-top: 30px;}
    .pageIcon{ margin: -75px auto 30px;}
    .footerOld{ display: none;}
    .faq .accordion.active{ background-position:97% center ;}
    .footer{ background: url(/images/lh/footerbg.svg) no-repeat right 8px/94%}
    .innerBg{ background: #fff; }
    .pageBox{ width:100%; box-sizing: border-box; margin:-10px 0 0; border:none; border-radius: 0; min-height: 420px; position: static; padding: 120px 16px 0;}
    .pageBtn{left:25%}
    .reason{font-size: 14px;;}
    .btnHolder{bottom:16px; padding: 0 16px;}
    .btnHolder2 a{ width: 70% !important;}
    .pageBtn2.fl, .pageBtn3.fr{float: none;}
    .passwordCheck {    margin-right: 0;    left: 0;    margin-top: -40px;}
    .ssoContainer {box-sizing: border-box;    width: 100%;    padding: 16px;    border: 0;    margin-bottom: 0;}
    .posStatic{position: static !important; margin-top: 60px;}
    .planTitle{ margin:10px 16px;}
}
@media (max-width: 375px){
    .planTitle{  margin:10px 16px ;}
}

a.icgl{background:url("/images/icgl.svg") no-repeat 108px center #eee; border-radius: 2px; padding-left: 140px; box-sizing: border-box; line-height: 44px; display:block;  margin:0 0 16px; width:100%; height:44px; color:#212121 !important; font-size:17px; font-weight:700; font-family:'Lato',sans-serif; text-decoration:none;}
a.icfb{background:url("/images/icfb.svg") no-repeat 108px center #1877f2; border-radius: 2px; padding-left: 140px; box-sizing: border-box; line-height: 44px; display:block;  margin:0 0 16px; width:100%; height:44px; color:#fff !important; font-size:17px; font-weight:700; font-family:'Lato',sans-serif; text-decoration:none;}
a.icap{background:url("https://images.livemint.com/sso/appleid_iconlogo.png") no-repeat 108px center #000; border-radius: 2px; padding-left: 140px; box-sizing: border-box; line-height: 44px; display:block;  margin:0 0 16px; width:100%; height:44px; color:#fff !important; font-size:17px; font-weight:700; font-family:'Lato',sans-serif; text-decoration:none; background-size:21px 21px;}
@media (max-width: 767px){
    a.icgl{background:url("/images/icgl.svg") no-repeat 108px center #eee; padding-left: 140px;}
    a.icfb{background:url("/images/icfb.svg") no-repeat 108px center #1877f2; padding-left: 140px;}
    a.icap{background:url("https://images.livemint.com/sso/appleid_iconlogo.png") no-repeat 108px center #000; padding-left: 140px; background-size:21px 21px;}
}
@media (max-width: 414px){
    a.icgl{background:url("/images/icgl.svg") no-repeat 90px center #eee; padding-left: 120px;}
    a.icfb{background:url("/images/icfb.svg") no-repeat 90px center #1877f2; padding-left: 120px;}
    a.icap{background:url("https://images.livemint.com/sso/appleid_iconlogo.png") no-repeat 90px center #000; padding-left: 120px; background-size:21px 21px;}
}
@media (max-width:380px) and (min-width: 350px) {
    a.icgl{background:url("/images/icgl.svg") no-repeat 68px center #eee; padding-left: 100px;}
    a.icfb{background:url("/images/icfb.svg") no-repeat 68px center #1877f2; padding-left: 100px;}
    a.icap{background:url("https://images.livemint.com/sso/appleid_iconlogo.png") no-repeat 68px center #000; padding-left: 100px; background-size:21px 21px;}
}



.couponArea{position:relative;width:27%;margin:30px auto }.coupon{color:#af272d;padding:0 0 30px 0;font-family:Lato,sans-serif;font-weight:700;font-size:16px;text-align:center}.coupon a{color:#af272d;text-decoration:underline;display:inline-block}.couponSec{margin:-15px 0 30px;z-index:0;position:relative;display:none}.couponArea.active .coupon{text-align:center}.couponSec .couponEnter{border-radius:3px;border:solid 1px #979797;background-color:#fff;height:40px;position:relative; width:100%}.couponArea.active .couponSec{display:block}.couponSec .inpCoupon{position:absolute;top:10px;color:#212121;width:60%;left:16px;border:0;background:#fff;font-size:16px;font-family:Lato,sans-serif;font-weight:700}.couponSec .inpCoupon::placeholder{color:#757575}.couponSec .btnCoupon{position:absolute;right:16px;top:10px;font-size:16px;border:0;background:#fff;cursor:pointer;color:#af272d;font-family:Lato,sans-serif;font-weight:700;	 text-decoration:none}.couponSec .viewCoupon{position:absolute;top:10px;color:#212121;width:60%;left:16px;border:0;background:#fff;font-size:16px;font-family:Lato,sans-serif;font-weight:700}.couponSec .couponApply{position:absolute;right:16px;top:10px;font-size:16px;border:0;background:url(/images/tickCoupon.svg) no-repeat 0 4px #fff;padding-left:20px;color:#00bc74;font-family:Lato,sans-serif;font-weight:700}.couponSec .couponApplyInvalid{position:absolute;right:16px;top:10px;font-size:16px;border:0;background:#fff;color:#f44336;font-family:Lato,sans-serif;font-weight:700}.couponArea .addCoupon,.couponArea .invalidCoupon,.couponArea .successCoupon,.couponArea.active .couponClose{display:none}.couponArea.active.addcouponStep1 .addCoupon{display:inline-block}.couponArea.active.invalidcouponStep2 .invalidCoupon{display:inline-block}.couponArea.active.invalidcouponStep2 .invalidCoupon .DescCoupon{position:absolute;top:47px;font-size:12px;color:#f44336;font-family:'Lato Regular',sans-serif;font-weight:400;width:100%;text-align:center}.couponArea.active.successCouponStep3 .successCoupon{display:inline-block}.couponArea.active.successCouponStep3 .successCoupon .DescCoupon{position:absolute;top:47px;font-size:12px;color:#757575;font-family:'Lato Regular',sans-serif;font-weight:400;width:100%;text-align:center}
@media (max-width: 767px){
.couponArea{width:calc(100% - 32px); margin:30px 16px 0;} .coupon{padding:0;} 
.couponSec{margin-top:15px;}

}

.freeTrail{background: #FFF; width:335px; margin:30px auto; border: 1px solid #E0E0E0;box-sizing: border-box;border-radius: 5px; padding: 20px 16px;}
.freeTrail h3{ font-size: 18px; font-weight: 700; color: #000;}
.freeTrail strong{font-weight: 700; color: #000;}

.freeTrail p{ margin: 16px 0; color: #757575; font-size: 14px; line-height: 20px;font-weight:600}
.freeTrail a{ padding: 11px 16px; color: #fff; background: #AF272D; border-radius: 20px; font-size: 14px; font-weight: 700; text-decoration: none; display: inline-block;}
.faq.mt0{ margin-top: 0;}
@media (max-width: 767px){
.faq.mt0{ margin-top: 30px;}
.footer{background: url("https://accounts.hindustantimes.com/images/lh/footerbg.svg") no-repeat right 10px/94% !important; /*position: fixed;*/    width: 100%;    bottom: 0;}
}
@media (max-width: 767px){
.freeTrail{background: #FFF; width:100%; border: 1px solid #E0E0E0;box-sizing: border-box;border-radius: 5px; padding: 20px 16px;}
#lhPlanArea { padding: 0 15px; }
.spltxt {
       background-position: 9px 0;
       background-size: 96%;
}
}