@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700;800;900&display=swap');
body{
	font-family: 'Montserrat', sans-serif;
	color: #252525;
}
.banner-images img{
    height: auto;
    width: 100%;
    aspect-ratio: auto 845 / 279;
}
.why-choose-excitel-img img {
    padding-top: 35px;
    height: auto;
    width: 100%;
    aspect-ratio: auto 845 / 279;
}
.price-data-table{
    width: 75%;
    text-align: center;
    margin: 0 auto;
}
.price-data-table img{
    height: auto;
    width: 100%;
    aspect-ratio: auto 180 / 107;
}
.testimonials-side-img img{
    height: auto;
    width: 100%;
    aspect-ratio: auto 729 / 664;
}
img.smile-cl{
    max-width: 5%;
    height: auto;
    width: 100%;
    aspect-ratio: auto 1 / 1;
}
.why-choose-excitel-broadband-cl img{
    height: auto;
    width: 100%;
    aspect-ratio: auto 1600 / 333;
    padding: 30px 0 30px 0;
}
.logo.d-none.d-md-block{
	position: absolute;
    left: 50px;
    top: 10px;
}
.excitel-header{
 	display: block !important;
 }
.mobile_banner{
	display: block;
}
.bottom-wrapper.super-man-mobile{
    display: none;
}
.benefits-cl:before{
	content: ;
}
h3 .mbps-plan-first{
	font-size: 60px;
    font-weight: 800;
}
.special-offer-tag-mobile{
	display: none;
}
.special-offer-tag{
	position: absolute;
    bottom: 80%;
    right: 36%;
    width: 25%;
}
.testimonials {
    padding-bottom: 7rem;
}
.mobile-testimonials-title {
    display: none;
}
section.testimonials .slick-prev.slick-arrow {
    display: none!important;
}
.excitel-storie-cl {
    padding: 15px;
}
.mobile-smart-banner-offer-main{
    display: none;
}
.excitel-storie-border {
    border: 2px solid #57a1d8;
    min-height: 485px;
    border-radius: 10px;
    position: relative;
    padding-bottom: 60px;
}
.storie-and-stars-review {
    padding: 20px 10px 20px 20px;
}
.custom-review-name {
    display: block;
    font-weight: 700;
}
.mobile-why-choose-excitel {
    display: none;
}
.testimonials {
    padding-bottom: 7rem;
}
section.testimonials .slick-dots li button::before {
    content: ""!important;
    display: block;
    width: 17px!important;
    height: 17px!important;
    background: #fff!important;
    left: 0!important;
    top: 50%!important;
    position: absolute!important;
    border-radius: 30px;
    opacity: 1;
    border: 2px solid #2f729d;
}
section.testimonials .slick-dots li.slick-active button:before {
    background: #2f729d!important;
}
.testimonials-title {
    text-align: center;
    padding-bottom: 50px;
}
.testimonials-title h3 {
    font-weight: 700;
    padding-top: 40px;
}
/*.testimonials-title {
    display: none;
}*/
.at-cl-main img{
	width: 75%;
    padding: 0px 30px
}
.ruppes-cl{
	font-size: 60px;
    font-weight: 800;
}
.ruppes-cl::before {
    content: '₹';
    margin: 0;
    padding: 0;
}
.leadform-add-cl{
	color: #fff !important;
	text-decoration: none;
}
.per-month{
	font-size: 30px;
    font-weight: 800;
    position: relative;
    top: -8px;
    left: 0;
    right: 0;
}
.storie-desc{
     padding: 0px 25px;
     font-weight: 500;
}
span.up-arrow-cl{
    font-size: 5em;
    color: #2550a3;
    font-weight: 700;
    line-height: 1;
    position: relative;
    top: 20px;
}
/*.storie-name{
     font-weight: 700;
     position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 20px;
}*/
.excitel-storie-slider{
     text-align: center;
}
.excitel-storie-border{
     border: 2px solid #57a1d8;
     height: 460px;
     border-radius: 10px;
     position: relative;
    padding-bottom: 60px;
}
.excitel-storie-title h3{
     text-align: center;
    font-size: 2rem;
    font-weight: 700;
}
.excitel-success-storie-main{
     padding: 50px 0;
}
.excitel-success-storie-main .slick-dots li button::before {
    width: 20px!important;
    height: 20px!important;
    border-radius: 0 !important;
}

