/*Mahesh Babu Changes*/
.cmp-container.component-content.showImageNode .image.component {
  z-index: -1;
}
.box-background-teal.box-footer-template p a {
  background: #073b4c !important;
  color: #fff !important;
}
.pp-bodywrapper {
  margin-top: -112px
}
.pp-bodywrapper #copyright-section a:hover {
  text-decoration: underline;
}
div#winter-section .paragraphSystem .container.box.component.section.aem-GridColumn--default--none {
	width: 56.66666% !important;
	margin-left: 22.666% !important;
	padding: 0px !important;
}

div#home-winter-container .paragraphSystem .slice.component.slice-right-style.slice-text-padding {
	padding: 0px !important;
}

div#copyright-section .container.box.component.section.box-wrapper.aem-GridColumn.aem-GridColumn--default--12 p {
	margin: 0 !important;
}

div#accessibility-button-section .tagList.component.tagList-buttons.aem-GridColumn.aem-GridColumn--default--newline.aem-GridColumn--default--12.aem-GridColumn--offset--default--0 {
	display: inline-block;
	width: auto;
}

div#accessibility-button-section .text.richText.component.richText-tag-button.aem-GridColumn--default--none.aem-GridColumn.aem-GridColumn--default--12.aem-GridColumn--offset--default--0 {
	display: inline-block;
	width: auto;
}

/*Sayeema's Changes*/

/*  DESKTOP MODE */
@media only screen and (min-width: 1200px) {
div#copyright-section .image.component.aem-GridColumn--offset--tablet--0.aem-GridColumn--default--none.aem-GridColumn--tablet--3.aem-GridColumn--tablet--none.aem-GridColumn.aem-GridColumn--default--3.aem-GridColumn--offset--default--0.strudel-init {
    padding: 0px 22px;
}
div#copyright-section .text.richText.component.richText-align-left-on-tablet.aem-GridColumn--default--none.aem-GridColumn--tablet--3.aem-GridColumn--tablet--none.aem-GridColumn--offset--default--6.aem-GridColumn.aem-GridColumn--offset--tablet--6.aem-GridColumn--default--3 {
    padding: 3px !important;
}
}
/*NTT-16*/
.newsep {
  margin: auto;
  margin-bottom: 20px;
  line-height: 0.8px;
}

/*NTT-114*/
body {
  overflow-x: hidden;
}

div#broadband-network-id h2 {
  margin: 0 auto;
}

/*NTT-89*/
/* for ultrafast full fiber broadband page*/
div#ultrafast-types-broadband-section
  .title.aem-GridColumn--tablet--10.aem-GridColumn--default--none.aem-GridColumn--tablet--none.aem-GridColumn {
  margin-left: 3%;
  width: 95%;
  text-align: center;
}

div#ultrafast-types-broadband-section p {
  margin: 0px !important;
}

div#ultrafast-types-broadband-section h3 {
  margin: 0px !important;
}

/*NTT-89*/
/* for gfast fiber broadband page*/
div#gfast-types-broadband-section
  .title.aem-GridColumn--tablet--10.aem-GridColumn--default--none.aem-GridColumn--tablet--none.aem-GridColumn {
  margin-left: 3%;
  width: 95%;
  text-align: center;
}

div#gfast-types-broadband-section p {
  margin: 0px !important;
}

div#gfast-types-broadband-section h3 {
  margin: 0px !important;
}

/*NTT-89*/
/* for superfast fiber broadband page*/
div#superfast-types-broadband-section
  .title.aem-GridColumn--tablet--10.aem-GridColumn--default--none.aem-GridColumn--tablet--none.aem-GridColumn {
  margin-left: 3%;
  width: 95%;
  text-align: center;
}

div#superfast-types-broadband-section p {
  margin: 0px !important;
}

div#superfast-types-broadband-section h3 {
  margin: 0px !important;
}

/*NTT-89*/
/* for standard fiber broadband page*/
div#standard-types-broadband-section
  .title.aem-GridColumn--tablet--10.aem-GridColumn--default--none.aem-GridColumn--tablet--none.aem-GridColumn {
  margin-left: 3%;
  width: 95%;
  text-align: center;
}

div#standard-types-broadband-section p {
  margin: 0px !important;
}

div#standard-types-broadband-section h3 {
  margin: 0px !important;
}





/*Mahesh Babu Changes*/

@media only screen and (max-width: 767px) {
	#accessibility-footer-section .aem-GridColumn>.component-content>.cmp-image__link>img {
		height: 42px;
		width: 42px;
	}

	div.container .box-footer-template>.component-content>.content {
		padding: 0 !important;
	}

	div#copyright-section .text.richText.component.aem-GridColumn--offset--default--6 {
		margin-left: 0px !important;
		width: 100% !important;
    padding: 0px 18px !important;
	}

	div#copyright-section .text.richText.component.aem-GridColumn--offset--default--6 p {
		margin: 0 0 16px 0 !important;
	}

	div#accessibility-body .container.box.component.section.box-reset-margins.aem-GridColumn--default--none.aem-GridColumn--tablet--5 {
		margin: 0px;
		padding: 20px;
		width: 100%;
	}
  div#copyright-section .image.component.aem-GridColumn--offset--tablet--0.aem-GridColumn--default--none.aem-GridColumn--tablet--3.aem-GridColumn--tablet--none.aem-GridColumn.aem-GridColumn--default--3.aem-GridColumn--offset--default--0.strudel-init a > img {
    margin: 0px !important;
    }

	div#signal-image-section .image.component.image-svg-icon.image-illustration-animation.aem-GridColumn--default--none.aem-GridColumn--tablet--5,
	div#service-provider-image-section .image.component.image-svg-icon.image-illustration-animation.aem-GridColumn--default--none.aem-GridColumn--tablet--5 {
		width: 100%;
		margin: 0;
	}

	div#signal-image-section .component-content>svg,
	div#service-provider-image-section .component-content>svg {
		padding: 0 10px;
	}


}

