*{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{margin:0;padding:0}
body{margin: 0; padding: 0; font-family: 'Montserrat', sans-serif !important; overflow-x:hidden !important;}
img{max-width: 100%; max-height: 100%;}
button{outline: 0 !important;}
:focus{outline: 0 !important;}
.cf:after,.cf:before{content:""; display:table}
.cf:after{clear:both;}
.cl{clear: both;}
.paddingLR0{padding-left: 0 !important; padding-right: 0 !important;}
.paddingLR5{padding-left: 5px !important; padding-right: 5px !important;}
.paddingLR7{padding-left: 7px !important; padding-right: 7px !important;}
.content-main{max-width: 1070px; margin: auto;}
.posR{position: relative;}
.display_inline{display: inline-block;}
.margin-15LR{margin-left: -15px; margin-right: -15px;}
.main-container{max-width: 1460px !important; padding: 0 30px !important; width: auto;}

header{background: #e4e4e4; font-size: 0; padding: 12px 15px; box-shadow: 0 0 5px rgba(0,0,0,0.15); position: fixed; left: 0; right: 0; top: 0; width: 100%; z-index: 9;}
header .logo{display: table; margin: auto; width:230px;}

.top-popup-form-box-border{background: linear-gradient(to right, #f07322, #374c9d); padding: 3px; margin-top: 25px; border-radius: 10px; box-shadow: hsl(0deg 0% 80%) 0 5px 16px;}
.top-popup-form-box{background: #fff; padding: 20px 20px 30px 20px; width: 100%; border-radius: 10px;}
.top-popup-form-box h4{font-size: 21px; font-weight: 700; color: #4153b0; margin-bottom: 10px; letter-spacing: 0.5px;}
.top-popup-form-box-div{position: relative;}
.top-popup-form-box-div label{font-size: 12px; font-weight: 500; color: #424242; margin-bottom: 15px; display: block;}
.top-popup-form-box-div input{width: 100%; height: 40px; border-radius: 5px; border: 1px solid #ccc; font-size: 14px; color: #000; font-weight: 500; padding: 0 10px;}
.top-popup-form-box input[type="submit"]{width: 20%; height: 45px; background: #4153b0; border: none; color: #fff; font-size: 15px; font-weight: 600; border-radius: 5px; transition: 0.2s; text-transform: uppercase; letter-spacing: 0.2px;}
.top-popup-form-box input[type="submit"]:hover{background: #ef292b;}
.top-popup-form-box .error-msg{position: absolute; bottom: -16px; left: 0; font-size: 11px; color: red; font-weight: 500;}

.top-book-now-form-width{max-width: 300px; margin: 45px auto 0;}
.top-book-now-form-box{position: relative; margin-bottom: 0; width: 38%; float: left; margin-right: 2%;}
.top-book-now-form-box label{font-size: 12px; font-weight: 500; color: #555; display: block; margin-bottom: 8px;}
.top-book-now-form-box input{width: 100%; height: 45px; border: 1px solid #e0e0e0; border-radius: 4px; padding: 0 10px; font-size: 14px; font-weight: 400; color: #000;}



.float {
  position: fixed;
  width: 45px;
  height: 45px;
  bottom: 90px;
  right: 15px;
  background-color: #25d366;
  color: #FFF !important;
  border-radius: 50px;
  text-align: center;
  font-size: 30px;
  -webkit-box-shadow: 2px 2px 3px #999;
  box-shadow: 2px 2px 3px #999;
  z-index: 9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-decoration: none !important;
}

.hero-container{padding: 115px 0 60px 0; position: relative;}
.hero-container:before{content: ''; background: url(../images/banner-top-arrow-new.png) no-repeat; left: 50%; transform: translateX(-50%); bottom: -24px; position: absolute; width: 129px; height: 26px; z-index:1;}
.hero-container .row{display: flex; align-items: center;}

.hero-container-left img{width: 98%; display: table; margin: auto;}
.hero-container-left a{display: table; margin: 25px auto 0; padding: 12px 30px; background: linear-gradient(90deg,#f27d21 0,#e3232d 25%,#913c8a 50%,#314d9e); color: #fff; font-size: 17px; border-radius: 50px; font-weight: 600; text-decoration: none;}

.hero-container-right{padding-left: 30px;}
.hero-container-right h1{background: linear-gradient(90deg,#f27d21 0,#e3232d 25%,#913c8a 50%,#314d9e); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 24px; font-weight: 700; margin-bottom: 15px;}
.hero-container-right .price{font-size: 32px; font-weight: 700; color: #034da7; display: inline-block; margin-right: 15px; vertical-align: middle;}
.hero-container-right .price i{vertical-align: middle; font-size: 34px; margin-top: -3px; margin-right: -2px; font-weight: 400;}
.hero-container-right .price-cut{display: inline-block; margin-right: 30px; vertical-align: middle; position: relative; font-size: 18px; font-weight: 500; color: #a5a5a5;}
.hero-container-right .price-cut i{vertical-align: middle; font-size: 20px; margin-top: 0px; margin-right: -1px; font-weight: 400;}
.hero-container-right .price-cut:before {content: ""; background: #909090; width: 100%; height: 2px; left: 0; top: 1px; bottom: 0; margin: auto; position: absolute;}
.hero-container-right .price-saving{font-size: 26px; font-weight: 700; color: #4a4a4a; margin-top: 3px; margin-bottom: 20px;}
.hero-container-right .price-saving i{vertical-align: middle; font-size: 28px; font-weight: 400; margin-right: -3px;}
.hero-container-right .price-saving span{display: inline-block; font-size: 13px; color: #4a4a4a; margin-bottom: 2px; vertical-align: middle; margin-right: 2px;}
.hero-container-right h3{font-size: 18px; font-weight: 600; color: #222; margin-bottom: 15px;}
.hero-container-right ul{margin: 0; padding: 0; list-style: none;}
.hero-container-right ul li{display: block; position: relative; font-size: 14px; font-weight: 400; margin-bottom: 10px; padding-left: 25px; line-height: 25px; color: #333;}
.hero-container-right ul li:before{content: '\f00c'; font-family: 'FontAwesome'; position: absolute; left: 0; top: 0; color: #034da7;}
.hero-container-right h5{font-size: 20px; font-weight: 600; margin: 25px 0 25px 0; color: #ea4c27;}
.hero-container-right a{width: 150px; display: inline-block; transition: 0.2s; text-align: center; height: 42px; line-height: 40px; color: #534797; font-size: 14px; font-weight: 600; border: 1px solid #534797; border-radius: 50px; margin-right: 15px; text-decoration: none;}
.hero-container-right a:last-child{color: #f17422; border: 1px solid #f17422;}
.hero-container-right a:hover{color: #fff; background: #f17422; border: 1px solid #f17422;}
.hero-container-right a:last-child:hover{color: #fff; background: #534797; border: 1px solid #534797;}


.tata-sky-advantage-section{background: url(../images/tata-sky-advantage-bg.jpg) no-repeat; background-size: cover; background-position: center center; padding: 70px 0 0px 0;}
.tata-sky-advantage-section h2{color: #fff; text-align: center; padding: 0 15px; font-weight: 600; margin-bottom: 40px; position: relative; font-size: 30px;}
.tata-sky-advantage-section h2:before{content: ''; background: #fff; width: 100px; height: 3px; position: absolute; left: 0; right: 0; margin: auto; bottom: -20px;}
.tata-sky-advantage-section p{font-size: 14px; color: #fff; text-align: center; font-weight: 400; margin-bottom: 90px;}

.tata-sky-advantage-left ul{margin: 0; padding: 0; list-style: none;}
.tata-sky-advantage-left ul li{position: relative; padding-right: 110px; color: #fff; font-size: 14px; text-align: right; font-weight: 700; text-transform: uppercase; margin-bottom: 120px; line-height: 25px;}
.tata-sky-advantage-left ul li span{position: absolute; right: 0; top: 50%; transform: translateY(-50%); max-width: inherit; width:86px; height:86px; background: linear-gradient(to right, #f22929 , #4054b2); text-align:center; font-size:32px; line-height:86px; color:#fff; font-weight:300; border-radius:50%;}

.tata-sky-advantage-right ul{margin: 0; padding: 0; list-style: none;}
.tata-sky-advantage-right ul li{position: relative; padding-left: 110px; color: #fff; font-size: 14px; text-align: left; font-weight: 700; text-transform: uppercase; margin-bottom: 120px; line-height: 25px;}
.tata-sky-advantage-right ul li span{position: absolute; left: 0; top: 50%; transform: translateY(-50%); max-width: inherit; max-height: inherit; width:86px; height:86px; background: linear-gradient(to right, #f22929 , #4054b2); text-align:center; font-size:32px; line-height:86px; color:#fff; font-weight:300; border-radius:50%;}
.tata-sky-advantage-right ul li:nth-of-type(2){margin-bottom: 136px;}


.middle-banner{display: table; margin: 70px auto;}

.what-we-offers{background: #f5f5f5; padding: 70px 0;}
.what-we-offers .align-item{display: flex; align-items: center;}
.what-we-offers h2{color: #222; text-align: center; padding: 0 15px; font-weight: 600; margin-bottom: 60px; position: relative; font-size: 30px; text-transform: uppercase;}
.what-we-offers h2:before {content: ''; background: #222; width: 100px; height: 3px; position: absolute;  left: 0; right: 0; margin: auto; bottom: -20px;}
.what-we-offers-left img{width: 85%; display: table; margin: auto;}
.what-we-offers-right{padding-top: 25px;}
.what-we-offers-right ul{margin: 0; padding: 0; list-style: none;}
.what-we-offers-right ul li{font-size: 14px; line-height: 26px; font-weight: 600; margin-bottom: 16px; color: #4a4a4a; padding-left: 40px; position: relative;}
.what-we-offers-right ul li:before {content: '\f00c'; font-family: 'FontAwesome'; position: absolute; left: 0; top: 3px; color: #fff; font-size: 11px; width: 25px; height: 25px; line-height: 25px; text-align: center; background: #095aa2;  border-radius: 50%; font-weight: 400;}

.why-choose-section{background: #f5f5f5; padding: 100px 0;}
.why-choose-section h2{color: #e8060b; font-size: 36px; text-transform: uppercase; text-align: center; margin-bottom: 80px; font-weight: 700; position: relative;}
.why-choose-section h2:before{content: ''; background: #e8060b; position: absolute; left: 0; right: 0; margin: auto; bottom: -18px; width: 100px; height: 2px;}
.why-choose-box{text-align: center; transition: 0.2s; background: #fff; padding: 35px 15px; margin-left: 20px; margin-right: 20px; box-shadow: 0 0 13px rgba(0, 0, 0, 0.08);}
.why-choose-box img{width: 100px; margin-bottom: 30px;}
.why-choose-box p{color: #000; font-size: 18px; font-weight: 500;}
.why-choose-box:hover{transform: scale(1.15); box-shadow: 0px 6px 20px 12px rgba(0, 0, 0, 0.04);}

.offer-banner-section{background: linear-gradient(90deg,#f27d21 0,#e3232d 25%,#913c8a 50%,#314d9e); padding: 30px 0;}
.offer-banner-section h4{text-align: center; font-size: 30px; color: #fff; font-weight: 700; margin-bottom: 15px;}
.offer-banner-section a{background: #fff; display: table; margin: auto; padding: 12px 30px; color: #873e8c; font-weight: 700; font-size: 16px; border-radius: 50px; text-decoration: none; transition: 0.2s;}
.offer-banner-section a:hover{transform: scale(1.08);}

.contact-section{background: #fff; padding: 60px 0 60px 0;}
.footer-box h4{font-size: 16px; font-weight: 700; color: #313131; margin-bottom: 15px;}
.footer-box ul{margin: 0; padding: 0; list-style: none;}
.footer-box ul li{display: block;}
.footer-box ul li a{display: block; font-size: 13px; color: #404040; margin-bottom: 10px; font-weight: 500;}
.footer-box-1{padding-right: 160px;}
.footer-box-2{padding-left: 40px;}

.copyright-section{background: #324c9d; padding: 10px 0;}
.copyright-section p{color: #fff; font-size: 13px; text-align: center;}

.middle-tata-play-img{width: 100%; display: block; margin: -20px auto 0;}


.packages-page-banner{margin-top: 64px;}
.packages-page-banner img{width: 100%;}
.package-section{padding: 120px 0 20px 0;}
.package-section h2{color: #222; text-align: center; padding: 0 15px; font-weight: 600; margin-bottom: 70px; position: relative; font-size: 30px; text-transform: uppercase;}
.package-section h2:before{content: ''; background: #222; width: 100px; height: 3px; position: absolute; left: 0; right: 0; margin: auto; bottom: -20px;}

.packgage-section-box{text-align: center; height: 340px; position: relative; transition: 0.2s; margin-bottom:40px;  background: #fff; padding: 35px 15px; margin-left: 10px; margin-right: 10px; box-shadow: 0 0 13px rgba(0, 0, 0, 0.16); border-radius: 5px;}
.packgage-section-box span{display: block; font-size: 16px; font-weight: 700; color: #2d448a; margin-bottom: 10px;}
.packgage-section-box p{font-size: 14px; color: #7d7d7d; font-weight: 500; margin-bottom: 15px;}
.packgage-section-box h4{font-size: 28px; color: #e83d2a; font-weight: 600; letter-spacing: 1px; margin-bottom: 20px;}
.packgage-section-box ul{margin: 0 0 28px; 0; padding: 0 20px; list-style: none;}
.packgage-section-box ul li{display: block; line-height: 20px; margin-bottom: 10px; text-align: left; position: relative; font-size: 12px; color: #7d7d7d; font-weight: 400; padding-left: 5px;}
.packgage-section-box ul li:before {content: '\f00c'; font-family: 'FontAwesome'; position: absolute; left: -15px; top: 0; color: #034da7;}
.packgage-section-box a{background: #cf2943; width: 140px; position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); color: #fff; padding: 10px 33px; border-radius: 50px; font-weight: 500; display: table; margin: auto; text-decoration: none; transition: 0.2s;}
.packgage-section-box:hover {transform: scale(1.10); box-shadow: 0px 6px 20px 12px rgba(0, 0, 0, 0.14);}
.packgage-section-box a:hover{background: #704190;}

.book-now-section{margin: 100px 0 0 0;}
.book-now-section h2{background: linear-gradient(330deg,#ff9000 0,red 50%,#0a00b2 100%); background: -moz-linear-gradient(330deg,#ff9000 0,red 50%,#0a00b2 100%);  background: -webkit-linear-gradient(330deg,#ff9000 0,red 50%,#0a00b2 100%); background-image: -ms-linear-gradient(330deg,#ff9000 0,red 50%,#0a00b2 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; font-size: 42px; font-weight: 400; text-align: center; margin-bottom: 20px;}
.book-now-section p{font-size: 16px; text-align: center; color: #777; margin-bottom: 30px;}

.book-now-form-width{max-width: 300px; margin: 45px auto 0;}
.book-now-form-box{position: relative; margin-bottom: 35px;}
.book-now-form-box label{font-size: 12px; font-weight: 500; color: #555; display: block; margin-bottom: 8px;}
.book-now-form-box input{width: 100%; height: 40px; border: 1px solid #c7c7c7; border-radius: 4px; padding: 0 10px; font-weight: 500; color: #000;}
.book-now-form-box-number font{position: absolute; left: 10px; top: 34px; color: #8e8e8e;}
.book-now-form-box-number input{padding-left: 40px;}
.book-now-form-width p{font-size: 12px; color: #777; margin: 0px -65px;}
.book-now-form-width input[type="submit"]{background: #f24e3c; transition: 0.2s; border: none; display: table; margin: 45px auto 0; color: #fff; font-size: 15px; font-weight: 600; padding: 14px 45px; border-radius: 3px;}
.book-now-form-width input[type="submit"]:hover{background: #504099;}
.book-now-form-box .error-msg{position: absolute; bottom: -16px; left: 0; font-size: 11px; color: red; font-weight: 500;}

.thank-you-section{margin: 180px 0 0 0;}
.thank-you-section img{width: 110px; display: table; margin: 0 auto 30px;}
.thank-you-section h2{background: linear-gradient(330deg,#ff9000 0,red 50%,#0a00b2 100%); background: -moz-linear-gradient(330deg,#ff9000 0,red 50%,#0a00b2 100%);  background: -webkit-linear-gradient(330deg,#ff9000 0,red 50%,#0a00b2 100%); background-image: -ms-linear-gradient(330deg,#ff9000 0,red 50%,#0a00b2 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; font-size: 40px; line-height: 52px; font-weight: 400; text-align: center; margin-bottom: 35px;}
.thank-you-section p{text-align: center; font-size: 15px; color: #000; font-weight: 500;}
.thank-you-section p a{background: #d31f3d; padding: 8px 13px; color: #fff; margin-left: 8px; text-decoration: none; font-size: 16px;}
.thank-you-section p a i{vertical-align: middle; margin-right: 1px; font-size: 21px; margin-top: 1px;}

.modal {text-align: center; padding: 0!important;}
.modal:before {content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px;}
.modal-dialog {display: inline-block; text-align: left; vertical-align: middle;}


.privacy-policy-section{padding: 120px 0 40px 0; border-bottom: 1px solid #e0e0e0;}
.privacy-policy-section h1{font-size: 30px; font-weight: 600; color: #000; margin-bottom: 15px;}
.privacy-policy-section span{font-weight: 600; font-size: 15px; color: #000; display: block; margin-bottom: 20px;}
.privacy-policy-section h4{font-size: 18px; font-weight: 600; color: #000; margin-bottom: 11px; padding-top: 15px;}
.privacy-policy-section p{font-size: 14px; font-weight: 500; color: #333; line-height: 28px; margin-bottom: 15px;}
.privacy-policy-section p a{text-decoration: underline; color: #0000ff;}
.privacy-policy-section h2{font-size: 27px; font-weight: 600; color: #000; margin-bottom: 10px; padding-top: 15px;}
.privacy-policy-section ul{margin: 0 0 6px 20px; padding: 0;}
.privacy-policy-section ul li{font-size: 14px; color: #333; margin-bottom: 14px; font-weight: 500;}

.modal-content{background: linear-gradient(180deg, #4054B2 0%, #F22929 100%); box-shadow: none; border-radius: 0; border: none;}
.modal-body{padding: 70px 20px;}
.modal-body p{text-align: center; font-size: 30px; font-weight: 700; color: #fff; margin-bottom: 25px;}
#timer{font-size: 0;}
#clockdiv{ color: #000; font-weight: 500; font-size: 36px; text-align: center;}
#clockdiv > div{padding: 10px 20px; border-radius: 0px; background: #fff; display: inline-block; margin: 0 5px;}
.smalltext{padding-top: 0; font-size: 12px; color: #000; font-weight: 400; margin-top: -5px}
.display{display:none !important;}

.popup-form-box{background: #fff; padding: 20px; max-width: 340px; margin: 25px auto 0; box-shadow: -1px 3px 12px rgb(0 0 0 / 40%);}
.popup-form-box h4{font-size: 21px; font-weight: 500; color: #404040; margin-bottom: 15px;}
.popup-form-box-div{position: relative;}
.popup-form-box-div label{font-size: 12px; font-weight: 500; color: #424242; margin-bottom: 6px; display: block;}
.popup-form-box-div input{width: 100%; height: 40px; border-radius: 2px; border: 1px solid #ccc; font-size: 14px; color: #000; font-weight: 500; padding: 0 10px;}
.popup-form-box input[type="submit"]{width: 130px; height: 40px; background: #4153b0; border: none; color: #fff; font-size: 14px; font-weight: 500; margin-top: 20px; border-radius: 3px; transition: 0.2s;}
.popup-form-box input[type="submit"]:hover{background: #ef292b;}
.modal-backdrop{background: #fff;}
.popup-form-box .error-msg{position: absolute; bottom: -16px; left: 0; font-size: 11px; color: red; font-weight: 500;}

.animated{animation-name: example; animation-duration: 0.4s;}
@keyframes example {
  from {transform: scale(0);}
  to {transform: scale(1);}
}


.hero-container a.bottom-arrow {
  padding-top: 60px;
}
.hero-container a.bottom-arrow span {
  position: absolute;
    bottom: -14px;
    left: 50%;
    width: 28px;
    height: 45px;
    margin-left: -15px;
    border: 2px solid #ea4c27;
    border-radius: 50px;
    box-sizing: border-box;
    z-index:2;
}
.hero-container a.bottom-arrow span::before {
  position: absolute;
  top: 10px;
  left: 50%;
  content: '';
  width: 6px;
  height: 6px;
  margin-left: -3px;
  background-color: #ea4c27;
  border-radius: 100%;
  -webkit-animation: sdb10 2s infinite;
  animation: sdb10 2s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb10 {
  0% {
    -webkit-transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb10 {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

.bottom-fixed{background: #e8e8e8; display: none; box-shadow: -2px 0px 7px rgba(0,0,0,.15); bottom: 0; padding: 12px 0; position: fixed; width: 100%; z-index: 200;}
.bottom-fixed ul {margin: 0; padding: 0; list-style: none;}
.bottom-fixed ul li{width: 50%; position: relative; border-right: 1px solid #777; text-align: center; float: left; display: block;}
.bottom-fixed ul li:last-child{border-right: none;}
.bottom-fixed ul li a{color: #000 !important; padding: 1px 0; text-decoration: none !important; font-weight:700;}
.bottom-fixed ul li a i {margin-right: 3px; color: #000 !important; vertical-align: middle; font-size: 18px; margin-top: -1px;}

.four-box-section{padding: 70px 0;}
.four-box-section-box{background: #f3f3f3; border: 1px solid #e5e4e4!important; padding-bottom: 25px; margin: 0 10px 0 10px; box-shadow: 0 0 13px rgba(0, 0, 0, 0.16);}
.four-box-section-box h4{position: relative; font-size: 14px; text-align: center; padding: 15px 10px 10px; background: #fff;}
.four-box-section-box h4:after{content: ""; background: linear-gradient(330deg,#ff9000,red 50%,#0a00b2); display: block; height: 2px; width: 100%; position: absolute; bottom: 0; left: 0;}
.four-box-section-box p{text-align: center; font-size: 26px; padding: 18px 15px 12px 15px; color: #292929;}
.four-box-section-box p i{font-size: 21px; font-weight: 400; margin-right: -2px;}
.four-box-section-box img{padding: 0 20px;}
.four-box-section-box a{width: 110px; transition: 0.2s; display: table; margin: 15px auto 0; background: #2e92ff; text-align: center; height: 34px; line-height: 34px; color: #fff; font-size: 13px; border-radius: 78px; text-decoration: none;}
.four-box-section-box a:hover{background: #e10c49;}


.choose-plan-grid{display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[4]; grid-template-columns: repeat(4, 1fr); grid-gap: 30px;}
.choose-plan-grid-box{background: #ffffff; -webkit-box-shadow: 0px 0px 14px 5px rgb(0 0 0 / 6%); box-shadow: 0px 0px 14px 5px rgb(0 0 0 / 6%); border-radius: 0 5px 5px 5px; padding: 20px 20px 56px 20px; position: relative; text-align: center;}
.choose-plan-grid-box h3{background-color: #F7E1FF; padding: 5px 10px; display: table; position: absolute; font-size: 14px; color: #000000; font-weight: 500; top: -25px; left: 0;}
.choose-plan-grid-box h3::after{content: ''; background-color: #F7E1FF; position: absolute; top: 0; bottom: 1px; right: -4px; width: 10px; -webkit-transform: skewX(20deg); transform: skewX(20deg);}
.choose-plan-grid-box img{margin-bottom: 8px;}
.choose-plan-grid-box p {font-size: 27px; color: #E10493; font-weight: 700; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.choose-plan-grid-box p i{vertical-align: middle; margin-top: 4px; margin-right: 3px;}
.choose-plan-grid-box p span {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 5px; font-size: 18px; color: #666666; position: relative; margin-left: 10px;}
.choose-plan-grid-box p span:after {content: ''; background-color: #666666; left: 2px; right: -2px; top: 53%; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 1px; position: absolute;}
.choose-plan-grid-box font {color: #4827A9; display: block; font-size: 13px; font-weight: 700; margin-top: 4px;}
.choose-plan-grid-box a {position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 0; width: 170px; height: 36px; border-radius: 5px 5px 0 0; border: 1px solid #4827A9; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #4827A9; font-size: 15px; font-weight: 700; text-decoration: none; -webkit-transition: 0.25s; transition: 0.25s;}
.choose-plan-grid-box:hover a{background-color: #4827A9; color: #ffffff;}




@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}
.blink{
	text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 0.6s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
}

.loading {position: fixed; z-index: 999; height: 2em; width: 2em; overflow: show; margin: auto; top: 0; left: 0; bottom: 0; right: 0; display: none;}
.loading:before {content: ''; display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3);}
.loading:not(:required) {font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0;}
.loading:not(:required):after {content: ''; display: block; font-size: 10px; width: 1em; height: 1em; margin-top: -0.5em; -webkit-animation: spinner 1500ms infinite linear; -moz-animation: spinner 1500ms infinite linear; -ms-animation: spinner 1500ms infinite linear; -o-animation: spinner 1500ms infinite linear; animation: spinner 1500ms infinite linear; border-radius: 0.5em; -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0; box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;}

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


@media (max-width: 1199px){
.packgage-section-box{height: 360px;}
}

@media (max-width: 991px){
 
header .logo {
  width: 60%;
}
  .hero-container .row, .what-we-offers .align-item{display: inherit; align-items: inherit;}
  .middle-tata-play-img{margin: 40px auto;}
  .choose-plan-grid{-ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); grid-gap: 55px;}
.hero-container-left{margin-left: -15px; margin-right: -15px;}
.hero-container-right{padding-left: 0; margin-left: -15px; margin-right: -15px; padding-top: 50px;}
.hero-container-right a{width: 135px; margin-right: 13px;}
.tata-sky-advantage-section p{margin-bottom: 55px;}
.tata-sky-advantage-section{padding: 70px 0 40px 0;}
.tata-sky-advantage-left ul li span, .tata-sky-advantage-right ul li span{position: static; transform: inherit; display: block; margin: 0 auto 15px;}
.tata-sky-advantage-left ul li, .tata-sky-advantage-right ul li{text-align: center; margin-bottom: 30px; padding-left: 0; padding-right: 0;}
.tata-sky-advantage-img-center{display: block; margin: 10px auto 40px;}
.tata-sky-advantage-right ul li:nth-of-type(2){margin-bottom: 30px;}
.middle-banner{margin: 10px auto 40px;}
.what-we-offers-left img{width: 90%;}
.what-we-offers-right{padding-top: 35px;}
.what-we-offers{padding: 70px 0 60px 0;}
.offer-banner-section h4{font-size: 27px; margin-bottom: 20px;}
.footer-box-1{padding-right: 15px;}
.footer-box-2{padding-left: 15px;}
.footer-box{margin-bottom: 25px;}
.footer-box-1 img{width: 190px;}
.footer-box ul li{display: inline-block; margin-right: 15px}
.contact-section{padding: 50px 0 25px 0;}
.what-we-offers-right{margin-left: -15px; margin-right: -15px;}
.thank-you-section{margin: 110px 0 60px 0;}
.thank-you-section h2{font-size: 36px;}
.thank-you-section h2 br{display: none;}
.thank-you-section img{margin: 0 auto 20px}
.book-now-section {padding-bottom: 120px;}
header{position: relative; margin-bottom: -64px;}
.bottom-fixed{display: initial;}
.copyright-section{padding: 10px 0 54px 0;}
.book-now-section h2{font-size: 36px;}
.packgage-section-box {height: 360px;}
.four-box-section-box{margin: 0 10px 50px 10px;}
.four-box-section{padding: 70px 0 50px 0;}
}

@media (min-width: 768px){
.modal-dialog {width: 500px; margin: 30px auto;}
}


@media (max-width: 767px){
.modal-dialog{width: 90%;}
.packgage-section-box{margin-left: -7px; margin-right: -7px; margin-bottom: 30px;}
.package-section{padding: 110px 0 40px 0;}
.book-now-form-width p{margin: 0;}
.thank-you-section p a{display: table; margin: 15px auto 0;}
.packgage-section-box{height: auto;}
.packgage-section-box a{position: static; transform: inherit;}
.four-box-section-box{margin: 0 -5px 30px -5px;}
.top-book-now-form-box{width: 100%; float: none; margin: 0; margin-bottom: 20px;}
.top-popup-form-box input[type="submit"]{margin-top: 0; width: 100%;}
.choose-plan-grid{-ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr);}
}



@font-face{font-family:FontAwesome;src:url(../fonts/fontawesome-webfont.eot?v=4.7.0);src:url(../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format('embedded-opentype'), url(../fonts/fontawesome-webfont.woff2?v=4.7.0) format('woff2'), url(../fonts/fontawesome-webfont.woff?v=4.7.0) format('woff'), url(../fonts/fontawesome-webfont.ttf?v=4.7.0) format('truetype'), url(../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg');font-weight:400;font-style:normal;}
.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.fa-phone:before{content:'\f095';}
.fa-map-marker:before{content:'\f041';}
.fa-envelope:before{content:'\f0e0';}
.fa-facebook:before{content:'\f09a';}
.fa-whatsapp:before{content:'\f232';}
.fa-facebook:before{content:'\f09a';}
.fa-linkedin:before{content:'\f0e1';}
.fa-user:before{content:'\f007';} 
.fa-calendar:before{content:'\f073';}
.fa-inr:before{content:'\f156';}
.fa-user-plus:before{content:'\f234';}