.excitel-storie-cl {
    padding: 15px;
}
.excitel-success-storie-main .slick-dots li.slick-active button:before {
    background-color: #0a66c2 !important;
}
.excitel-success-storie-main .slick-dots li button:before {
    color: transparent;
    background-color: #f2f2f2;
    opacity: 1;
}
.router-security{
	text-align: right;
    font-size: 10px;
    color: #fff;
    font-weight: 500;
    position: absolute;
    right: 20%;
    bottom: 0;
}
section.new-mbps-plan{
    background-color: #fd8138;
    /*border: 3px solid red;*/
    border-left: none;
    border-right: none;
    position: relative
}
span.fiber-broadband-cl{
	font-size: 33px;
    position: relative;
    top: -3px;
    font-weight: 800;
}
.mbps-plan{
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    color: #fff;
    margin-top: 25px;
    text-shadow: 2px -2px 0 #8c1818, -2px 2px 0 #8c1818, 2px -2px 0 #8c1818, -1px 2px 0 #8c1818, 2px 2px 0 #8c1818, -1px -2px 0 #8c1818, -2px 1px 0 #8c1818;
    letter-spacing: 1px;
}
.excitel-header {
    /*background-image: url(images/banner_bg.png);
    background-position: 0 25px;
    background-size: cover;
    padding: 0;
    background-repeat: no-repeat;*/
}
.logo img {
    width: 160px;
}
.header-content {
    position: absolute;
    top: 15%;
    left: 3%;
}
.header-content h1 {
    color: #ff6a14;
    font-size: 45px;
    font-weight: 800;
    line-height: 1.3;
    text-transform: uppercase;
}
.header-one {
    font-size: 45px;
    font-weight: 800;
    padding-left: 0.2rem;
    line-height: 1.3;
}
.header-two {
    font-size: 45px;
    padding-left: 0.2rem;
}
.header-btn {
    margin-top: 4rem;
    padding-left: 0.2rem;
}
.header-btn a {
    color: #fff;
    text-decoration: none;
    background-color: #0d6efd;
    font-weight: 600;
    color: #fff;
    padding: 1rem;
    border-radius: 30px;
    font-size: 20px;
    text-transform: uppercase;
}
.d-block {
    display: block!important;
}
.d-none {
    display: none!important;
}
.form_right {
	background-color: transparent;
	padding: 25px;
	top: 9rem;
}
.hidden-tables-cl{
	text-align: center;
	border-bottom: none;
}
.ott-plan-cl{
    padding: 15px;
}
.ott-plan-cl img{
	max-width: 100%;
    height: auto;
    vertical-align: top;
    width: 80%;
}
#leadForm input::placeholder {
    color: #000;
}
.book_block h4 {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 1px;
    margin: 0 0 25px;
    color: #000;
    line-height: 1.2;
}
.benefits-cl {
    font-size: 45px;
 }
 .line_white {
 	height: auto !important;
 }
td.for-speed-cl, .get-excitel-connection-cl, .happy-homes{
	border-bottom: none !important;
	padding-top: 30px;
}
.excitel-link{
	text-decoration: none;
}
.experince-price-table{
	padding-top: 35px !important;
}
.experince-price-table, .term-condition{
	border-bottom: none !important;
}
.mobile-header-content{
	display: none;
}
.happy-homes h3{
	text-align: center;
	font-weight: 800;
	padding-top: 15px;
}
.for-speed-cl h3{
	font-weight: 600;
}
.for-speed-cl, .get-excitel-connection-cl,.term-condition,.super-fast-cl{
	text-align: center;
}
.super-fast-cl{
	padding-top: 30px;
}
    .slick-prev.slick-arrow{
        display: none !important;
    }
    .slick-next.slick-arrow{
        display: none !important;
    }