/*Tablet view Changes*/

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  /* Form Tablet View */
  div#network-rearrangement-section .container.box.component.section.aem-GridColumn--default--none.aem-GridColumn--phone--none.aem-GridColumn--phone--12.aem-GridColumn--tablet--none.aem-GridColumn.aem-GridColumn--tablet--6.aem-GridColumn--default--6.aem-GridColumn--offset--default--3.aem-GridColumn--offset--phone--0.aem-GridColumn--offset--tablet--3 {
    margin: 0px;
    width: 100%;
    padding: 0px 15px;
  }

  div#call-waiting-list-section .container.box.component.section.box-background-white.box-border-round.aem-GridColumn--default--none.aem-GridColumn--phone--none.aem-GridColumn--tablet--none.aem-GridColumn--phone--10.aem-GridColumn.aem-GridColumn--offset--phone--1.aem-GridColumn--tablet--6.aem-GridColumn--default--6.aem-GridColumn--offset--default--3.aem-GridColumn--offset--tablet--3 {
    margin: 0px;
    width: 100%;
    padding: 0px 20px;
  }

  div#apartment-wayleave-section .container.box.component.section.aem-GridColumn--default--none.aem-GridColumn--phone--none {
    margin: 0px;
    width: 100%;
    padding: 0px 15px;
  }

  div#cant-find-my-address-section .container.box.component.section.box-background-white.box-border-round.box-inside-padding.aem-GridColumn--default--none.aem-GridColumn--phone--none {
    margin: 0px;
    width: 100%;
    padding: 0px 15px;
  }

  div#call-waiting-list-consumer-section .container.box.component.section.aem-GridColumn--default--none.aem-GridColumn--phone--none {
    margin: 0px;
    width: 100%;
    padding: 0px 20px;
  }

  div#provide-landlord-section .container.box.component.section.box-background-white.box-border-round.aem-GridColumn--default--none.aem-GridColumn--phone--none.aem-GridColumn--tablet--none {
    margin: 0px;
    width: 100%;
    padding: 0px 20px;
  }

  div#existing-enquiry-section .container.box.component.section.aem-GridColumn--default--none.aem-GridColumn--phone--none {
    margin: 0px;
    width: 100%;
    padding: 0px 20px;
  }
  div#winter-section .paragraphSystem .container.box.component.section.aem-GridColumn--default--none {
    width: 83.333333% !important;
    margin-left: 8.3333% !important;
    padding: 0px !important;
  }
  .pp-bodywrapper .box-header-search+.box-background-teal>.component-content {
    width: 100vw;
    padding: 0;
    margin-left: -10px;
    background-color: rgba(255, 255, 255, 0.75);
  }

  .pp-bodywrapper div#menu_navigation_id .container.box.component.section.box-background-teal.aem-GridColumn.aem-GridColumn--default--12.is-active {
    z-index: 1;
  }

  .pp-bodywrapper .box-header-search+.box-background-teal>.component-content>.paragraphSystem {
    background-color: transparent;
    padding: 0;
    right: 0;
  }
	#accessibility-footer-section .image.component.aem-GridColumn--offset--tablet--0 {
		width: 100%;

	}

	.image .left img,
	.image .left svg {
		margin-left: 10px;
	}

	div#copyright-section .richText-align-left-on-tablet p {
		margin: 0px !important;
	}

	#accessibility-footer-section .image.component a>img {
		margin-left: 10px !important;
	}

	div#ultra-section .container.box.component.section.aem-GridColumn--tablet--10.aem-GridColumn--default--none.aem-GridColumn--tablet--none.aem-GridColumn.aem-GridColumn--default--10.aem-GridColumn--offset--default--1.aem-GridColumn--offset--tablet--1 {
		width: 100%;
		margin-left: 0px;
	}

	div#full-fiber-section .container.box.component.section.aem-GridColumn--default--none.aem-GridColumn--phone--none.aem-GridColumn--tablet--none.aem-GridColumn--phone--10 {
		margin-left: 6%;
		width: 85%;
	}

	div#retiring-section .image.component.js-link-video.aem-GridColumn--default--none.aem-GridColumn--tablet--none.aem-GridColumn.aem-GridColumn--tablet--8.aem-GridColumn--default--8.aem-GridColumn--offset--default--2.aem-GridColumn--offset--tablet--2.strudel-init.image-cta-video {
		width: 100%;
		margin: 0;
	}

	div#retiring-section .text.richText.component.aem-GridColumn--default--none.aem-GridColumn--tablet--none.aem-GridColumn.aem-GridColumn--tablet--8.aem-GridColumn--default--8 {
		width: 97%;
		margin-left: 4%;
	}

	div#fiber-help-section .container.box.component.section.aem-GridColumn--default--none.aem-GridColumn--phone--none.aem-GridColumn--tablet--none.aem-GridColumn--phone--10.aem-GridColumn {
		width: 85%;
		margin-left: 12%;
	}

	div#confuse-connectivity-section .container.box.component.section.box-reset-margins.aem-GridColumn--offset--tablet--0:nth-child(2) {
		width: 100%;
	}

	div#fiber-help-section span.looks-like-h4 {
		font-size: 24px;
	}

	div#career-glassdoor-section .text.richText.component.aem-GridColumn--tablet--12.aem-GridColumn--phone--12.aem-GridColumn.aem-GridColumn--default--12 {
		width: 50%;
		margin-left: 23%;
	}

	div#career-glassdoor-section svg#Flat_icon_white {
		margin-left: 31%;
	}

	div#career-glassdoor-section .container.box.component.section.box-inside-padding-extra-large.aem-GridColumn--offset--tablet--0.aem-GridColumn--default--none {
		width: 100%;
	}

	div#help-support-when-to-get-section .container.box.component.section.aem-GridColumn--default--none.aem-GridColumn--phone--none.aem-GridColumn--tablet--none.aem-GridColumn--phone--10.aem-GridColumn.aem-GridColumn--offset--phone--1.aem-GridColumn--tablet--8 {
		width: 85%;
		margin-left: 8%;
	}

	div#help-support-when-to-get-section .image.component.aem-GridColumn--default--none.aem-GridColumn--phone--none.aem-GridColumn--tablet--4.aem-GridColumn--phone--11.aem-GridColumn--tablet--none.aem-GridColumn.aem-GridColumn--offset--default--4 {
		margin-left: 0px;
		width: 100%;
	}

	div#help-support-when-to-get-section .title.aem-GridColumn--default--none.aem-GridColumn--tablet--none.aem-GridColumn--default--9.aem-GridColumn.aem-GridColumn--tablet--9.aem-GridColumn--offset--default--2.aem-GridColumn--offset--tablet--2 {
		margin-left: 7%;
	}

	div#building-developers-locating-section .container.box.component.section.aem-GridColumn--default--none.aem-GridColumn--phone--none.aem-GridColumn--tablet--none.aem-GridColumn--phone--10 {
		margin-left: 7%;
		width: 85%;
	}

	div#building-locating-section .container.box.component.section.aem-GridColumn--default--none.aem-GridColumn--phone--none.aem-GridColumn--tablet--none.aem-GridColumn--phone--10 {
		margin-left: 7%;
	}

	div#building-locating-section .paragraphSystem.content.aem-Grid.aem-Grid--12.aem-Grid--tablet--12.aem-Grid--default--12.aem-Grid--phone--12 div:nth-child(2) {
		width: 80%;
	}

	div#building-locating-section .paragraphSystem.content.aem-Grid.aem-Grid--12.aem-Grid--tablet--12.aem-Grid--default--12.aem-Grid--phone--12 div:nth-child(3) {
		width: 0%;
	}

	div#copyright-section .container.box.component.section.aem-GridColumn--offset--tablet--0.aem-GridColumn--default--none.aem-GridColumn--tablet--3.aem-GridColumn--tablet--none.aem-GridColumn.aem-GridColumn--default--3.aem-GridColumn--offset--default--0 {
		width: 100%;
	}

	div#copyright-section .text.richText.component.richText-align-left-on-tablet.aem-GridColumn--default--none.aem-GridColumn--tablet--3.aem-GridColumn--tablet--none.aem-GridColumn--offset--default--6.aem-GridColumn.aem-GridColumn--offset--tablet--6.aem-GridColumn--default--3 {
		margin: 0px;
		width: 100%;
    padding: 0px 20px !important;
	}

	div#fibre-broadband-ultrafast-fibre-broadband-section {
		margin-right: auto;
		margin-left: auto;
		width: 80% !important;
	}

	div#form-fibre-broadband-availability-section .container.box.component.section.box-background-white.box-border-round.box-inside-padding-large.box-mobile-borders.aem-GridColumn--default--none {
		margin-left: 0%;
		width: 100%;
	}

	div#form-fibre-broadband-availability-section .container.box.component.section.box-background-white.box-border-round.box-inside-padding.box-margin-bottom.box-mobile-borders.aem-GridColumn--default--none {
		margin-left: 0%;
		width: 100%;
	}

	div#help-support-problems-appointments-section .container.box.component.section.aem-GridColumn--default--none.aem-GridColumn--phone--none.aem-GridColumn--tablet--none.aem-GridColumn--phone--10.aem-GridColumn.aem-GridColumn--offset--phone--1.aem-GridColumn--tablet--8.aem-GridColumn--default--8.aem-GridColumn--offset--default--2.aem-GridColumn--offset--tablet--2 {
		margin-left: 6%;
		width: 80%;
	}

	div#help-support-problems-appointments-section .container.box.component.section.aem-GridColumn--default--none.aem-GridColumn--tablet--none.aem-GridColumn.aem-GridColumn--tablet--8.aem-GridColumn--default--8 {
		margin: 0px;
		width: 100%;
	}

	div#help-support-problems-appointments-section .text.richText.component.aem-GridColumn--default--none.aem-GridColumn--tablet--none.aem-GridColumn.aem-GridColumn--tablet--8.aem-GridColumn--default--8 {
		margin: 0px;
		width: 100%;
	}

	div#help-support-problems-appointments-image-section .image.component.aem-GridColumn--default--none.aem-GridColumn--tablet--none {
		width: 100%;
		margin: 0px;
	}

	div#fiber-help-section .container.box.component.section.aem-GridColumn--default--none.aem-GridColumn--phone--none.aem-GridColumn--tablet--none.aem-GridColumn--phone--10.aem-GridColumn {
		width: 85%;
		margin-left: 12%;
	}

	div#fiber-help-section span.looks-like-h4 {
		font-size: 24px;
	}

	div#confuse-connectivity-section .container.box.component.section.box-reset-margins.aem-GridColumn--offset--tablet--0:nth-child(2) {
		width: 100%;
	}

	div#ultrafast-fibre-broadband-section .container.box.component.section.box-middle-content.box-reset-margins.box-inside-padding-large.box-header-hero-cover-photo.aem-GridColumn--default--none.aem-GridColumn--phone--none.aem-GridColumn--phone--11.aem-GridColumn.aem-GridColumn--default--5.aem-GridColumn--offset--default--2.aem-GridColumn--offset--phone--0 {
		margin-left: 10%;
		width: 46%;
	}

	div#fiber-checker-section .container.box.component.section.aem-GridColumn--default--none.aem-GridColumn.aem-GridColumn--default--12.aem-GridColumn--offset--default--0 .cmp-container.component-content {
		background-position: 52% 100%;
	}

	div#help-support-questions-about-fibre-availability-section .container.box.component.section.box-background-curved-bottom.box-border-round.box-background-gradient.box-header-hero-cover-photo.box-header-hero-title.aem-GridColumn.aem-GridColumn--default--12 .cmp-container.component-content {
		background-position: 50%;
	}

	div#fibre-broadband-fttc-providers-section .paragraphSystem.content.aem-Grid.aem-Grid--12.aem-Grid--default--12 .cmp-containe.component-content {
		background-position: 50%;
	}

	div#fibre-broadband-fttp-providers-section .container.box.component.section.aem-GridColumn--default--none.aem-GridColumn.aem-GridColumn--default--12.aem-GridColumn--offset--default--0 .cmp-container.component-content {
		background-position: 50%;
	}

	div#banner-id.cmp-container.component-content {
		background-position: 60%;
	}

	div#ultrafast-fibre-broadband-section .container.box.component.section.aem-GridColumn--default--none.aem-GridColumn.aem-GridColumn--default--12.aem-GridColumn--offset--default--0 .cmp-container.component-content {
		background-position: 50%;
	}

	#accessibility-footer-section .aem-GridColumn>.component-content>.cmp-image__link>img {
		height: 42px;
		width: 42px;
	}


}

/*iPhone view Changes*/


@media only screen and (min-width: 375px)and (max-width: 767px) {

	div#career-section .title.aem-GridColumn--default--none.aem-GridColumn--tablet--4 {
		width: 100%;
		margin: 0px;
	}

	div#career-section .aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--1 {
		margin-left: 0px;
		padding: 20px;
		width: 100%;
	}

	div#career-section .image.component.js-link-video.aem-GridColumn--default--none.aem-GridColumn--tablet--5.aem-GridColumn--tablet--none.aem-GridColumn {
		width: 100%;
		padding: 20px;
		margin: 0px;
	}

	div#career-section .container.box.component.section.box-inside-padding-extra-large.aem-GridColumn--offset--tablet--0.aem-GridColumn--default--none {
		margin: 0px;
	}

	div#career-section h2.cmp-title__text {
		padding: 0px !important;
	}

	div#career-section .container.box.component.section.box-reset-margins.aem-GridColumn--offset--tablet--0.aem-GridColumn--default--none.aem-GridColumn--tablet--5.aem-GridColumn--tablet--none {
		padding: 20px;
	}

	div#help-support-when-to-get-section h2 {
		padding: 0px;
	}

	div#help-support-when-to-get-section .container.box.component.section.aem-GridColumn--default--none.aem-GridColumn--phone--none.aem-GridColumn--tablet--none {
		width: 100%;
		margin: 0px;
		padding-left: 20px;
		padding-right: 20px;
	}

	div#help-support-when-to-get-section .title.aem-GridColumn--default--none.aem-GridColumn--tablet--none.aem-GridColumn--default--9 {
		width: 98%;
		margin-left: 2%;
	}

	div#help-support-problems-section .text.richText.component.aem-GridColumn.aem-GridColumn--default--12 h2 {
		padding: 0px;
	}

	div#help-support-problems-section .text.richText.component.aem-GridColumn--default--none.aem-GridColumn--tablet--none.aem-GridColumn.aem-GridColumn--tablet--8.aem-GridColumn--default--8 h2 {
		padding: 0px;
	}

	div#full-fiber-section .openreach-video.component.aem-GridColumn--tablet--12.aem-GridColumn--phone--12.aem-GridColumn.aem-GridColumn--default--12.strudel-init {
		padding: 0px;
	}

	div#retiring-section .image.component.js-link-video.aem-GridColumn--default--none.aem-GridColumn--tablet--none.aem-GridColumn.aem-GridColumn--tablet--8.aem-GridColumn--default--8 {
		padding: 0px;
		width: 92%;
	}

	div#ultrafast-fibre-broadband-section .image.component.image-svg-icon.image-illustration-animation.aem-GridColumn--default--none {
		width: 95%;
		margin: auto;
	}

	div#ultrafast-fibre-broadband-section .container.box.component.section.box-reset-margins.aem-GridColumn--default--none.aem-GridColumn--tablet--5.aem-GridColumn--tablet--none.aem-GridColumn.aem-GridColumn--default--5.aem-GridColumn--offset--default--1.aem-GridColumn--offset--tablet--1 {
		width: 98%;
		margin-left: auto;
		margin-right: auto;
	}

	div#fibre-broadband-ultrafast-fibre-broadband-section .container.box.component.section.aem-GridColumn--tablet--12.aem-GridColumn--offset--tablet--0.aem-GridColumn--default--none.aem-GridColumn--phone--none.aem-GridColumn--tablet--none {
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		padding: 20px;
	}

	div#full-fiber-section .container.box.component.section.aem-GridColumn--default--none.aem-GridColumn--phone--none.aem-GridColumn--tablet--none.aem-GridColumn--phone--10.aem-GridColumn {
		margin-left: 0px;
		padding: 20px;
		width: 100%;
	}

	div#form-fibre-broadband-availability-section .container.box.component.section.box-background-white.box-border-round.box-inside-padding-large.box-mobile-borders.aem-GridColumn--default--none {
		width: 86%;
		margin-left: 7%;
	}

	div#form-fibre-broadband-availability-section .container.box.component.section.box-background-white.box-border-round.box-inside-padding.box-margin-bottom.box-mobile-borders.aem-GridColumn--default--none {
		width: 86%;
		margin-left: 7%;
	}

	div#help-support-problems-appointments-section .container.box.component.section.aem-GridColumn--default--none.aem-GridColumn--phone--none.aem-GridColumn--tablet--none.aem-GridColumn--phone--10.aem-GridColumn.aem-GridColumn--offset--phone--1.aem-GridColumn--tablet--8.aem-GridColumn--default--8 {
		width: 100%;
		margin-left: 0px;
		padding: 0px 25px;
	}

	div#help-support-problems-appointments-section .text.richText.component.aem-GridColumn--default--none.aem-GridColumn--tablet--none.aem-GridColumn.aem-GridColumn--tablet--8.aem-GridColumn--default--8 {
		margin: 0px;
		width: 100%;
		padding: 0px 20px;
	}

	div#help-support-problems-appointments-section .container.box.component.section.aem-GridColumn--default--none.aem-GridColumn--tablet--none.aem-GridColumn.aem-GridColumn--tablet--8.aem-GridColumn--default--8.aem-GridColumn--offset--default--2.aem-GridColumn--offset--tablet--2 {
		margin: 0px;
		width: 100%;
		padding: 0px 20px;
	}

	div#help-support-problems-appointments-section .image.component.aem-GridColumn--default--none.aem-GridColumn--tablet--none.aem-GridColumn.aem-GridColumn--default--7.aem-GridColumn--tablet--7 {
		width: 100%;
		margin-left: 0px;
	}

	div#help-support-problems-appointments-section .image.component.aem-GridColumn--default--none.aem-GridColumn--tablet--none.aem-GridColumn.aem-GridColumn--offset--default--2.aem-GridColumn--tablet--6.aem-GridColumn--default--6 {
		margin: 0px;
		width: 100%;
	}

	div#ultrafast-fibre-broadband-section .container.box.component.section.aem-GridColumn--tablet--10.aem-GridColumn--default--none.aem-GridColumn--tablet--none.aem-GridColumn.aem-GridColumn--default--10.aem-GridColumn--offset--default--1.aem-GridColumn--offset--tablet--1 {
		width: 100%;
		margin-left: 0px;
		padding: 0px 20px;
	}

	div#ultrafast-fibre-broadband-section .container.box.component.section.aem-GridColumn--default--none.aem-GridColumn.aem-GridColumn--default--12.aem-GridColumn--offset--default--0 .cmp-container.component-content {
		background-position: 94%;
	}

	div#fiber-checker-section .container.box.component.section.aem-GridColumn--default--none.aem-GridColumn.aem-GridColumn--default--12.aem-GridColumn--offset--default--0 .cmp-container.component-content {
		background-position: 90% 100%;
	}

	div#help-support-questions-about-fibre-availability-section .container.box.component.section.box-background-curved-bottom.box-border-round.box-background-gradient.box-header-hero-cover-photo.box-header-hero-title.aem-GridColumn.aem-GridColumn--default--12 .cmp-container.component-content {
		background-position: 74%;
	}

	div#banner-id.cmp-container.component-content {
		padding: 0px
	}

	div#fibre-broadband-fttp-providers-section .container.box.component.section.aem-GridColumn--default--none.aem-GridColumn.aem-GridColumn--default--12.aem-GridColumn--offset--default--0 .cmp-container.component-content {
		background-position: 94%;
	}

    div#fibre-broadband-where-when-building-banner-image-section.cmp-container.component-content {
		background-position: 70% !important;

	}



}
/*Saitheja's Changes*/
.showImageNode .paragraphSystem.content.aem-Grid.aem-Grid--12.aem-Grid--default--12 .image.component {
    position: absolute;
    height: 100%;
}
.showImageNode .paragraphSystem.content.aem-Grid.aem-Grid--12.aem-Grid--default--12 .image.component .component-content.cmp-image {
    height: 100%;
}
.showImageNode .paragraphSystem.content.aem-Grid.aem-Grid--12.aem-Grid--default--12 .image.component .component-content.cmp-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}

.cmp-experiencefragment--header {
    background: #fff;
}
.title-style {
	color: #fff;
}

.image-header-logo img {
	height: 20px !important;
}

@media only screen and (max-width: 767px) {
	.searchBox-header .button {
		position: relative;
		right: 16px;
	}

	/*for image video icon*/
    .image-cta-video a
	{
		display: inline;
	}
	div.container .box-middle-content > .component-content > .content .image img
	{
		height:100%;
	}
}

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

	#upgrading-uk-content .container.box.component.section.box-wrapper.aem-GridColumn--default--none.aem-GridColumn--phone--none.aem-GridColumn--tablet--none.aem-GridColumn--phone--10.aem-GridColumn.aem-GridColumn--offset--phone--1.aem-GridColumn--tablet--8.aem-GridColumn--default--11.aem-GridColumn--offset--default--1.aem-GridColumn--offset--tablet--2 {
		margin-left: 3.2% !important;
	}

	div#uk-upgrade-digitalphone-parent .text.richText.component.aem-GridColumn--default--none.aem-GridColumn--tablet--none.aem-GridColumn--phone--10.aem-GridColumn.aem-GridColumn--default--10.aem-GridColumn--tablet--8.aem-GridColumn--offset--phone--2.aem-GridColumn--offset--default--2.aem-GridColumn--offset--tablet--2 {
		max-width: 66%;
	}

	div#upgrading-uk-content .interactive-timeline.aem-GridColumn--tablet--10.aem-GridColumn--default--none.aem-GridColumn--phone--10.aem-GridColumn.aem-GridColumn--default--10.aem-GridColumn--offset--phone--1.aem-GridColumn--offset--default--1.aem-GridColumn--offset--tablet--1 {
		margin: 0;
		width: 100%;
	}
   .reduce-image{ margin-bottom: 15%;}
  .reduce-image img {
    position: absolute;
    object-fit: cover;
    left: 0;
    top: 0;
    right: 0;
    height: 100%;
}
}

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

	div#uk-upgrade-digitalphone-parent .text.richText.component.aem-GridColumn--default--none.aem-GridColumn--tablet--none.aem-GridColumn--phone--10.aem-GridColumn.aem-GridColumn--default--10.aem-GridColumn--tablet--8.aem-GridColumn--offset--phone--2.aem-GridColumn--offset--default--2.aem-GridColumn--offset--tablet--2 {
		max-width: 100% !important;
		margin: 0 !important;
		width: 100% !important;
		padding: 0 22px;
	}

	#upgrading-uk-content .container.box.component.section.box-wrapper.aem-GridColumn--default--none.aem-GridColumn--phone--none.aem-GridColumn--tablet--none.aem-GridColumn--phone--10.aem-GridColumn.aem-GridColumn--offset--phone--1.aem-GridColumn--tablet--8.aem-GridColumn--default--11.aem-GridColumn--offset--default--1.aem-GridColumn--offset--tablet--2 {
		margin-left: 0 !important;
		width: 100% !important;
	}

	div#upgrading-uk-content .interactive-timeline.aem-GridColumn--tablet--10.aem-GridColumn--default--none.aem-GridColumn--phone--10.aem-GridColumn.aem-GridColumn--default--10.aem-GridColumn--offset--phone--1.aem-GridColumn--offset--default--1.aem-GridColumn--offset--tablet--1 {
		padding: 0px 22px;
	}

	div#uk-upgrade-digitalphone-parent .text.richText.component.aem-GridColumn--tablet--12.aem-GridColumn--phone--12.aem-GridColumn.aem-GridColumn--default--12 {
		padding: 0px 22px;
	}

	div#upgrading-uk-content .text.richText.component.richText-white-text.aem-GridColumn--offset--tablet--0.aem-GridColumn--default--none.aem-GridColumn--phone--none.aem-GridColumn--tablet--none.aem-GridColumn--phone--8.aem-GridColumn.aem-GridColumn--tablet--6.aem-GridColumn--default--6.aem-GridColumn--offset--phone--0.aem-GridColumn--offset--default--0,
	div#upgrading-uk-content .text.richText.component.richText-white-text.aem-GridColumn--offset--tablet--0.aem-GridColumn--default--none.aem-GridColumn--phone--none.aem-GridColumn--tablet--none.aem-GridColumn--phone--8.aem-GridColumn.aem-GridColumn--tablet--6.aem-GridColumn--default--6.aem-GridColumn--offset--phone--0.aem-GridColumn--offset--default--0 h1 {
		padding: 0;
	}

	/*for-my-home-or-business*/
	div#moving-home-or-business-parent .container.box.component.section.box-wrapper.aem-GridColumn--default--none.aem-GridColumn--phone--none.aem-GridColumn--tablet--none.aem-GridColumn--phone--10.aem-GridColumn.aem-GridColumn--offset--phone--1.aem-GridColumn--tablet--8.aem-GridColumn--default--8.aem-GridColumn--offset--default--2.aem-GridColumn--offset--tablet--2 {
		margin-left: 2%;
	}

	div#moving-home-or-business .text.richText.component.aem-GridColumn--default--none.aem-GridColumn--tablet--none.aem-GridColumn--phone--8.aem-GridColumn.aem-GridColumn--tablet--8.aem-GridColumn--default--8.aem-GridColumn--offset--phone--2.aem-GridColumn--offset--default--2.aem-GridColumn--offset--tablet--2 {
		margin-left: 2%;
		width: 100%;
	}

	div#moving-home-or-business-parent .text.richText.component.aem-GridColumn--default--none.aem-GridColumn--tablet--none.aem-GridColumn.aem-GridColumn--tablet--8.aem-GridColumn--default--8.aem-GridColumn--offset--default--2.aem-GridColumn--offset--tablet--2 {
		margin-left: 2%;
		width: 100%;
	}

}

@media only screen and (max-width: 767px) {
  div#winter-section .paragraphSystem .container.box.component.section.aem-GridColumn--default--none {
    width: 83.333333% !important;
    margin-left: 8.3333% !important;
    padding: 0px !important;
  }
	div#uk-upgrade-digitalphone-parent .text.richText.component.aem-GridColumn--default--none.aem-GridColumn--tablet--none.aem-GridColumn--phone--10.aem-GridColumn.aem-GridColumn--default--10.aem-GridColumn--tablet--8.aem-GridColumn--offset--phone--2.aem-GridColumn--offset--default--2.aem-GridColumn--offset--tablet--2 {
		margin: 0px;
		width: 100%;
		padding: 0px 15px;
	}

	div#upgrading-uk-content .container.box.component.section.box-wrapper.aem-GridColumn--default--none.aem-GridColumn--phone--none.aem-GridColumn--tablet--none.aem-GridColumn--phone--10.aem-GridColumn.aem-GridColumn--offset--phone--1.aem-GridColumn--tablet--8.aem-GridColumn--default--11.aem-GridColumn--offset--default--1.aem-GridColumn--offset--tablet--2 {
		margin: 0;
		width: 100%;
	}

	div#uk-upgrade-digitalphone-parent .text.richText.component.aem-GridColumn--default--none.aem-GridColumn--tablet--none.aem-GridColumn--phone--10.aem-GridColumn.aem-GridColumn--default--10.aem-GridColumn--tablet--8.aem-GridColumn--offset--phone--2.aem-GridColumn--offset--default--2.aem-GridColumn--offset--tablet--2 h2 {
		padding: 0px;
	}

	div#upgrading-uk-content .text.richText.component.richText-white-text.aem-GridColumn--offset--tablet--0.aem-GridColumn--default--none.aem-GridColumn--phone--none.aem-GridColumn--tablet--none.aem-GridColumn--phone--8.aem-GridColumn.aem-GridColumn--tablet--6.aem-GridColumn--default--6.aem-GridColumn--offset--phone--0.aem-GridColumn--offset--default--0 {
		padding: 0px;


	}

	div#upgrading-uk-content .interactive-timeline.aem-GridColumn--tablet--10.aem-GridColumn--default--none.aem-GridColumn--phone--10.aem-GridColumn.aem-GridColumn--default--10.aem-GridColumn--offset--phone--1.aem-GridColumn--offset--default--1.aem-GridColumn--offset--tablet--1 {
		width: 100%;
		margin: 0;
	}

	/*for-my-home-or-business*/
	div#moving-home-or-business .text.richText.component.aem-GridColumn--default--none.aem-GridColumn--tablet--none.aem-GridColumn--phone--8.aem-GridColumn.aem-GridColumn--tablet--8.aem-GridColumn--default--8.aem-GridColumn--offset--phone--2.aem-GridColumn--offset--default--2.aem-GridColumn--offset--tablet--2 {
		padding-right: 30px;
	}

	div#moving-home-or-business-parent .container.box.component.section.box-wrapper.aem-GridColumn--default--none.aem-GridColumn--phone--none.aem-GridColumn--tablet--none.aem-GridColumn--phone--10.aem-GridColumn.aem-GridColumn--offset--phone--1.aem-GridColumn--tablet--8.aem-GridColumn--default--8.aem-GridColumn--offset--default--2.aem-GridColumn--offset--tablet--2 {
		width: 100%;
		margin: 0px;
	}

	div#moving-home-or-business-parent .text.richText.component.aem-GridColumn--default--none.aem-GridColumn--tablet--none.aem-GridColumn.aem-GridColumn--tablet--8.aem-GridColumn--default--8.aem-GridColumn--offset--default--2.aem-GridColumn--offset--tablet--2 {
		width: 100%;
	}

	div#digital-upgrade-affect h2 {
		padding-left: 0px;
	}

    .reduce-image img {
        position: absolute;
        object-fit: cover;
        left: 0;
        top: 0;
        right: 0;
        height: 465px;
    }
    .reduce-image {

        margin-bottom: 35%;
    }
}