.super-fast-cl h4{
	font-weight: 700;
	font-size: 25px;
	padding-bottom:  20px;
}
.get-excitel-connection-cl a, .connection-button{
	padding: 15px;
    background-color: #ff802b;
    border-radius: 10px;
    color: #fff;
    text-decoration: none;
    font-size: 20px;
    font-weight: 700;
}
.super-fast-cl button{
	background-color: #ff6600;
	padding: 10px;
    border-radius: 10px;
    border: none;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
}
.term-condition{
	font-size: 13px !important;
}
.get-excitel-connection-cl button{
	background-color: #ff802b;
	padding: 10px;
    border-radius: 10px;
    border: none;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
}
.banner{
/*	background: url('../images/banner_bg.jpg');
	background-size: cover;*/
	width: 100%;
	position: relative;
}
.experince-price-table{
    text-align: center;
}
/*.experince-price-table img{
	width: 70% !important;
}*/
.experince-title h2{
	text-transform: uppercase;
	text-align: center;
	font-weight: 800;
	margin: 0px 10px;
    line-height: 0.7;
}
.banner img{
 width: 100%;
}
.mobile-banner-image{
	display: none;
}
.form_right {
    position: absolute;
    width: 360px;
    float: right;
    margin-right: 70px;
    top: 1rem;
    right: 0%;
    height: 285px;
}
.benefits-excitel-main{
	margin-bottom: 3rem;
}
.thank_right{
	position: absolute;
    width: 400px;
    float: right;
    background: #fff;
    top: 8rem;
    right: 2%;
    background-color: rgb(23 68 156/78%);
    border-radius: 25px;
    color: #fff;
}
.thank_right h1{
	font-size: 30px;
	padding: 40px;
	font-weight: 700;
}
.form_right .form_outer{
	/*background: url('../images/lines.png');*/
	background-repeat: no-repeat;
	background-position: right bottom;
	/*border:1px solid #6c45a7;*/
	padding: 20px 20px;
	background-color: rgb(23 68 156/78%);
	border-radius: 20px;
    /*width: 340px;*/
}
.g-recaptcha {
    padding-bottom: 20px;
}
.form_outer .form-input:focus{
	outline: none;
}
.button_submit {
    background: #fff;
    color: #000;
    font-weight: 600;
    border-radius: 20px;
    padding: 4px 30px;
    font-size: 15px;
    text-transform: uppercase;
}
.button_submit:hover{
	color: #fff !important;
}
.button_submit:focus{
	outline: none;
}
.form_right h4 {
	font-weight: 800;
    font-size: 25px;
    color: #fff;
    text-align: center;
    margin: 10px 0 18px;
}
.thank-you{
	position: relative;

}
#leadForm input{
	font-weight: 700;
}
.experince-main-cl .tbl-responsive .new-price-table{
	padding-bottom: 25px;
}
.form_outer .form-input{
	margin: 0 0 12px;
	border-radius: 20px;
	height: 35px;
	color: #29292a;
	font-size: 15px;
	width: 100%;
	height: 38px;
	padding:0 15px;
	border: 1px solid #cac8c8;
}
.main_form .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #29292a;
}
.main_form .form-control::-moz-placeholder { /* Firefox 19+ */
  color: #29292a;
}
.main_form .form-control:-ms-input-placeholder { /* IE 10+ */
  color: #29292a;
}
.main_form .form-control:-moz-placeholder { /* Firefox 18- */
  color: #29292a;
}
#ud1::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #6c4a9e;
}
#ud1::-moz-placeholder { /* Firefox 19+ */
  color: #6c4a9e;
}
#ud1:-ms-input-placeholder { /* IE 10+ */
  color: #6c4a9e;
}
#ud1:-moz-placeholder { /* Firefox 18- */
  color: #6c4a9e;
}
#ud1{
	color: #6c4a9e;
}
.banner_right h4{
	text-align: center;
	margin: 0 0 40px;
	font-size: 30px;
	text-transform: uppercase;
	font-weight: bold;
	color: #0aa4a3;
}
.side_button_cl{
	display: none;
}
.mobile-at-cl-main img{
	display: none;
}
.banner_right form{
	margin: 0 0 8px;
}
/*.term_condition:hover, .term_condition:focus{
	text-decoration: none;
	color: #0aa4a3;
}
.term_condition{
	color: #6c4a9e;
	text-decoration: none;
}
*/
.experince-main{
	display: none;
}
.tax_sec{
	background-image: url('../images/banner_bg2.jpg');
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	padding: 50px 0 20px;
}
.tax_sec h2{
	font-size: 45px;
	margin: 0;
}
.tax_sec p{
	font-size: 32px
	margin: 10px 0 5px;
}
.tax_sec h4{
	background: #663399;
	color: #f8e400;
	font-size: 45px;
	display: inline-block;
	padding: 5px 20px;
}
.plans img{
	width: 100%; 
}
.broadband_plans{
	padding: 37px 0px 45px;
	/*background: url(../images/line.jpg);*/
    background-repeat: no-repeat;
    background-position: left top;
}
.experince-title{
	display: flex;
    align-content: center;
}
.first-line-cl{
	margin-left: auto;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-content: space-between;
}
.second-line-cl{
	width: 40px;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
}
.first-line{
	display: flex;
    content: '';
    height: 1.5px;
    background-color: #000;
    position: relative;
    width: 30px;
}
.second-line{
	display: block;
    content: '';
    height: 1.5px;
    background-color: #000;
    position: relative;
    width: 20px;
    margin: auto 0;
    margin-left: 20px;
}
.third-line{
	display: block;
    content: '';
    height: 1.5px;
    background-color: #000;
    position: relative;
    width: 30px;
    margin-left: 10px;
}
.four-line{
	display: flex;
    content: '';
    height: 1.5px;
    background-color: #000;
    position: relative;
    width: 20px;
}
.five-line{
	display: block;
    content: '';
    height: 1.5px;
    background-color: #000;
    position: relative;
    width: 20px;
    margin-left: 15px;
    margin-top: 9px;
}
.six-line {
    display: block;
    content: '';
    height: 1.5px;
    background-color: #000;
    position: relative;
    width: 27px;
    margin-top: 9px;
    margin-left: 5px;
}
section.broadband_plans:after{
    display: flex;
    content: '';
    flex: 1;
    height: 2px;
    background-color: #ff802b;
    width: 32em;
    position: relative;
    margin: 0 auto;
}
.plans h4{
	text-align: center;
	font-size:32px;
	margin: 0 0 50px;
}
.plan_left h2 {
	font-weight: 500;
    color: #343434;
    text-transform: uppercase;
    font-size: 35px;
    display: table-cell;
    vertical-align: bottom;
}
.plans{
	 font-size: 28px;
	 /*text-transform: uppercase;*/
}
.highlight2{
	text-transform: uppercase;
}
.plan_left {
    height: 300px;
    display: table;
}
.dicount_txt{
	background:#6c4a9e;
	font-size:24px;
	padding: 12px 0;
	text-align: center;
}
.dicount_txt p{
	margin: 0;
	color: #fff;
	text-transform: uppercase;
}
.book_now{
	background:#0eaead;
	padding: 90px 0px 40px;
}
.book_block {
    text-align: center;
    color: #fff;
    padding: 0 23px;
    position: relative;
    /*display: inline-block;*/
}
.book_btns ul li{
	list-style-type: none;
	display: inline-block;
	margin: 0 20px;
}
.book_btns ul li a{
	color: #fff;
	padding: 7px 20px;
	text-align: center;
	background:#6c4a9e;
	border-radius: 25px;
	font-size:20px;
	text-decoration: none;
	width: 157px;
    display: inline-block;
    border: 1px solid transparent;
}
.book_btns ul{
	padding: 0;
}
.book_btns ul li a:hover{
	text-decoration: none;
	background:none;
	border:1px solid #fff;
	color: #fff;
}
.benefits-cl{
	font-size: 60px;
    font-weight: 800;
    text-align: center;
    margin-bottom: 55px;
}
a.connection-button:hover {
    color: #fff;
}
.book_block h4{
	
	font-size: 22px;
	font-weight: 600;
	letter-spacing: 1px;
	margin: 0 0 25px;
	color: #000;
}
.book_btns {
    text-align: center;
    padding: 100px 0px 0px;
}
.icons{
	height: 90px;
}
.book_block p{
	
	font-size: 20px
}
.line_white{
	border-right: 3px solid #000;
	height: 20rem;
}
.copyright{
	text-align: center;
}
.copyright p{
  margin: 0; 
  padding: 15px;
  font-size:18px;
}
.thanks_banner{
	height: 500px;
}
.thanks_banner .form_right .form_outer{
	height: 300px;
}
.Cable_plan{
	color: #343434;
    text-transform: uppercase;
    font-size: 20px;
    text-align: center;
    margin: 50px 0 0;
}
.diwali_offer{
    color: #333;
    font-size: 14px;
}
.plan_outer table{
	text-align: center;
  	border-collapse: unset;
  	margin-left: 28px;
}
.plan_outer table tr th{
	text-align: center;
}
.plan_outer table tr th span{
	font-weight: 600;
	text-align: center;
	color: #fff;
	border-radius: 5px 5px 0 0;
	width: 160px;
	display: inline-block;
	margin: 0 40px;
	padding: 4px;
}
.plan_outer table tr{
	position: relative;
}
.number{
	background: #808080;
    width: 55px;
    border-radius: 50%;
    position: absolute;
    color: #fff;
    height: 55px;
    padding: 5px;
    left: 24px;
    font-size: 32px;
}
.number{
	left: 4px;
}
.zero{
	color: #fff;
}
.plan_outer table tr td span{
	font-weight: 300;
	background: #fff;
    border-radius: 5px;
    color: #343434;
    font-size: 28px;
    
    padding: 7px;
    display: inline-block;
    width: 210px;
    margin: 0 0 20px;
}
.color1 span{
	background: #2550a3;
}
.color2 span{
	background: #f2673a;
}
.color3 span{
	background: #2550a3;
}
.highlight2 {
    border: 2px solid #000;
}
img.benifites-cl{
	width: 100%;
}
.highlight1 {
    border: 2px solid #0eaead;
}
.highlight3 {
    border: 2px solid #f2673a;
}
.thanks_banner .form_outer h4{
    margin: 65px 0 0;
    line-height: 28px;
 }
 .footer-sec {
    background-color: #ff6a14;
    color: #fff;
    padding: 1rem 0;
}
.footer-sec h5 {
    font-size: 16px;
    margin-bottom: 0;
    margin-top: 0px;
}
.text-end {
    text-align: right!important;
}
.footer-sec h5 a {
    text-decoration: none;
    color: #fff;
}
.main-inner-wrapper {
  text-align: center;
  margin-top: 2rem;
}
select#city{
  width: 280px;
  padding: 11px;
  margin: 5px 0 0;
  background: #fff;
  border: 1px solid #20b2aa;
  border-radius: 8px 8px 8px 8px;
  font-family: montserrat,sans-serif;
  font-weight: 400;
  font-size: 14px;
}
.sucess-message {
    text-align: center;
}
.tick-text-wrapper {
  font-size: 36px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
}
.tick-text-wrapper p{
    margin: 0 0;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 36px;
}
.text-wrapper p{
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding-bottom: 1rem;
}
/* next step section */
.section-heading .container {
 
  margin: 0 auto;
  width: 100%;
}
.content-next-step p{
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    padding-bottom: 1rem;
    font-size: 20px;
    color: #707070;
}
.nav-list {
  margin: 0 auto;
  border: 1px solid white;
  padding: 2rem 4rem ;
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
  background-color: #FAFAFA;
}
.forms-info {
    padding: 0px 13px;
}