div#moving-home-or-business .text.richText.component.aem-GridColumn--default--none.aem-GridColumn--tablet--none.aem-GridColumn--phone--8.aem-GridColumn.aem-GridColumn--tablet--8.aem-GridColumn--default--8.aem-GridColumn--offset--phone--2.aem-GridColumn--offset--default--2.aem-GridColumn--offset--tablet--2 {
	margin-left: 2%;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	div#accordion-text .text.richText.component.aem-GridColumn--offset--tablet--0.aem-GridColumn--default--none.aem-GridColumn--tablet--none.aem-GridColumn.aem-GridColumn--tablet--8.aem-GridColumn--default--8.aem-GridColumn--offset--default--0 {
		width: 100%;
	}
}

@media only screen and (max-width: 767px) {
	div#accordion-text .text.richText.component.aem-GridColumn--offset--tablet--0.aem-GridColumn--default--none.aem-GridColumn--tablet--none.aem-GridColumn.aem-GridColumn--tablet--8.aem-GridColumn--default--8.aem-GridColumn--offset--default--0 {
		width: 100%;
	}
}


/* MOBILE MODE */
@media only screen and (max-width: 767px) {
  /*NTT-94*/
  .richText-white-text h1,
  .richText-white-text h2,
  .richText-white-text h3,
  .richText-white-text h4,
  .richText-white-text h5,
  .richText-white-text h6,
  .richText-white-text p {
    padding-left: 15px;
    padding-right: 5px;
  }
  div#express-my-interest-section .component.ecc-fibrechecker.aem-GridColumn--phone--none {
    width: 83.33333333% !important;
    margin-left: 8.33333333% !important;
    padding: 0px 10px !important;
  }
  div#express-my-interest-availability-section .component.ecc-fibrechecker.aem-GridColumn--phone--none {
      width: 83.33333333% !important;
      margin-left: 8.33333333% !important;
      padding: 0px 10px !important;
  }
  div#interest-coming-soon .component.ecc-fibrechecker.aem-GridColumn--phone--none {
      width: 83.33333333% !important;
      margin-left: 8.33333333% !important;
      padding: 0px 10px !important;
  }
  /*.component.ecc-fibrechecker {
    padding: 0 !important;
    width: 106% !important;
    margin-left: -10px !important;
  }*/
  div#guides-and-handbook-id-1 .title.aem-GridColumn {
    padding: 0px 20px !important;
  }

  div#guides-and-handbook-id-1 .accordion.component {
    padding: 0px 20px !important;
  }

  div#dropping-price-of-fiber-broadband-id .container.box.component,div#guides-and-handbook-id-1 .container.box.component,div#ordering-supplies-id .text.richText.component {
    padding: 0 20px;
    margin: auto;
    width: 100%;
  }

  div#dropping-price-of-fiber-broadband-id .container.box.component,div#guides-and-handbook-id-1 .container.box.component {
    padding: 0 20px;
    margin: auto;
    width: 100%;
  }

  /*NTT-95*/
  div#when-where-text-id h2 {
    padding-left: 15px;
    padding-right: 15px;
  }

  /*NTT-101*/
  div#homepage-bottom-image .container .box-page-breaker > .component-content,
  div.container .box-cover-photo > .component-content {
    background-position-x: center;
    background-size: 240% 36% !important;
    padding-top: 200px;
    padding-right: 4px;
    padding-left: 18px;
    width: 100%;
    height: 100%;
    background-position: -356px 5px;
    margin: -6px 0px;
  }

  /*NTT-135(1)*/
  div#upgrading-uk-id
    .aem-Grid.aem-Grid--tablet--12
    > .aem-GridColumn.aem-GridColumn--tablet--4 {
    margin-left: 5%;
    margin-right: 5%;
    width: 90%;
  }

  /*NTT-135(2)*/
  div#altering-network-images-id
    .aem-Grid.aem-Grid--default--12
    > .aem-GridColumn.aem-GridColumn--offset--default--0 {
    width: 95%;
    padding-left: 0px;
  }

  /* NTT-135(3)*/
  div#building-developers-common-id
    .container.box.component.section.box-border-green.aem-GridColumn--offset--tablet--0.aem-GridColumn--default--none.aem-GridColumn--phone--none.aem-GridColumn--tablet--none.aem-GridColumn--phone--10.aem-GridColumn.aem-GridColumn--offset--phone--1.aem-GridColumn--tablet--6.aem-GridColumn--default--6.aem-GridColumn--offset--default--0 {
    margin-left: 0px;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  div#building-developers-common-id
    .container.box.component.section.box-border-green.box-margin-bottom.aem-GridColumn--offset--tablet--0.aem-GridColumn--default--none.aem-GridColumn--phone--none.aem-GridColumn--tablet--4.aem-GridColumn--tablet--none.aem-GridColumn--phone--10.aem-GridColumn.aem-GridColumn--offset--phone--1.aem-GridColumn--offset--default--0.aem-GridColumn--default--4 {
    width: 95%;
    padding-left: 18px !important;
    padding-right: 0px !important;
    margin-left: 0px;
  }

  /*NTT-137(1)*/
  div#career-section
    .text.richText.component.aem-GridColumn--default--none.aem-GridColumn--tablet--none.aem-GridColumn.aem-GridColumn--tablet--8.aem-GridColumn--default--8.aem-GridColumn--offset--default--2.aem-GridColumn--offset--tablet--2 {
    width: 90%;
    margin-left: 6%;
  }

  /*NTT-137(3)*/
  div#add-ons-svg-id
    .image.component.image-svg-icon.aem-GridColumn--tablet--12.aem-GridColumn--offset--tablet--0.aem-GridColumn--default--none.aem-GridColumn--phone--none.aem-GridColumn--phone--6.aem-GridColumn--tablet--none.aem-GridColumn--offset--phone--3.aem-GridColumn.aem-GridColumn--default--12.aem-GridColumn--offset--default--0.strudel-init {
    margin-left: 0%;
  }

  div#cheaper-calls-id p {
    margin: 0% 4%;
  }

  div#middle-image p {
    margin: 0% 4%;
  }

  div#use-your-landline-id p {
    margin: 0% 4%;
  }

  /*NTT-137(4)*/
  div#keep-uptodate-id
    .container.box.component.section.box-wrapper.aem-GridColumn--default--none.aem-GridColumn--phone--none.aem-GridColumn--tablet--none.aem-GridColumn--phone--10.aem-GridColumn.aem-GridColumn--offset--phone--1.aem-GridColumn--tablet--8.aem-GridColumn--default--8.aem-GridColumn--offset--default--2.aem-GridColumn--offset--tablet--2 {
    margin-left: 2%;
    width: 100%;
  }

  div#keep-uptodate-id
    .container.box.component.section.aem-GridColumn--offset--tablet--0.aem-GridColumn--default--none.aem-GridColumn--phone--none.aem-GridColumn--phone--6.aem-GridColumn--tablet--4.aem-GridColumn--tablet--none.aem-GridColumn--offset--phone--3.aem-GridColumn.aem-GridColumn--offset--default--0.aem-GridColumn--default--4 {
    margin-left: 0%;
  }

  /*NTT-137(7) */
  div#locating-our-network-id
    .container.box.component.section.box-border-green.box-wrapper.box-middle-content.aem-GridColumn.aem-GridColumn--default--12 {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }

  /*NTT-137(8)*/
  div#openreach-benefits
    .text.richText.component.aem-GridColumn--tablet--10.aem-GridColumn--default--none.aem-GridColumn--tablet--none.aem-GridColumn.aem-GridColumn--default--10.aem-GridColumn--offset--default--1.aem-GridColumn--offset--tablet--1 {
    margin: 0% 4%;
    width: 92%;
  }

  div#openreach-benefits
    .container.box.component.section.box-reset-margins.aem-GridColumn--default--none.aem-GridColumn--phone--none.aem-GridColumn--phone--6.aem-GridColumn--tablet--4.aem-GridColumn--tablet--none.aem-GridColumn.aem-GridColumn--offset--default--4.aem-GridColumn--offset--phone--0.aem-GridColumn--offset--tablet--4.aem-GridColumn--default--4 {
    width: 100%;
  }

  div#openreach-benefits
    .container.box.component.section.box-reset-margins.aem-GridColumn--default--none.aem-GridColumn--phone--none.aem-GridColumn--phone--6.aem-GridColumn--tablet--4.aem-GridColumn--tablet--none.aem-GridColumn.aem-GridColumn--offset--default--2.aem-GridColumn--offset--phone--0.aem-GridColumn--default--4.aem-GridColumn--offset--tablet--2 {
    width: 100%;
  }

  div#openreach-benefits
    .text.richText.component.aem-GridColumn--tablet--12.aem-GridColumn--phone--12.aem-GridColumn.aem-GridColumn--default--12 {
    width: 94%;
    margin-left: 3%;
  }

  /*NTT-142*/
  div#box-component-id-1
    .container.box.component.section.box-border-green.box-hover-border.box-tappable.aem-GridColumn--offset--tablet--0.aem-GridColumn--default--none.aem-GridColumn--phone--none.aem-GridColumn--tablet--none.aem-GridColumn--phone--10.aem-GridColumn.aem-GridColumn--offset--phone--1.aem-GridColumn--tablet--6.aem-GridColumn--default--6.aem-GridColumn--offset--default--0.strudel-init {
    padding-left: 20px;
    padding-right: 20px;
  }

  /*NTT-151*/
  div#menu_navigation_id
    .container.box.component.section.box-wrapper.box-navigation-header.aem-GridColumn.aem-GridColumn--default--12 {
    padding: 0px !important;
  }

}

/*NTT-89 MOBILE VIEW*/
@media only screen and (min-width: 280px) and (max-width: 767px) {
  /* for ultrafast fiber broadband page*/
  div#ultrafast-types-broadband-section
    .container.box.component.section.aem-GridColumn--default--none.aem-GridColumn--tablet--none.aem-GridColumn.aem-GridColumn--tablet--8 {
    margin-left: 3%;
    width: 95%;
  }

  div#ultrafast-types-broadband-section
    .title.aem-GridColumn--tablet--10.aem-GridColumn--default--none.aem-GridColumn--tablet--none.aem-GridColumn {
    margin-left: 3%;
    width: 95%;
    text-align: center;
  }

  div#ultrafast-types-broadband-section p {
    margin: 0px !important;
  }

  div#ultrafast-types-broadband-section h3 {
    margin: 0px !important;
  }

  /* for gfast fiber broadband page*/
  div#gfast-types-broadband-section
    .container.box.component.section.aem-GridColumn--default--none.aem-GridColumn--tablet--none.aem-GridColumn.aem-GridColumn--tablet--8 {
    margin-left: 3%;
    width: 95%;
  }

  div#gfast-types-broadband-section
    .title.aem-GridColumn--tablet--10.aem-GridColumn--default--none.aem-GridColumn--tablet--none.aem-GridColumn {
    margin-left: 3%;
    width: 95%;
    text-align: center;
  }

  div#gfast-types-broadband-section p {
    margin: 0px !important;
  }

  div#gfast-types-broadband-section h3 {
    margin: 0px !important;
  }

  /* for superfast fiber broadband page*/
  div#superfast-types-broadband-section
    .container.box.component.section.aem-GridColumn--default--none.aem-GridColumn--tablet--none.aem-GridColumn.aem-GridColumn--tablet--8 {
    margin-left: 3%;
    width: 95%;
  }

  div#superfast-types-broadband-section
    .title.aem-GridColumn--tablet--10.aem-GridColumn--default--none.aem-GridColumn--tablet--none.aem-GridColumn {
    margin-left: 3%;
    width: 95%;
    text-align: center;
  }

  div#superfast-types-broadband-section p {
    margin: 0px !important;
  }

  div#superfast-types-broadband-section h3 {
    margin: 0px !important;
  }

  /* for standard fiber broadband page*/
  div#standard-types-broadband-section
    .container.box.component.section.aem-GridColumn--default--none.aem-GridColumn--tablet--none.aem-GridColumn.aem-GridColumn--tablet--8 {
    margin-left: 3%;
    width: 95%;
  }

  div#standard-types-broadband-section
    .title.aem-GridColumn--tablet--10.aem-GridColumn--default--none.aem-GridColumn--tablet--none.aem-GridColumn {
    margin-left: 3%;
    width: 95%;
    text-align: center;
  }

  div#standard-types-broadband-section p {
    margin: 0px !important;
  }

  div#standard-types-broadband-section h3 {
    margin: 0px !important;
  }
}

/*TABLET MODE*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .pp-bodywrapper {
    margin-top: -57px;
  }
  .no-scroll .container.box.component.section.box-background-teal.aem-GridColumn.aem-GridColumn--default--12.is-active {
    background: transparent;
    position: relative;
    top: 0;
    -webkit-transition: height 0.3s ease-in;
    transition: height 0.3s ease-in;
    height: calc(100vh - 56px);
  }
  .box-header-search+.box-background-teal {
    top: 0;
    height: 0;
    min-height: 0;
    -webkit-transition: height 0.3s ease-out;
    transition: height 0.3s ease-out;
    overflow: hidden;
  }
  div#banner-id .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--5 {
    width: 44.666%;
  }
  /*NTT-83*/
  .image.component.image-header-logo.aem-GridColumn--offset--tablet--0 a > img {
    height: 20px !important;
    width: 104px !important;
    padding: 0px;
    margin: 18px 0px !important;
  }
  div#copyright-section .image.component.image-header-logo.aem-GridColumn--offset--tablet--0 a > img {
    margin: 0px 10px !important;
  }

  .container.box.component.section.box-wrapper.box-header-search.aem-GridColumn.aem-GridColumn--default--12 {
    margin: 0px !important;
  }

  /*NTT-89*/
  /*for ultrafast fiber broadband*/
  div#ultrafast-types-broadband-section
    .container.box.component.section.aem-GridColumn--offset--tablet--0.aem-GridColumn--default--none.aem-GridColumn--phone--none.aem-GridColumn--phone--6.aem-GridColumn--tablet--3 {
    width: 50%;
  }

  div#ultrafast-types-broadband-section
    .container.box.component.section.box-hover-border.box-tappable.box-inside-padding.aem-GridColumn--offset--tablet--0.aem-GridColumn--default--none {
    width: 100%;
  }

  div#ultrafast-types-broadband-section
    .container.box.component.section.box-background-teal.box-border-round.box-inside-padding.aem-GridColumn--offset--tablet--0 {
    width: 100%;
  }

  div#ultrafast-types-broadband-section p {
    margin: 0px !important;
  }

  div#ultrafast-types-broadband-section h3 {
    margin: 0px !important;
  }

  div#ultrafast-types-broadband-section
    .container.box.component.section.aem-GridColumn--default--none.aem-GridColumn--tablet--none.aem-GridColumn.aem-GridColumn--tablet--8 {
    margin-left: 3%;
    width: 95%;
  }

  div#ultrafast-types-broadband-section
    .title.aem-GridColumn--tablet--10.aem-GridColumn--default--none.aem-GridColumn--tablet--none.aem-GridColumn {
    margin-left: 3%;
    width: 95%;
    text-align: center;
  }

  /* for gfast fiber broadband page*/
  div#gfast-types-broadband-section
    .container.box.component.section.aem-GridColumn--offset--tablet--0.aem-GridColumn--default--none.aem-GridColumn--phone--none.aem-GridColumn--phone--6.aem-GridColumn--tablet--3 {
    width: 50%;
  }

  div#gfast-types-broadband-section
    .container.box.component.section.box-hover-border.box-tappable.box-inside-padding.aem-GridColumn--offset--tablet--0.aem-GridColumn--default--none {
    width: 100%;
  }

  div#gfast-types-broadband-section
    .container.box.component.section.box-background-teal.box-border-round.box-inside-padding.aem-GridColumn--offset--tablet--0 {
    width: 100%;
  }

  div#gfast-types-broadband-section p {
    margin: 0px !important;
  }

  div#gfast-types-broadband-section h3 {
    margin: 0px !important;
  }

  div#gfast-types-broadband-section
    .container.box.component.section.aem-GridColumn--default--none.aem-GridColumn--tablet--none.aem-GridColumn.aem-GridColumn--tablet--8 {
    margin-left: 3%;
    width: 95%;
  }

  div#gfast-types-broadband-section
    .title.aem-GridColumn--tablet--10.aem-GridColumn--default--none.aem-GridColumn--tablet--none.aem-GridColumn {
    margin-left: 3%;
    width: 95%;
    text-align: center;
  }

  /* for superfast fiber broadband page*/
  div#superfast-types-broadband-section
    .container.box.component.section.aem-GridColumn--offset--tablet--0.aem-GridColumn--default--none.aem-GridColumn--phone--none.aem-GridColumn--phone--6.aem-GridColumn--tablet--3 {
    width: 50%;
  }

  div#superfast-types-broadband-section
    .container.box.component.section.box-hover-border.box-tappable.box-inside-padding.aem-GridColumn--offset--tablet--0.aem-GridColumn--default--none {
    width: 100%;
  }

  div#superfast-types-broadband-section
    .container.box.component.section.box-background-teal.box-border-round.box-inside-padding.aem-GridColumn--offset--tablet--0 {
    width: 100%;
  }

  div#superfast-types-broadband-section p {
    margin: 0px !important;
  }

  div#superfast-types-broadband-section h3 {
    margin: 0px !important;
  }

  div#superfast-types-broadband-section
    .container.box.component.section.aem-GridColumn--default--none.aem-GridColumn--tablet--none.aem-GridColumn.aem-GridColumn--tablet--8 {
    margin-left: 3%;
    width: 95%;
  }

  div#superfast-types-broadband-section
    .title.aem-GridColumn--tablet--10.aem-GridColumn--default--none.aem-GridColumn--tablet--none.aem-GridColumn {
    margin-left: 3%;
    width: 95%;
    text-align: center;
  }

  /* for standard fiber broadband page*/
  div#standard-types-broadband-section
    .container.box.component.section.aem-GridColumn--offset--tablet--0.aem-GridColumn--default--none.aem-GridColumn--phone--none.aem-GridColumn--phone--6.aem-GridColumn--tablet--3 {
    width: 50%;
  }

  div#standard-types-broadband-section
    .container.box.component.section.box-hover-border.box-tappable.box-inside-padding.aem-GridColumn--offset--tablet--0.aem-GridColumn--default--none {
    width: 100%;
  }

  div#standard-types-broadband-section
    .container.box.component.section.box-background-teal.box-border-round.box-inside-padding.aem-GridColumn--offset--tablet--0 {
    width: 100%;
  }

  div#standard-types-broadband-section p {
    margin: 0px !important;
  }

  div#standard-types-broadband-section h3 {
    margin: 0px !important;
  }

  div#standard-types-broadband-section
    .container.box.component.section.aem-GridColumn--default--none.aem-GridColumn--tablet--none.aem-GridColumn.aem-GridColumn--tablet--8 {
    margin-left: 3%;
    width: 95%;
  }

  div#standard-types-broadband-section
    .title.aem-GridColumn--tablet--10.aem-GridColumn--default--none.aem-GridColumn--tablet--none.aem-GridColumn {
    margin-left: 3%;
    width: 95%;
    text-align: center;
  }

  /*NTT-92*/
  div.container .box-border-green > .component-content {
    background-color: #fff;
  }

  /*NTT-93*/
  div.container
    .box-topic-links
    > .component-content
    > .content
    .cta-secondary {
    bottom: 8px;
  }

  /*NTT-126*/
  div#box-component-id-1
    .container.box.component.section.box-border-green.box-hover-border.box-tappable.aem-GridColumn--offset--tablet--0.aem-GridColumn--default--none.aem-GridColumn--phone--none.aem-GridColumn--tablet--none.aem-GridColumn--phone--10.aem-GridColumn.aem-GridColumn--offset--phone--1.aem-GridColumn--tablet--6.aem-GridColumn--default--6.aem-GridColumn--offset--default--0.strudel-init {
    width: 100%;
    padding-left: 70px;
    padding-right: 70px;
  }

  /*NTT-134(4)*/
  div#register-your-site-id
    .aem-Grid.aem-Grid--tablet--12
    > .aem-GridColumn.aem-GridColumn--tablet--4 {
    width: 100%;
  }

  /*NTT-135(1)*/
  div#upgrading-uk-id
    .aem-Grid.aem-Grid--tablet--12
    > .aem-GridColumn.aem-GridColumn--tablet--4 {
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
  }

  /*NTT-135(2)*/
  div#altering-network-images-id
    .container.box.component.section.box-border-green.aem-GridColumn--offset--tablet--0.aem-GridColumn--default--none.aem-GridColumn--phone--none.aem-GridColumn--tablet--none.aem-GridColumn--phone--10.aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 9%;
    width: 82%;
  }

  /* NTT-135(3)*/
  div#building-developers-common-id
    .container.box.component.section.box-border-green.box-margin-bottom.aem-GridColumn--offset--tablet--0.aem-GridColumn--default--none.aem-GridColumn--tablet--4.aem-GridColumn--tablet--none.aem-GridColumn.aem-GridColumn--offset--default--0.aem-GridColumn--default--4 {
    width: 100%;
  }

  div#building-developers-common-id .image .left img,
  .image .left svg {
    margin-left: 0px;
  }

  div#building-developers-common-id
    .container.box.component.section.box-border-green.aem-GridColumn--offset--tablet--0.aem-GridColumn--default--none.aem-GridColumn--phone--none.aem-GridColumn--tablet--none.aem-GridColumn--phone--10.aem-GridColumn.aem-GridColumn--offset--phone--1.aem-GridColumn--tablet--6.aem-GridColumn--default--6.aem-GridColumn--offset--default--0 {
    width: 82%;
    margin-left: 55px;
  }

  div#building-developers-common-id
    .container.box.component.section.box-border-green.box-margin-bottom.aem-GridColumn--offset--tablet--0.aem-GridColumn--default--none.aem-GridColumn--phone--none.aem-GridColumn--tablet--4.aem-GridColumn--tablet--none.aem-GridColumn--phone--10.aem-GridColumn.aem-GridColumn--offset--phone--1.aem-GridColumn--offset--default--0.aem-GridColumn--default--4 {
    width: 82%;
    margin-left: 55px;
  }

  /*NTT-137(1)*/
  div#career-section .image .left img,
  .image .left svg {
    margin-left: 0%;
  }

  div#working-at-openreach-id
    .container.box.component.section.box-middle-content.box-image-above-siblings-on-mobile.box-hover-border.box-tappable.box-reset-margins.aem-GridColumn.aem-GridColumn--default--12.strudel-init {
    margin-left: 8%;
  }

  div#working-at-openreach-id
    .image.component.js-link-video.aem-GridColumn--default--none.aem-GridColumn--tablet--5.aem-GridColumn--tablet--none.aem-GridColumn.aem-GridColumn--default--5.aem-GridColumn--offset--default--1.aem-GridColumn--offset--tablet--1.strudel-init.image-cta-video {
    margin-left: 0%;
  }

  div#working-at-openreach-id
    .container.box.component.section.box-reset-margins.box-inside-padding.aem-GridColumn--default--none.aem-GridColumn--tablet--5.aem-GridColumn--tablet--none.aem-GridColumn.aem-GridColumn--default--5.aem-GridColumn--offset--default--1.aem-GridColumn--offset--tablet--1 {
    margin-left: 0%;
  }

  div#working-at-openreach-id-1
    .container.box.component.section.box-middle-content.box-image-above-siblings-on-mobile.box-hover-border.box-tappable.box-reset-margins.aem-GridColumn.aem-GridColumn--default--12.strudel-init {
    margin: 0% 9%;
  }

  div#working-at-openreach-id-2
    .container.box.component.section.box-middle-content.box-image-above-siblings-on-mobile.box-hover-border.box-tappable.box-reset-margins.aem-GridColumn.aem-GridColumn--default--12.strudel-init {
    margin: 0% 9%;
  }

  div#working-at-openreach-id-2
    .title.aem-GridColumn--tablet--12.aem-GridColumn.aem-GridColumn--default--12 {
    margin: 0% -23%;
  }

  div#working-at-openreach-id-2
    .text.richText.component.aem-GridColumn--tablet--12.aem-GridColumn.aem-GridColumn--default--12 {
    margin: 0% -21%;
  }

  div#career-section
    .text.richText.component.aem-GridColumn--default--none.aem-GridColumn--tablet--none.aem-GridColumn.aem-GridColumn--tablet--8.aem-GridColumn--default--8.aem-GridColumn--offset--default--2.aem-GridColumn--offset--tablet--2 {
    width: 96%;
    margin-left: 2%;
  }

  /*NTT-137(3)*/
  div#add-ons-svg-id .container.box div#cheaper-calls-id,
  div#add-ons-svg-id .container.box div#use-your-landline-id {
    max-width: 50%;
  }

  div#add-ons-svg-id .container.box {
    display: block;
    width: 100%;
  }

  div#add-ons-svg-id .container.box div#cheaper-calls-id svg,
  div#use-your-landline-id
    .image.component.image-svg-icon
    .component-content.cmp-image.middle {
    width: 100%;
  }

  div#add-ons-svg-id
    .container.box
    div#middle-image
    .image.component.image-svg-icon
    .component-content.cmp-image.middle {
    max-width: 50%;
    margin: 0 auto;
  }

  /*NTT-137(4)*/
  div#keep-uptodate-id h2.cmp-title__text {
    margin: 0% -14%;
  }

  div#keep-uptodate-id
    .container.box.component.section.aem-GridColumn--offset--tablet--0.aem-GridColumn--default--none.aem-GridColumn--phone--none.aem-GridColumn--phone--6.aem-GridColumn--tablet--4.aem-GridColumn--tablet--none.aem-GridColumn.aem-GridColumn--offset--phone--0.aem-GridColumn--offset--default--0.aem-GridColumn--default--4 {
    width: 50%;
  }

  div#keep-uptodate-id
    .container.box.component.section.aem-GridColumn--offset--tablet--0.aem-GridColumn--default--none.aem-GridColumn--phone--none.aem-GridColumn--phone--6.aem-GridColumn--tablet--4.aem-GridColumn--tablet--none.aem-GridColumn--offset--phone--3.aem-GridColumn.aem-GridColumn--offset--default--0.aem-GridColumn--default--4 {
    margin: 0 auto;
    width: 100%;
  }

  div#keep-uptodate-id
    .container.box.component.section.aem-GridColumn--offset--tablet--0.aem-GridColumn--default--none.aem-GridColumn--phone--none.aem-GridColumn--phone--6.aem-GridColumn--tablet--4.aem-GridColumn--tablet--none.aem-GridColumn--offset--phone--3.aem-GridColumn.aem-GridColumn--offset--default--0.aem-GridColumn--default--4
    div#up--to-date-documentation-id {
    margin: 0 auto;
    width: 50%;
  }

  div#up--to-date-documentation-id
    .text.richText.component.aem-GridColumn--tablet--12.aem-GridColumn--phone--12.aem-GridColumn.aem-GridColumn--default--12 {
    width: 95%;
  }

  /*NTT-137(7)*/
  div#locating-our-network-id .image .left img,
  .image .left svg {
    margin-left: 0%;
  }

  /*NTT-137(8)*/
  div#openreach-benefits
    .text.richText.component.aem-GridColumn--tablet--10.aem-GridColumn--default--none.aem-GridColumn--tablet--none.aem-GridColumn.aem-GridColumn--default--10.aem-GridColumn--offset--default--1.aem-GridColumn--offset--tablet--1 {
    margin: 0% auto;
    width: 98%;
  }

  div#openreach-benefits
    .container.box.component.section.box-reset-margins.aem-GridColumn--offset--tablet--0.aem-GridColumn--default--none.aem-GridColumn--phone--none.aem-GridColumn--phone--6.aem-GridColumn--tablet--4.aem-GridColumn--tablet--none.aem-GridColumn.aem-GridColumn--offset--phone--0.aem-GridColumn--offset--default--0.aem-GridColumn--default--4 {
    width: 50%;
  }

  div#looking-after-you
    .text.richText.component.aem-GridColumn--tablet--12.aem-GridColumn--phone--12.aem-GridColumn.aem-GridColumn--default--12 {
    width: 98%;
  }

  div#looking-after-you
    .container.box.component.section.box-reset-margins.aem-GridColumn--default--none.aem-GridColumn--phone--none.aem-GridColumn--phone--6.aem-GridColumn--tablet--4.aem-GridColumn--tablet--none.aem-GridColumn.aem-GridColumn--offset--default--4.aem-GridColumn--offset--phone--0.aem-GridColumn--offset--tablet--4.aem-GridColumn--default--4 {
    margin: 0% 8%;
  }

  div#looking-after-your-money
    .container.box.component.section.box-reset-margins.aem-GridColumn--default--none.aem-GridColumn--phone--none.aem-GridColumn--phone--6.aem-GridColumn--tablet--4.aem-GridColumn--tablet--none.aem-GridColumn.aem-GridColumn--offset--default--4.aem-GridColumn--offset--phone--0.aem-GridColumn--offset--tablet--4.aem-GridColumn--default--4 {
    margin: 0% 9%;
  }

  div#looking-after-your-career
    .container.box.component.section.box-reset-margins.aem-GridColumn--default--none.aem-GridColumn--phone--none.aem-GridColumn--phone--6.aem-GridColumn--tablet--4.aem-GridColumn--tablet--none.aem-GridColumn.aem-GridColumn--offset--default--2.aem-GridColumn--offset--phone--0.aem-GridColumn--default--4.aem-GridColumn--offset--tablet--2 {
    margin: 0% 8%;
  }

  div#looking-after-your-home
    .container.box.component.section.box-reset-margins.aem-GridColumn--default--none.aem-GridColumn--phone--none.aem-GridColumn--phone--6.aem-GridColumn--tablet--4.aem-GridColumn--tablet--none.aem-GridColumn.aem-GridColumn--offset--default--4.aem-GridColumn--offset--phone--0.aem-GridColumn--offset--tablet--4.aem-GridColumn--default--4 {
    margin: 0% 8%;
  }

  div#looking-after-each-other
    .container.box.component.section.box-reset-margins.aem-GridColumn--default--none.aem-GridColumn--phone--none.aem-GridColumn--phone--6.aem-GridColumn--tablet--4.aem-GridColumn--tablet--none.aem-GridColumn.aem-GridColumn--offset--default--2.aem-GridColumn--offset--phone--0.aem-GridColumn--default--4.aem-GridColumn--offset--tablet--2 {
    margin: 0% 8%;
  }

  /* for NTT-137 TEXT ALLIGNMENTS*/
  div#annual-bonus-id p {
    margin: 0% -28%;
  }

  div#direct-share-id p {
    margin: 0% 4%;
  }

  div#your-share-id p {
    margin: 0% 2%;
  }

  div#interest-free-season-ticket-loan p {
    margin: 0% 1%;
  }

  div#shopping-vouchers-id p {
    margin: 0% 2%;
  }

  div#wow-points-discount-codes-id span.looks-like-h4 {
    margin: 0% -32%;
  }

  div#wow-points-discount-codes-id p {
    margin: 0% -25%;
  }

  div#learning-and-development-id span.looks-like-h4 {
    margin: 0% -7%;
  }

  div#learning-and-development-id p {
    margin: 0% -23%;
  }

  div#motor-breakdown-cover-id p {
    margin: 0% -22%;
  }

  div#volunteering-days-id p {
    margin: 0% -27%;
  }

  /*NTT-151*/
  div#menu_navigation_id
    .container.box.component.section.box-wrapper.box-navigation-header.aem-GridColumn.aem-GridColumn--default--12 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  div#menu_navigation_id
    .openreach-nav.parbase.aem-GridColumn.aem-GridColumn--default--12 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  div#menu_navigation_id
    .container.box.component.section.box-wrapper.box-navigation-header.aem-GridColumn.aem-GridColumn--default--12 {
    float: right !important;
    width: 320px !important;
  }

  div#menu_navigation_id
    .container.box.component.section.box-background-teal.aem-GridColumn.aem-GridColumn--default--12.is-active {
    position: absolute;
    top: 58px;
	right: 0px;
  }

  /*NTT-194*/
  div#help-and-support-boxes
	.container.box.component.section.box-border-green.box-border-round.box-hover-border.box-tappable.box-inside-padding.aem-GridColumn--offset--tablet--0.aem-GridColumn--default--none.aem-GridColumn--tablet--4.aem-GridColumn--tablet--none.aem-GridColumn.aem-GridColumn--offset--default--0.aem-GridColumn--default--4.strudel-init {
		width: 100%;
  }
  div#help-and-support-columns
	.text.richText.component.richText-text-link-block.aem-GridColumn--default--none.aem-GridColumn--tablet--3.aem-GridColumn--tablet--none.aem-GridColumn.aem-GridColumn--default--3.aem-GridColumn--offset--default--1.aem-GridColumn--offset--tablet--1 {
    	margin-left: 0%;
   		width: 100%;
	}
}