.list {
  list-style: none;
  padding-left: 0;
}
.list li h3 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    padding-bottom: 8px;
    font-size: 20px;
    display: inline;
}
.list p{
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    padding-bottom: 15px;
    font-size: 18px;
  }

.list li::before {
  content: "";
  background: #007eff;
  font-weight: bold;
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-left: -1em;
  border-radius: 5px;
  margin-right: 10px; 
}
/* friend section */
.friend-inner-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 0 12px 0;
  
}

.friend-image{
  width: 40%;
    text-align: right;
}
.friend-image img{
  width: 100%;
    height: auto;
    aspect-ratio: auto 1/1;
    max-width: 70%;
}
.friend-text{
  width: 60%;
  padding-right: 3rem;
}

.friend-text .text1 {
  font-size: 24px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;

  padding-top: 2rem;
  
}
.friend-text .text2{
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  font-size: 20px;
  color: #707070;
}
.form-inner-wrapper {
  display: flex;
  align-items: end;
  /*justify-content: space-between;*/
  margin: 0 auto;
  justify-content: center;
}
.form-control-new {
  width: 280px;
  padding: 11px;
  margin: 5px 0 0 0;
  display: flex;
  background: white;
  border: 1px solid lightseagreen;
  border-radius: 8px 8px 8px 8px;
  font-family: 'Montserrat', sans-serif;
    font-weight: 400; 
    font-size: 14px;

}
/*.mobile-display-seen {
    display: block;
}*/
.desktop-display-seen{
    display: none;
}
.forms-info label{
    font-family: 'Montserrat', sans-serif;
    font-weight: 500; 
    font-size: 18px;
    display: block;
}
.form-group-new label{
    font-family: 'Montserrat', sans-serif;
    font-weight: 500; 
    font-size: 18px;

}
.form-main-wrapper {
  padding: 40px 20px;
  margin: 0 auto;
  background-color: #00000008;
}