/*NTT-119*/
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .slice-text-padding .slice-text-wrapper {
    padding-left: 392px;
  }

  .slice-right-style.slice-text-padding .slice-text-wrapper {
    padding-right: 398px;
  }
   div#winter-section .slice-container .slice-container-item.slice-text-wrapper.col-md-6.col-lg-6 {
    width: 50%;
    padding: 10px;
    margin-right: auto;
  }
  .showImageNode .paragraphSystem.content.aem-Grid.aem-Grid--12.aem-Grid--default--12 .image.component{
    padding: 0px;
  }
}

/*NTT-114 Mobile and Tablet*/
@media only screen and (max-width: 1024px) {
  div#banner-id {
    margin-left: 0px;
    margin-right: 0px;
  }

  div#box-component-id-1
    .container.box.component.section.box-border-green.box-hover-border.box-tappable.aem-GridColumn--offset--tablet--0.aem-GridColumn--default--none.aem-GridColumn--phone--none.aem-GridColumn--tablet--none.aem-GridColumn--phone--10.aem-GridColumn.aem-GridColumn--offset--phone--1.aem-GridColumn--tablet--6.aem-GridColumn--default--6.aem-GridColumn--offset--default--0.strudel-init {
    margin-left: 0;
  }

  body > .container.box.component.section {
    overflow: hidden;
  }

  div#laptop-id
    .container.box.component.section.aem-GridColumn--offset--tablet--0.aem-GridColumn--default--none.aem-GridColumn--phone--none.aem-GridColumn--phone--6.aem-GridColumn--tablet--4.aem-GridColumn--tablet--none.aem-GridColumn--offset--phone--3.aem-GridColumn.aem-GridColumn--offset--default--0.aem-GridColumn--default--4 {
    margin-left: 0px;
  }
}

@media (min-width: 1200px) {
	.col-lg-6
	{
	    width: 50%;
	}
}

@media only screen and (max-width: 767px){
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--0
            {
                width: 100%;
            }
.pp-bodywrapper .aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--0 {
        width: 100% !important;
}
.pp-bodywrapper {
    margin-top: -57px;
}
.no-scroll .container.box.component.section.box-background-teal.aem-GridColumn.aem-GridColumn--default--12.is-active {
    background: transparent;
    position: relative;
    top: 0;
    -webkit-transition: height 0.3s ease-in;
    transition: height 0.3s ease-in;
    height: calc(100vh - 56px);
}
.box-header-search+.box-background-teal {
    top: 0;
    height: 0;
    min-height: 0;
    -webkit-transition: height 0.3s ease-out;
    transition: height 0.3s ease-out;
    overflow: hidden;
}
}
/*Mahesh Babu Changes*/
@media only screen and (max-width: 767px){
#accessibility-footer-section .aem-GridColumn > .component-content > .cmp-image__link > img{
height: 42px;
}

div.container .box-footer-template > .component-content > .content {
   padding:0 !important;
 }
.cmp-container.component-content.showImageNode.hero-banner-right .image.component img
{
    max-height: 472px !important;
    object-position: right !important;
}
.cmp-container.component-content.showImageNode.hero-banner-left .image.component img
{
    max-height: 472px !important;
    object-position: left !important;
}
.cmp-container.component-content.showImageNode.hero-banner-center .image.component img
{
    max-height: 472px !important;
    object-position: center !important;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
  .always-on-fibrechecker-popup .always-on-fibrechecker-window{
  margin:0 20px !important;
  }
  .image.component.image-header-logo.aem-GridColumn--offset--tablet--0 a > img {
    padding-left: 10px;
  }
}

/* Multi Image Related  */
.bcheck:after{
  content: '\2714 \fe0e';
 color: #fff;
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 margin: 0 auto;
 text-align: center;
 font-size: 25px;
 background: radial-gradient(#2b333fd1, #073b4c82);
 opacity: 0.9;
 padding: 68px;
}

  .bcheck{
  position: relative;
  display:inline-block;
 }


.horizontal-image > div > div{
 display: table-cell;
 float: left;
 padding: 0px;
padding: 10px 20px 10px;
}

.minHieght {
 min-height: 24px;
 margin: 6px 0px 0px;
}

.horizontal-image,.vertical-image{
 line-height: 0 !important;
     }

.veritcal-image > div > div {
 margin-bottom: 12px;
}
#limitMessage{
     top: 50%;
    width: 100%;
    height: 50px;
    z-index: 99;
    border-radius: 15px;
}


/*------- Check your area’s eligibility --------*/

.f_100_{
  width: 100%;
  display: table-cell;

  }

  .f_80_{
      width: 80%;
      display: table-cell;
      }
  .f_60_{
  width: 60%;
  display: table-cell;
  }
  .f_40_{
  width: 40%;
  display: table-cell;
  }

  .f_30_{
    width: 30%;
    display: table-cell;
  }

  .f_20_{
      width: 20%;
      display: table-cell;
  }
  .f_10_{
      width: 10%;
      display: table-cell;
  }
  .f_{
      width: 100%;
      display: table;
  }
.full-width{
  width: 100%;
  display: block;
}
.font-icons {
  color: #7a65a9;
}

.box-nw-shadow-Matirial {
  background: #fff !important;
  border-radius: 30px !important;
  box-shadow: 0 0.4rem 0.7rem rgba(0,0,0,.15)!important;
}

.forms-sales-force .search-main .search-box h2{
font-size: 2rem;
color: #073b4c;
font-weight: 500;
line-height: 1.2;
text-align: center;
margin: 0;
}


.forms-sales-force .search-main .search-box p,.forms-sales-force .search-main .search-box span{
  text-align: center!important;
}

.forms-sales-force .search-main .input-item {
  text-align: center;
}
.forms-sales-force .search-main .input-item input{
  width: 85%;
  font-size: 16px;
  line-height: 30px;
  font-family: Helvetica, sans-serif;
  padding: 0 20px;
  border-radius: 8px;
  background: #f5f4f5;
  color: #073b4c;
  border: 0.5px solid #073b4c36;
  outline: none;
}

.forms-sales-force .search-main .input-item select {
height: 32px;
width: 48.5%;
line-height: 30px;
font-family: Helvetica, sans-serif;
padding: 0 12px;
border-radius: 2px;
background: #f5f4f5;
color: #073b4c;
border: 0.5px solid #073b4c36;
outline: none;
position: relative;
top: -2px;
margin-right: 4px;
}

.forms-sales-force .search-main .input-item input:focus ,.forms-sales-force .search-main .input-item select:focus{
  font-family: Helvetica, sans-serif;
  background: #f5f4f5;
  color: #073b4c;
  box-shadow: none;
  border: #0ff;
  box-shadow: 0 0 0 0.15rem #0a9c82;
}

.inner-box{
width: 100%;
display: block;
margin: 0 auto;
}

.community-scheme p {
padding: 20px 0px 10px;
font-size: 14px;
font-weight: 400;
line-height: 18px;
font-family: OpenreachM,Roboto,Helvetica,sans-serif;
}
.input-item > div label {
font-size: 14px;
line-height: 18px;
padding: 0px 0px 10px;
font-weight: 600;
display: block;
color: #073b4c;
}