form.form-main-wrapper{
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
 
}
.register{
/*  margin: 20px;*/
  padding: 10px;
  border-radius: 8px 8px 8px 8px;
  background-color: #F1803E;
  border: none;
  min-width: 140px;
  color: white;
}

/* bottom section */
.bottom-wrapper {
  display: flex;
  justify-content: center;
}
.bottom-wrapper img{
  width: 100%;
    height: auto;
    aspect-ratio: auto 405/298;
    max-width: 40%;
    margin: 3rem 1rem;
}
.whatsapp-icons {
    position:fixed;
    bottom:5%;
    right:1%;
    z-index:99999;
    padding:5px 10px;
    box-shadow:0px 0px 2px #aaa;
    background:rgba(255,255,255,0.8);
    border-radius:5px;
    display: none;
}
.whatsapp-icons a {
    font-weight: 800;
    text-decoration: none;
    color: #212529;
}
.whatsapp-icons img {
    width: 50px;max-width: 50px;
    height: auto;
    width: 100%;
    aspect-ratio: auto 272 / 273;
}
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .form_right {
        position: absolute;
        width: 289px;
        float: right;
        margin-right: 0px;
        top: 0rem;
        right: 0%;
        height: 285px;
    }
    .form_right .form_outer{
        padding: 10px 15px 6px 10px !important;
    }
    .form_right h4{
        font-size: 20px;
    }
    .form_outer .form-input{
        height: 35px;
    }
    .form_right{
        padding: 0px 16px 0 25px;
    }
    .form_right h4{
        margin: 10px 0 10px;
    }
    .experince-title h2{
        line-height: 1;
    }
    .testimonials .excitel-storie-border{
        height: 625px;
    }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .form-control-new {
    width: 230px;
    font-size: 18px;
  }
  .form-group-new label {
    font-size: 26px;
}
.content-next-step{
  font-size: 25px;
}
.bottom-wrapper img {
  max-width: 50%;
}
.friend-text .text1{
  font-size: 27px;
}
.friend-text .text2 {
  font-size: 24px;
}
.list li h3{
  font-size: 30px;
}
.list p {
  font-size: 25px;
}
.tick-text-wrapper p{
  font-size: 40px;
}
.text-wrapper p{
  font-size: 25px;
}
.register{
  font-size: 26px;
}
.list li::before{
  width: 13px;
    height: 13px;
    border-radius: 6px;
}
}
@media screen and (min-width: 769px) and (max-width: 991px) {
    .form-button-cl{
        padding: 0px 13px;
    }
  .form-inner-wrapper {
    flex-wrap: wrap;
    display: block;
  }
  .form-control-new{
    width: 100%;
    margin-bottom: 1rem;
    font-size: 22px;
  }
  .form-group-new label {
    font-size: 26px;
}

.content-next-step{
  font-size: 25px;
}
.friend-inner-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 16px 0 12px 0;
  flex-direction: column-reverse;
}
.friend-text {
  width: 100%;
  padding-right: 0px;
  text-align: center;
}
.friend-image {
  width: 100%;
  text-align: center;
}
.bottom-wrapper img {
  max-width: 100%;
}
.friend-text .text1{
  font-size: 27px;
}
.friend-text .text2 {
  font-size: 24px;
}
.list li h3{
  font-size: 30px;
}
.list p {
  font-size: 25px;
}
.tick-text-wrapper p{
  font-size: 40px;
}
.text-wrapper p{
  font-size: 25px;
}
.register{
  font-size: 30px;
}
.list li::before{
  width: 13px;
    height: 13px;
    border-radius: 6px;
}
}
@media screen and (min-width: 569px) and (max-width: 768px) {
  .form-button-cl {
    padding: 20px 13px;
  }
  .form-inner-wrapper {
    flex-wrap: wrap;
    display: block;
    justify-content: start;
  }
  .form-control-new{
    width: 100%;
    margin-bottom: 1rem;
    font-size: 22px;
  }
  .form-group-new label {
    font-size: 28px;
}

  .friend-inner-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 16px 0 12px 0;
    flex-direction: column-reverse;
}
  .friend-text {
    width: 100%;
    padding-right: 0px;
    text-align: center;
}
  .friend-image {
    width: 100%;
    text-align: center;
}
  .form-inner-wrapper {
    flex-wrap: wrap;
  }