.forms-sales-force .search-main .input-item button {
  background: #0a9c82;
  border: none;
  width: 40px;
  padding: 0px;
  position: relative;
  left: -10px;
  border-top-right-radius: 8px 6px;
  border-bottom-right-radius: 8px 4px;
  height: 32px;
  padding: 0px 10px;
  background: linear-gradient(-225deg, #0a9c82, #4ac59d);
  top: 1px;
}


.forms-sales-force .search-main .input-item img {
  height: 16px;
}
/* .community-block {
  background: #fff;
  border-radius: 30px;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
  padding: 60px 50px 60px;
} */
.mid-head-sales-force,.ratio-of-sf {
  display: table;
  width: 100%;
  padding: 0px 0px 10px;
  table-layout: fixed;
}
.community-block .head-of-sales-force {
  max-width: 33.33%;
}
.community-block .head-of-sales-force h1 {
  margin: 0;
  padding: 0;
  font-family: Roboto, Lato, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.mid-head-sales-force > div ,.ratio-of-sf > div{
  display: table-cell;
  width: 33.33%;
  vertical-align: bottom;
}

.ratio-of-sf > div:not(:first-child) {
  vertical-align: text-top;
}
.ratio-of-sf > div{
  vertical-align: middle;
}
.mid-head-sales-force > div:last-child {
  text-align: right;
}
.mid-head-sales-force > div:last-child p {
  padding-right: 24px;
  font-size: 14px;
  margin: 0;
}
.mid-head-sales-force > div:first-child span{
text-transform: uppercase!important;
}

.mid-head-sales-force > div span{
  font-weight: 700;
  font-size: 14px;

}
.mid-head-sales-force > div:nth-child(2) span a {
  color: #1ca88a;
  font-weight: 600;
}

.ratio-of-sf {
  padding: 20px 0 10px;
}
.ratio-of-sf > div > div p {
  color: #6c757d!important;
  font-size: 16px;

}
.ratio-of-sf .pledged span {
  color: #6c757d!important;
  font-size: 12px;
}

.ratio-of-sf > div span label {
  font-size: 20px;
  font-weight: 600;
  font-family: OpenreachM,Roboto,Helvetica,sans-serif;
}

.ratio-of-sf > div:not(:first-child) {
  vertical-align: text-top;
  padding-top: 30px;
}
  .f_50_{
  width: 50%;
  display: table-cell;
  }

  .info-rat {
      text-align: right;
      padding: 0px 40px;
  }
  .info-rat i {
    font-size: 10px;
}

.ratio-of-sf div p.lead {
  font-size: 0.90rem;
  font-weight: 300;
  text-align: center;
}

button.pledge-btn {
margin: 30px auto 0;
display: block;
background-image: -webkit-linear-gradient(315deg,#0a9c82,#4ac59d);
background-image: linear-gradient(-225deg,#0a9c82,#4ac59d);
border-radius: 12px;
border: 0;
color: #fff;
padding: 11px 20px;
min-width: 175px;
text-align: center;
font-size: 12px !important;
}
button.pledge-btn i{
font-size: 12px !important;
}
button.pledge-btn:hover{
background-image: -webkit-linear-gradient(315deg,#073b4c,#116b88);
background-image: linear-gradient(-225deg,#073b4c,#116b88);
color: #fff;

}

.rc-anchor-error-msg,.rc-anchor-alert{
display:none;
}
.rc-anchor-alert{
visibility:hidden;
}

/* ---------------------- */


.circle {
  height: 1em;
  width: 1em;
  position: relative;
  display: inline-block;
  border-radius: 50%;
  font-size: 100%;
  box-sizing: content-box;
  font-size: 200px;
}
.circle:after {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0%;
  left: 0%;
  border-radius: 50%;
  box-sizing: border-box;
  border: solid 8px #cccccc;
  z-index: -1;
}
.circle > span {
  width: 100%;
  height: 100%;
  text-align: center;
  display: block;
  font-size: 0.2em;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 5em;
  z-index: 9999;
  color: var(--color);
  white-space: nowrap;
  box-sizing: content-box;
  border-radius: 50%;
}
.circle > .bar {
  height: 100%;
  width: 100%;
  position: absolute;
  box-sizing: content-box;
}
.circle > .bar:before,
.circle > .bar:after {
  content: "";
  height: 87%;
  width: 87%;
  position: absolute;
  border: solid 8px var(--color);
  border-radius: 50%;
  box-sizing: content-box;
  clip: rect(0, 0.5em, 1em, 0);
}
.circle.big {
  font-size: 120px;
  padding: 0;
  margin: 0 auto;
  display: block;
  z-index: 0;
}
.circle.medium {
  font-size: 200px;
}
.circle.small {
  font-size: 100px;
}
.circle.x-small {
  font-size: 50px;
}
.circle[data-fill="0"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="0"] > .bar:before {
  transform: rotate(0deg);
}
.circle[data-fill="0"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="1"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="1"] > .bar:before {
  transform: rotate(3.6deg);
}
.circle[data-fill="1"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="2"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="2"] > .bar:before {
  transform: rotate(7.2deg);
}
.circle[data-fill="2"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="3"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="3"] > .bar:before {
  transform: rotate(10.8deg);
}
.circle[data-fill="3"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="4"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="4"] > .bar:before {
  transform: rotate(14.4deg);
}
.circle[data-fill="4"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="5"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="5"] > .bar:before {
  transform: rotate(18deg);
}
.circle[data-fill="5"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="6"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="6"] > .bar:before {
  transform: rotate(21.6deg);
}
.circle[data-fill="6"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="7"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="7"] > .bar:before {
  transform: rotate(25.2deg);
}
.circle[data-fill="7"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="8"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="8"] > .bar:before {
  transform: rotate(28.8deg);
}
.circle[data-fill="8"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="9"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="9"] > .bar:before {
  transform: rotate(32.4deg);
}
.circle[data-fill="9"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="10"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="10"] > .bar:before {
  transform: rotate(36deg);
}
.circle[data-fill="10"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="11"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="11"] > .bar:before {
  transform: rotate(39.6deg);
}
.circle[data-fill="11"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="12"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="12"] > .bar:before {
  transform: rotate(43.2deg);
}
.circle[data-fill="12"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="13"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="13"] > .bar:before {
  transform: rotate(46.8deg);
}
.circle[data-fill="13"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="14"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="14"] > .bar:before {
  transform: rotate(50.4deg);
}
.circle[data-fill="14"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="15"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="15"] > .bar:before {
  transform: rotate(54deg);
}
.circle[data-fill="15"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="16"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="16"] > .bar:before {
  transform: rotate(57.6deg);
}
.circle[data-fill="16"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="17"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="17"] > .bar:before {
  transform: rotate(61.2deg);
}
.circle[data-fill="17"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="18"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="18"] > .bar:before {
  transform: rotate(64.8deg);
}
.circle[data-fill="18"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="19"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="19"] > .bar:before {
  transform: rotate(68.4deg);
}
.circle[data-fill="19"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="20"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="20"] > .bar:before {
  transform: rotate(72deg);
}
.circle[data-fill="20"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="21"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="21"] > .bar:before {
  transform: rotate(75.6deg);
}
.circle[data-fill="21"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="22"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="22"] > .bar:before {
  transform: rotate(79.2deg);
}
.circle[data-fill="22"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="23"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="23"] > .bar:before {
  transform: rotate(82.8deg);
}
.circle[data-fill="23"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="24"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="24"] > .bar:before {
  transform: rotate(86.4deg);
}
.circle[data-fill="24"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="25"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="25"] > .bar:before {
  transform: rotate(90deg);
}
.circle[data-fill="25"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="26"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="26"] > .bar:before {
  transform: rotate(93.6deg);
}
.circle[data-fill="26"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="27"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="27"] > .bar:before {
  transform: rotate(97.2deg);
}
.circle[data-fill="27"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="28"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="28"] > .bar:before {
  transform: rotate(100.8deg);
}
.circle[data-fill="28"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="29"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="29"] > .bar:before {
  transform: rotate(104.4deg);
}
.circle[data-fill="29"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="30"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="30"] > .bar:before {
  transform: rotate(108deg);
}
.circle[data-fill="30"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="31"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="31"] > .bar:before {
  transform: rotate(111.6deg);
}
.circle[data-fill="31"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="32"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="32"] > .bar:before {
  transform: rotate(115.2deg);
}
.circle[data-fill="32"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="33"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="33"] > .bar:before {
  transform: rotate(118.8deg);
}
.circle[data-fill="33"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="34"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="34"] > .bar:before {
  transform: rotate(122.4deg);
}
.circle[data-fill="34"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="35"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="35"] > .bar:before {
  transform: rotate(126deg);
}
.circle[data-fill="35"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="36"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="36"] > .bar:before {
  transform: rotate(129.6deg);
}
.circle[data-fill="36"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="37"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="37"] > .bar:before {
  transform: rotate(133.2deg);
}
.circle[data-fill="37"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="38"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="38"] > .bar:before {
  transform: rotate(136.8deg);
}
.circle[data-fill="38"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="39"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="39"] > .bar:before {
  transform: rotate(140.4deg);
}
.circle[data-fill="39"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="40"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="40"] > .bar:before {
  transform: rotate(144deg);
}
.circle[data-fill="40"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="41"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="41"] > .bar:before {
  transform: rotate(147.6deg);
}
.circle[data-fill="41"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="42"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="42"] > .bar:before {
  transform: rotate(151.2deg);
}
.circle[data-fill="42"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="43"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="43"] > .bar:before {
  transform: rotate(154.8deg);
}
.circle[data-fill="43"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="44"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="44"] > .bar:before {
  transform: rotate(158.4deg);
}
.circle[data-fill="44"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="45"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="45"] > .bar:before {
  transform: rotate(162deg);
}
.circle[data-fill="45"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="46"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="46"] > .bar:before {
  transform: rotate(165.6deg);
}
.circle[data-fill="46"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="47"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="47"] > .bar:before {
  transform: rotate(169.2deg);
}
.circle[data-fill="47"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="48"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="48"] > .bar:before {
  transform: rotate(172.8deg);
}
.circle[data-fill="48"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="49"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="49"] > .bar:before {
  transform: rotate(176.4deg);
}
.circle[data-fill="49"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="50"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="50"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="50"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="51"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="51"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="51"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="52"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="52"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="52"] > .bar:after {
  transform: rotate(187.2deg);
}
.circle[data-fill="53"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="53"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="53"] > .bar:after {
  transform: rotate(190.8deg);
}
.circle[data-fill="54"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="54"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="54"] > .bar:after {
  transform: rotate(194.4deg);
}
.circle[data-fill="55"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="55"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="55"] > .bar:after {
  transform: rotate(198deg);
}
.circle[data-fill="56"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="56"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="56"] > .bar:after {
  transform: rotate(201.6deg);
}
.circle[data-fill="57"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="57"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="57"] > .bar:after {
  transform: rotate(205.2deg);
}
.circle[data-fill="58"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="58"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="58"] > .bar:after {
  transform: rotate(208.8deg);
}
.circle[data-fill="59"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="59"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="59"] > .bar:after {
  transform: rotate(212.4deg);
}
.circle[data-fill="60"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="60"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="60"] > .bar:after {
  transform: rotate(216deg);
}
.circle[data-fill="61"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="61"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="61"] > .bar:after {
  transform: rotate(219.6deg);
}
.circle[data-fill="62"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="62"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="62"] > .bar:after {
  transform: rotate(223.2deg);
}
.circle[data-fill="63"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="63"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="63"] > .bar:after {
  transform: rotate(226.8deg);
}
.circle[data-fill="64"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="64"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="64"] > .bar:after {
  transform: rotate(230.4deg);
}
.circle[data-fill="65"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="65"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="65"] > .bar:after {
  transform: rotate(234deg);
}
.circle[data-fill="66"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="66"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="66"] > .bar:after {
  transform: rotate(237.6deg);
}
.circle[data-fill="67"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="67"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="67"] > .bar:after {
  transform: rotate(241.2deg);
}
.circle[data-fill="68"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="68"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="68"] > .bar:after {
  transform: rotate(244.8deg);
}
.circle[data-fill="69"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="69"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="69"] > .bar:after {
  transform: rotate(248.4deg);
}
.circle[data-fill="70"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="70"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="70"] > .bar:after {
  transform: rotate(252deg);
}
.circle[data-fill="71"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="71"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="71"] > .bar:after {
  transform: rotate(255.6deg);
}
.circle[data-fill="72"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="72"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="72"] > .bar:after {
  transform: rotate(259.2deg);
}
.circle[data-fill="73"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="73"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="73"] > .bar:after {
  transform: rotate(262.8deg);
}
.circle[data-fill="74"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="74"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="74"] > .bar:after {
  transform: rotate(266.4deg);
}
.circle[data-fill="75"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="75"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="75"] > .bar:after {
  transform: rotate(270deg);
}
.circle[data-fill="76"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="76"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="76"] > .bar:after {
  transform: rotate(273.6deg);
}
.circle[data-fill="77"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="77"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="77"] > .bar:after {
  transform: rotate(277.2deg);
}
.circle[data-fill="78"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="78"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="78"] > .bar:after {
  transform: rotate(280.8deg);
}
.circle[data-fill="79"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="79"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="79"] > .bar:after {
  transform: rotate(284.4deg);
}
.circle[data-fill="80"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="80"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="80"] > .bar:after {
  transform: rotate(288deg);
}
.circle[data-fill="81"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="81"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="81"] > .bar:after {
  transform: rotate(291.6deg);
}
.circle[data-fill="82"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="82"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="82"] > .bar:after {
  transform: rotate(295.2deg);
}
.circle[data-fill="83"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="83"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="83"] > .bar:after {
  transform: rotate(298.8deg);
}
.circle[data-fill="84"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="84"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="84"] > .bar:after {
  transform: rotate(302.4deg);
}
.circle[data-fill="85"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="85"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="85"] > .bar:after {
  transform: rotate(306deg);
}
.circle[data-fill="86"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="86"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="86"] > .bar:after {
  transform: rotate(309.6deg);
}
.circle[data-fill="87"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="87"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="87"] > .bar:after {
  transform: rotate(313.2deg);
}
.circle[data-fill="88"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="88"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="88"] > .bar:after {
  transform: rotate(316.8deg);
}
.circle[data-fill="89"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="89"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="89"] > .bar:after {
  transform: rotate(320.4deg);
}
.circle[data-fill="90"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="90"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="90"] > .bar:after {
  transform: rotate(324deg);
}
.circle[data-fill="91"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="91"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="91"] > .bar:after {
  transform: rotate(327.6deg);
}
.circle[data-fill="92"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="92"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="92"] > .bar:after {
  transform: rotate(331.2deg);
}
.circle[data-fill="93"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="93"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="93"] > .bar:after {
  transform: rotate(334.8deg);
}
.circle[data-fill="94"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="94"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="94"] > .bar:after {
  transform: rotate(338.4deg);
}
.circle[data-fill="95"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="95"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="95"] > .bar:after {
  transform: rotate(342deg);
}
.circle[data-fill="96"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="96"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="96"] > .bar:after {
  transform: rotate(345.6deg);
}
.circle[data-fill="97"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="97"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="97"] > .bar:after {
  transform: rotate(349.2deg);
}
.circle[data-fill="98"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="98"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="98"] > .bar:after {
  transform: rotate(352.8deg);
}
.circle[data-fill="99"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="99"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="99"] > .bar:after {
  transform: rotate(356.4deg);
}
.circle[data-fill="100"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="100"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="100"] > .bar:after {
  transform: rotate(360deg);
}

/* ========================================================== */
/* meadia Quries  */

  @media screen and (max-width : 767px){



      .forms-sales-force .search-main .input-item input {
          font-size: 12px;
      }

      .ratio-of-sf > div {
        display: block;
        width: 100%;
        padding: 0 !important;
        margin: 0;
        padding-top: 0px !important;
        min-height: auto !important;
    }
    .community-block {
      padding: 30px 30px !important;
  }

  .community-block .head-of-sales-force{
    width: 100%;
    max-width: 100%;
  }
  .community-block .head-of-sales-force h1{
    font-size: 22px;
    line-height: 18px;
  }
  .mid-head-sales-force > div:last-child {
    display: none;
}
 .mid-head-sales-force{
   padding-top: 20px;
 }

 button.pledge-btn {
  margin: 15px auto 0;
 }
 .mid-head-sales-force > div:nth-child(2){
  text-align: right;
 }


.inner-box{
max-width: 100%;
}

.forms-sales-force .search-main .input-item input {
width: 73%;
}

.forms-sales-force .search-main .input-item select {
width: 85.99%;
margin-right: 0px;
}

.forms-sales-force .search-main .input-item button{
  top: 2px;
  left: -5px;
}
.forms-sales-force .search-main .input-item select + button {
  top: -1px !important;
}
}

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

  .forms-sales-force .search-main .input-item input {
  font-size: 9px !important;
  }

  .forms-sales-force .search-main .input-item button{
  top:4px;

   }

      .ratio-of-sf > div {
        vertical-align: middle;
        /* float: left; */
        width: 50%;
        display: inline-block;
        min-height: 180px;
        vertical-align: top !important;
    }

    .community-block {
      padding: 45px 35px 40px;
    }

  .community-block .head-of-sales-force {
    max-width: 100%;
}

.f_ {
  width: auto;
  display: table;
  margin: 0 auto;
   }

   .f_80_ {
    padding-left: 10px;
}
.ratio-of-sf > div {
  vertical-align: middle;
  /* float: left; */
  width: 50%;
  display: inline-block;
  min-height: 95px;
  vertical-align: top !important;
}

.inner-box{
max-width: 100%;
}

.forms-sales-force .search-main .input-item input {
width: 70%;
}

.forms-sales-force .search-main .input-item select {
height: 32px;
width: 88.5%;
}

}


.error-value-missing-Search {
  color: #d20e0e;
  display: none;
  font-size: 14px;
  line-height: 21px;
  margin-top: 5px;
  text-align: center
}

.middle-align-Capcha .g-recaptcha > div {
   margin: 0 auto;
  }

  .bottom-nw-padding40px {
    padding-bottom: 40px;
  }


  .hide-Container{
  display: none;
}