.friend-text .text1{
  font-size: 27px;
}
.friend-text .text2 {
  font-size: 24px;
}
.list li h3{
  font-size: 30px;
}
.list p {
  font-size: 25px;
}
.tick-text-wrapper p{
  font-size: 40px;
}
.text-wrapper p{
  font-size: 25px;
}
.content-next-step{
  font-size: 25px;
}
.bottom-wrapper img {
  max-width: 100%;
}
.register{
  font-size: 30px;
}
.list li::before{
  width: 13px;
    height: 13px;
    border-radius: 6px;
}
}
@media screen and (min-width: 320px) and (max-width: 568px) {
 
  .friend-inner-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 16px 0 12px 0;
    flex-direction: column-reverse;
}

  .friend-text {
    width: 100%;
    padding-right: 0px;
    text-align: center;
}
  .friend-image {
    width: 100%;
    text-align: center;
}
  .form-inner-wrapper {
    flex-wrap: wrap;
  }
.friend-text .text1{
font-size: 17px;
}
  .bottom-wrapper img {
    max-width: 100%;
}
.form-control-new{
  margin-bottom: 1rem;
}
.nav-list{
  padding: 2rem 2rem;
}
.list li h3{
  font-size: 18px;
}
.list p {
  font-size: 16px;
}
.form-main-wrapper {
  margin: 1rem 0 2rem;
}
}
@media (min-width: 768px) {
	.d-md-block {
	    display: block!important;
	}
	.d-md-none {
	    display: none!important;
	}
}
@media screen and (min-width: 320px) and (max-width: 568px) {
    .mobile-banner-image{
        display: block;
        height: auto;
        width: 100%;
        aspect-ratio: auto 1 / 1;
    }
	.mobile-logo {
	    padding: 1rem 0;
	}
	.excitel-header {
	    /*background-image: url(../all/images/mobile-banner.jpg);*/
	    /*min-height: 90vh;*/
	    background-position: center;
	    margin-bottom: 4rem;
	}
	.header-content {
	   
	    min-height: 80vh;
	}
	.header-content h1 {
	    font-size: 40px;
		line-height: 80%;
		line-height: 1.2;
	}
	.header-btn{
		margin-top: 3rem;
	}
	.header-content{
		top: 8%;
		text-align: center;
	}
	.header-btn{
		padding-left: 0;
	}
	.header-btn a{
		font-size: 15px;
		padding: 0.5rem;
	}
	.banner-image{
		display: none;
	}
	.header-one {
	    line-height: 100%;
	    font-size: 40px;
	    padding-left: 0;
	    line-height: 1.2;
	}
	.header-two {
	    font-size: 39px;
	    padding-left: 0;
	}
	
	.form_right {
		border-radius: 31px;
		padding: 25px;
		top: 30rem;
		background-color: transparent;
		left: 5px;
	}
	.benefits-cl {
	    font-size: 30px;
	    margin-top: 20px;
	 }
}
@media(max-width: 1400px){
	.form_outer .form-input{
	    height: 30px;
	}
	.form_right .form_outer{
		background-color: rgb(23 68 156/78%);
    	border-radius: 10px;
		padding: 20px 25px 40px 20px;
	}
}
@media(max-width: 1300px){
	.form_outer .form-input{
	    height: 40px;
	}
}
@media(max-width: 767px){
        /*Start a new-design-css*/
    .nav-list {
        padding: 15px 22px;
    }
    .list li h3 {
        font-size: 15px;
    }
    .list p {
        font-size: 13px;
        margin-left: 5px;
        margin-bottom: 10px;
        padding-bottom: 0;
    }
    .friend-text .text1 {
        padding-top: 10px;
        font-size: 15px;
    }
    .form-main-wrapper {
        padding: 15px 20px;
        margin: 1rem 0;
    }
    .bottom-wrapper img {
        margin: 0;
    }
    .forms-info label {
        font-size: 15px;
    }
    select#city {
        padding: 7px 11px!important;
        -webkit-appearance: initial;
    }
    .friend-inner-wrapper{
        padding: 16px 0 0;
    }
    .form-inner-wrapper .form-button-cl{
        padding: 20px 13px 0 !important;
    }
    .super-man-desktop{
        display: none;
    }
    .bottom-wrapper.super-man-mobile{
        display: block;
    }
    select#city{
        width: 100% !important;
    }
    .forms-info {
        padding: 0 13px;
        width: 100%;
    }
    .forms-info label {
        font-size: 15px;
    }
    .form-control-new {
        padding: 6px 11px!important;
        width: 100%;
    }
    .friend-text .text2 {
        margin-bottom: 0;
        font-size: 15px;
        text-align: left;
    }
    .friend-image img{
        max-width: 60%;
    }
    .list {
        margin-bottom: 0;
    }
    .main-inner-wrapper {
        margin-top: 1rem;
    }
    .tick-image-wrapper img{
        max-width: 50px;
    }
    .tick-text-wrapper p {
        font-size: 22px;
        margin-top: 10px;
    }
    .content-next-step p {
        padding-bottom: 0;
        font-size: 15px;
        margin-bottom: 10px;
    }
    .smart-banner-offer-main{
        display: none !important;
    }
    .mobile-smart-banner-offer-main{
        padding-top: 40px;
        display: block;
    }
    .main-lp-banner-section{
        padding-top: 3rem;
    }
    /*End*/
    .form_right .form_outer{
        width: auto;
    }
    .input-holder.field-text{
        width: 100%;
    }
    .input-holder.field-text iframe, .input-holder.field-text div{
        clear: both;
        max-width: 100% !important;
        margin: 0 auto;
    }
    .form-inner-wrapper{
        justify-content: start;
    }
    .form-inner-wrapper .form-button-cl{
        padding: 20px;
    }
	.mobile-why-choose-excitel {
    	display: block;
	}
	.mobile-why-choose-excitel img{
		width: 100%;
	}
	.why-choose-excitel{
		display: none;
	}
	.excitel-success-storie-main .slick-dots li button::before {
         width: 20px!important;
         height: 20px!important;
         border-radius: 0 !important;
     }
     .slick-dots {
     top: 100% !important;
     }
     .excitel-testimonial-slider .slick-dots li button {
     background-color: #e0dfdf!important;
     }
     .excitel-success-storie-main .excitel-testimonial-slider .slick-active button {
     background-color: #0a66c2!important;
     }
	.header-btn{
		display: none;
	}
	.at-cl-main img{
		display: none;
	}
	section.new-mbps-plan{
		background-color: transparent;
		border: 0;
	}
	.mbps-plan{
		margin: 10px;
		background-color: #ff8319;
		border-radius: 15px;
		text-shadow: 2px -2px 0 #8c1818, -2px 2px 0 #8c1818, 2px -2px 0 #8c1818, -1px 2px 0 #8c1818, 2px 2px 0 #8c1818, -1px -2px 0 #8c1818, -2px 1px 0 #8c1818;
    	letter-spacing: 1px;
    	padding: 40px 0;
	}
	.special-offer-tag{
		display: none;
	}
	.special-offer-tag-mobile{
		display: block !important;
		position: absolute;
	    left: 20px;
	    top: 5px;
	}
	.mobile-at-cl-main img{
		display: block;
	}
	.ruppes-cl {
	    font-size: 55px;
	}
	span.fiber-broadband-cl {
    	font-size: 31px;
	}
	.per-month{
		top: -15px;
	}
	.mbps-plan-title h3{
		margin-top: 10px;
	}
	.mobile-ott-plan-cl{
		text-align: center !important;
	}
	.mobile-ott-plan-cl img{
		margin-top: 15px;
	}
	.mobile-ott-plan-cl.ott-logo img{
		width: 100% !important;
	}
	.happy-homes h3{
		padding-top: 25px !important;
	}
	.router-security{
		font-size: 9px;
	    right: 35%;
	    color: #fff;
	    width: auto;
	    bottom: 15px;
	    width: 116px;
	    text-align: center;
	    line-height: 1;
	}
	.mobile_banner{
		display: none;
	}
	.rupees-cl-main{
		margin-bottom: 15px;
	}
	h3 .mbps-plan-first {
	    font-size: 55px;
	}
	
	.mobile-header-content{
		display: block !important;
	    position: absolute;
	    top: 5rem;
	    /* left: 5%; */
	    /* max-width: 90%; */
	    right: 0;
	    width: 100%;
	}
	.mobile-header-content h1{
		color: #ff6a14;
		font-size: 28px;
		font-weight: 800;
		text-align: center;
		text-transform: uppercase;
		padding-top: 15px;
	}
	.header-content{
		display: none;
	}
	.slick-dots li.slick-active button:before {
	    opacity: 1;
	    color: #000;
	    background: #ff6a14 !important;
	}
	.slick-dots li button::before {
		content: "" !important;
	    display: block;
	    width: 25px !important;
	    height: 10px !important;
	    background: #0006!important;
	    left: 0 !important;
	    top: 50% !important;
	    position: absolute !important;
	    border-radius: 30px;
	    opacity: 1;
	}
	.excitel-header{
 		display: none !important;
 	}
	.side_button_cl{
		display: block;
	    position: fixed;
	    width: 100%;
	    bottom: 0;
	    text-align: center;
	}
	.side_button_cl a{
		display: block;
		text-decoration: none;
	    padding: 10px 53px;
	    background-color: #ff6a14;
	    color: #fff;
	    font-size: 20px;
	    border-radius: 10px;
	}

	.plan_left{
		height: auto;
		text-align: center;
		display: block;
	}
	.thank_right{
		position: relative;
	    top: 0rem;
	    text-align: center;
	    width: 380px;
    	float: none;
	}
	.thank_right h1 {
	    font-weight: 700;
	}
	.experince-title h2{
		line-height: 1.2;
	}
	.first-line-cl{
		width: 55px;
	}
	.experince-main{
		display: block !important;
		margin: 0 20px;
	}
	.six-line {
	  	margin-left: 8px;
	    margin-bottom: 9px;
	    width: 20px;
	    right: 8px;
	}
	.second-line,.third-line{
		left: 0;
	}
	.experine-speed-cl h2{
	    text-transform: uppercase;
		font-size: 22px;
		margin-right: 20px;
	}
	.first-line{
		margin-top: 10px;
	    margin-left: 10px;
	    width: 30px;
	}
	.logo img {
    	margin: 0 auto;
    	display: block;
   	}
	.second-line{
		margin: auto 0;
	    margin-left: 25px!important;
	    width: 17px;
	}
	.four-line {
	    margin-top: 13px;
	    width: 17px;
	}
	.five-line {	    
	    margin: auto 0;
	    margin-top: 10px;
	    width: 18px;
	    right: 15px;
	}
	.third-line{
	    margin-left: 10px;
	    margin-bottom: 12px;
	    width: 25px;
	}
	.second-line-cl {
	    display: flex;
	    flex-wrap: wrap;
	}
	.happy-homes h3{
		/*width: 75%;*/
		margin: 0 auto;
		font-size: 26px;
	}
	.term-condition {
    	font-size: 16px !important;
    	padding-top: 10px;
    	font-weight: 600;
	}
	section.broadband_plans:after{
		margin-left: 0;
		height: 2px;
		width: calc(100% - 2em);
	    margin-top: 28px;
	    position: relative;
	    left: 1em;
	}
	.last-border .book_block h4{
		border-bottom: none !important;
	}
	.super-fast-cl{
		display: none;
	}
	.first-img, .third-img{
	    margin-top: 40px;
	}
	.slick-dots{
		top: 92%;
	}
	.second-img{
		margin-top: 35px;
	}
	/*.price-table-new img{
		width: 100%;
	}*/
	table.experince-new-table{
		display: none;
	}
	.plan_left h2 {
		display: block;
		font-size: 26px;
	}
	.plans h4 {
	    font-size: 22px;
	    margin: 0 0 15px;
	}
	.broadband_plans{
	  background-size: 200px 200px;
	  padding: 35px 0 35px 0;
	}
	.benefits-excitel-main {
	    margin-bottom: 20px;
	}
	.book_btns {
	    padding: 40px 0px 0px;
	}
	.line_white{
		border-right: 0 !important;
	}
	.book_block h4{
		border-bottom: 2px solid #000;
		padding-bottom: 25px;
	}
	.dicount_txt {
	    font-size: 17px;
	    line-height: 30px;
	    padding: 10px;
	}
	.tax_sec h2 {
    	font-size: 30px;
    }
    .tax_sec h4 {
	    font-size: 30px;
	}
	.tax_sec p {
    	font-size: 25px;
    }
    .book_now {
	    padding: 50px 0px;
	}
	.book_block {
	    padding: 0 50px;
	}
	.book_btns ul li a {
	    font-size: 16px;
	    width: 132px;
	}
	.book_btns ul li {
	    margin: 0 5px;
	}
	.book_block h4 {
	    font-size: 19px;
	}
	.banner{
		background:#000;
	}
	.form_right {
	    width: 100%;
	    margin: 0;
	    height: auto;
	    position: relative;
	    left: 0;
	    top: 0;
	    float: none;
	}
	.benefits-cl{
		font-size: 30px;
	    font-weight: 700;
	    margin: 0 auto;
	    padding-bottom: 30px;
	    width: 205px;
	}
	.mobile_banner{
		display: block;
	}
	.mobile_banner img{
		width: 100%;
	}
	.desktop_banner{
		display: none;
	}
	.plan_outer table tr th span {
	    width: 76px;
	    margin: 0 2px;
	    font-size: 14px;
	}
	.plan_outer table tr td span {
	    font-size: 14px;
	    width: 82px;
	    margin: 0;
	}
    .number {
	    width: 28px;
	    height: 33px;
	    font-size: 17px;
	    left: 16px;
	    margin: 9px 0 0;
	}
	.plan_outer table{
		margin-left: 5px;

	}
	.zero{
		min-width: 30px;
	}
	.footer-sec h5 {
    	text-align: center!important;
    	margin-bottom: 1rem;
	}
    .mobile-why-choose-excitel-img img {
        height: auto;
        width: 100%;
        aspect-ratio: auto 1 / 1;
    }
    .slick-slide img{
        margin: 0 auto;
        max-width: 45%;
        height: auto;
        width: 100%;
        aspect-ratio: auto 313 / 506;
    }
    img.smile-cl {
        height: auto;
        width: 100%;
        aspect-ratio: auto 1 / 1;
        padding: 15px 0px;
        max-width: 15%;
    }
    .mobile-why-choose-excitel-broadband-cl img{
        height: auto;
        width: 100%;
        aspect-ratio: auto 25 / 32;
    }
}
.checkbox-main{
    margin: auto;
    padding-bottom: 10px;
}
a.tnc-link{
    font-weight: 500;
    color: #fff!important;
    font-size: 12px;
    text-decoration: none;
}
input[type="checkbox"] {
    display: none;
}

/* Custom checkbox styles */
input[type="checkbox"] + label {
    position: relative;
    padding-left: 30px; 
    cursor: pointer;
}

input[type="checkbox"] + label::before {
    content: '';
    position: absolute;
    left: 0;
    top: 4px;
    width: 20px; 
    height: 20px; 
    border: 2px solid #ccc; 
    background-color: #fff; 
}


input[type="checkbox"]:not(:checked) + label::before {
    border-color: #D85604; 
}

input[type="checkbox"]:checked + label::before {
    background-color: #21E004; 
    border-color: #08f504; 
}

/* Checkbox icon */
input[type="checkbox"] + label::after {
    content: '\2713'; 
    position: absolute;
    left: 5px; 
    top: 14px;
    transform: translateY(-50%);
    color: #fff; 
    font-size: 16px; 
    visibility: hidden; 
}


input[type="checkbox"]:checked + label::after {
    color: #fff; 
    visibility: visible; 
}