:root {
	--primary-color: #005596;
	--secondary-color: #001C47;
	--text-color: #000;
	--border-radius: 6px;
	--accordian-gray: #F6F8FB;
	--hover-color: #EDF0F7;
	--faded-card-border: #8BA4CC;
    --faded-card-bgcolor:#FAFAFB;
	--card-border: #52608F;
	--faded-card-border-disruption: #FFDD77;
	--card-border-disruption: #FFC107;
	--feeback-card-bgcolor: #FAFAFB;
	--feedback-card-border: #B4B9D2;
	--contact-card-border: #D4D6E5
  }
  
  * {
	margin: 0;
    padding: 0;
    box-sizing: border-box;
	font-family: var(--main-font);
  }
  .js-enabled .js-not-enabled{
	display: none;
  }

  .js-not-enabled{
	color: black;
    background-color: #FFDD77;
    padding: 1rem;
    text-align: center;
	display: block;
	font-weight: bold;
  }

  .btn {
	display: flex; 
	align-items: center;
	padding: .7rem 1rem;
	gap: .8rem;
	border-radius: var(--border-radius);
	cursor: pointer;
	background-color: #ffffff;
	border: none;
  }
  
  .btn-pressed {
	background-color: var(--secondary-color);
	
  }
  
  .btn-primary, .btn-search {
	background-color: var(--primary-color);
  }
  
  .btn-secondary {
	border: 3px solid var(--primary-color);
  }
  
  .btn > .btn__text {
	text-decoration: underline;
	text-underline-offset: 3px;
  }
  
  .btn > span {
	font-weight: 600;
	font-size: 1rem;
  }

  .ncc-header-container > * {
	margin-left: 1rem; /* Adjust the margin size as needed */
  }
  .govuk-header__container > .ncc_header_logo{
	margin-left: 0;
  } 
  
  .btn-secondary > span {
	color: var(--primary-color);
  }
  
  .btn-primary > span, .btn-pressed > span, .btn-search >span {
	color: #ffffff;
	padding: .1rem;
  }
  
  .btn-secondary:hover {
	background-color: #E8EEEA;
  }
  
  .btn-secondary:hover > span {
	color: var(--secondary-color);
  }
  
  .btn-primary:hover, .btn-search:hover {
	background-color: var(--secondary-color);
  }
  
  .btn:hover .btn__text, .btn:focus .btn__text {
	text-decoration-thickness: 3px;
  }
  
  .btn > span.btn_icon {
	font-size: 1.2rem;
  }
  
a .btn .btn-primary .btn-small {
	border: red 4px solid;
}


  .search_input_container {
	display: inline-flex;
	align-items: center;
	border: 1px solid black;
	border-radius: var(--border-radius);
	padding: .5rem;
	gap: .8rem;
	max-width: 13rem;
	background-color: white;
  }
  
  .search_input_container__input {
	outline: none;
	border: none;
	font-size: 1rem;
	flex: 1;
	width: 100%;
  }
  .align-icon{
	display: flex;
	align-items: center;
	gap:.5rem;
  }
  .text_primary{
	color: var(--primary-color) !important;
  }
  .ncc-hr{
	border: 1px solid var(--primary-color);
  }
  
  .search_input_container:focus-within,
  .search_input_container:hover {
	border: 3px solid black;
	padding: calc(.6rem - 2px);
  }
  
  .input_clear-icon {
	cursor: pointer;
	visibility: hidden;
	color: var(--text-color);
  }
  
  .search_input_icon {
	color: var(--text-color);
  }
  
  .search_input_container__input:not(:placeholder-shown) + .input_clear-icon {
	visibility: visible;
  }
  
  .ncc-header-container {
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
  }
  
  .ncc_header_logo {
	flex: 1;
  }

  .ncc_header_logo img {
	width: 230px; 
	height: auto;
	display: block;
  }
  .ncc_header_logo a:focus {
	outline-offset: 10px !important;
  }
  

  

  
  :focus {
	transition: border 0.3s ease;
  }

  .show-field {
	display: inline-block;
  }
  
  .hide-field {
	display: none;
  }

  .ncc-link{
	color: black;
  }
  .ncc-link:hover, .ncc-link:focus,.ncc-link:hover > span.ncc-arrow-link{
	color: var(--secondary-color);
  }

  

  .text-black{
	color: black;
  }

  .search-flex-container{
	display: flex;
	flex-wrap: wrap;
	gap:.5rem;
	justify-content: flex-start;
	margin: 1rem 0;
  }
  .background-serach-blue{
	background-color: var(--hover-color);
  }

  /* Mega menu classes */

  .mega-menu-container{
    position: relative;	
	opacity: 0;
	display: none;
	background-color: white;
	border-top: 8px solid var(--primary-color);
	top:0;
	margin-bottom: 1rem;
  }

  .mega-menu-content > div> div p {
	line-height: 1.5rem;
  }

.mega-menu-content-padding-mobile{
	padding-top: 1rem;
}

.mega-menu-content a{
	line-height: 2.5rem;
}


/* card css */

.ncc-row{
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}
.ncc-row-wrap-reverse{
    display: flex;
    flex-wrap: wrap-reverse;
}
.ncc-font-w900{
	font-weight: 900 !important;;
}
.ncc-font-w800{
	font-weight: 800 !important;
}
.ncc-font-w600{
	font-weight: 600 !important;
}
.ncc-font-w400{
	font-weight: 400 !important;
}

.card{
	padding : 1rem;
	border: 1px solid var(--card-border);
	border-radius: 12px;
	word-wrap: break-word;
	margin-top: 1rem;
	margin-bottom: .3rem;
	cursor: pointer;
	white-space:no-wrap;
	display: block;

}
.card-width-l{
	width: 100% !important;
	min-height: 9rem;
	max-width: 720px;
}
.card-width-s{
	width: 100%;
	min-height: 10rem;
}
.card-heading{
	color: var(--primary-color) !important;
	font-size: 1.25rem;
	line-height: 1.708rem;
	font-weight: 900;
}

.card:hover {
	background-color: var(--hover-color); /* change this color to the one in design */
	box-shadow: 0 0 0 2px var(--secondary-color);
}
.card-item-link{
	text-decoration: none;
}

.card:hover > p > span.card-heading{
	text-decoration-thickness: max(3px, 0.1875rem, 0.12em) !important;
	color: var(--secondary-color) !important;
}

.ncc-row > * {
	width: 100%;
}
.full-width-mobile{
	width: 100% !important;
}

  /* ends here*/

  .card-border{
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	
	background-color: var(--faded-card-bgcolor);
	padding: 1.5rem 1.25rem;
	border-top:none;
	border-bottom: none;
	border-right: none;
  }
  .card-border-primary{
	border-left: .75rem solid var(--faded-card-border);
  }
  .card-border-disruption{
	border-left: .75rem solid var(--faded-card-border-disruption);
  }

  .card-border > p > span.card-heading{
	font-weight: 500;
    font-size: 1.25rem;
  }
  
  .card-border:hover, .card-border:focus, .card-border-primary:focus, .card-border-primary:hover{
	border-left-color: var(--primary-color);
	background-color: var(--faded-card-bgcolor);
	box-shadow: none;
  }
  .card-border-disruption:hover, .card-border-disruption:focus{
	border-left-color: var(--card-border-disruption);
	background-color: var(--faded-card-bgcolor);
	box-shadow: none;
  }

  /* news card classes */

  .card-news{
	display: flex;
	padding: 2rem 1.5rem;
	border: 1px solid var(--contact-card-border);
	max-width: 720px;
	border-radius: 12px;
	background-color: #FAFCFD;
	gap:1.25rem; 
	justify-content: flex-start;
	margin: 1rem 0;
	
}
.card-news .date-container{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap:1rem;
	justify-content: center;
	color: black;
}
.card-news .card-item-link .date-container .vertical-line{
	border-left: .5px solid black;
	flex: 1;
	
}
.ncc-heading-h3{
	font-weight: 900;
	font-size: 2rem;
	line-height: 2.5rem;
	

}
.ncc-heading-h6_heavy{
	font-weight: 800;
	font-size: 1rem;
	line-height: 1.366rem;
	margin-bottom: .8rem;

}
.ncc-heading-h5_medium{
	font-weight: 500;
	font-size: 1rem;
	line-height: 1.366rem;
	margin-bottom: .8rem;

}
.ncc-footer-item{
	display: flex;
	flex-direction: column;
}


.ncc-footer__meta{
	display: flex;
	flex-wrap: wrap-reverse;
	justify-content: space-between;
	align-items: center;
	margin-top: 2rem;
	gap: .5rem;
}
.ncc-footer-logo{
	display: flex;
	flex-direction: column;
	gap:.5rem;
}
.footer-icons{
	display: flex;
	gap:2rem;
	justify-content: flex-start;
}
.footer-icons img {
    max-height: 36px;
    height: auto; 
}
.footer-icons_style{
	font-size: 2rem; 
	color: black;
}
.footer_image_container > img{
	width:160px
}
.footer_copyright{
	font-size: 1rem;
	line-height: 1.5rem;
	font-weight: 400;
}
.ncc_footer_link:hover{
	box-shadow: 0 0 0 2px var(--secondary-color);
	border-radius: 4px;
}

/* Style applied for accessibility to show a underscore underneith social icons. */
.footer-icons .ncc_footer_link {
    position: relative;
    display: inline-block; 
    text-decoration: none;
    padding-bottom: 4px;
}
.footer-icons .ncc_footer_link:hover{
	box-shadow: none;

}

.footer-icons .ncc_footer_link::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px; 
    background-color: transparent;
    transition: background-color 0.1s ease; 
}

.footer-icons .ncc_footer_link:hover::after {
    background-color: var(--secondary-color); 
}


.ncc-select {
    /* font-family: GDS Transport, arial, sans-serif; */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1.537;
    box-sizing: border-box;
    min-width: 14em;
    max-width: 100%;
    height: 3.5rem;
    padding: 5px;
    border: 1px solid #0b0c0c;
	border-radius: 0.25rem;
    color: #0b0c0c;
    background-color: #fff;
    appearance: none;
	-webkit-appearance: none; /* Remove default arrow in Safari */
    -moz-appearance: none; /* Remove default arrow in Firefox */
    background: url(../img/down-arrow-yellow-circle-chevron.svg) no-repeat right 1rem center;
	color: var(--primary-color);
	padding: 0 1rem;
	word-wrap: break-word;
	
}

.ncc-select:hover, .ncc-select:active{
	box-shadow: 0 0 0 2px var(--secondary-color);
	background: url(../img/down-arrow-yellow-circle-chevron_active.svg) no-repeat right 1rem center;
	text-decoration: underline;
	text-decoration-thickness: 1px solid var(--secondary-color);
	color: var(--secondary-color);
}

.card-news > a.card-item-link{
	display: flex;
	gap: 1rem;
}
.card-news:hover {
	background-color: var(--hover-color); /* change this color to the one in design */
	box-shadow: 0 0 0 2px var(--secondary-color);
}

.card-news:hover > div >  p > a{
	text-decoration-thickness: max(3px, 0.1875rem, 0.12em);
	color: var(--secondary-color) !important;
}
.card-news:hover > div > div >  p > a{
	text-decoration-thickness: max(3px, 0.1875rem, 0.12em);
	color: var(--secondary-color) !important;
}
.card > .card-item-link:hover > p > span.card-item-link-heading{
	text-decoration-thickness: max(3px, 0.1875rem, 0.12em);
	color: var(--secondary-color) !important;
}
.card-item-link-heading{
	font-weight: 500;
	font-size: 1.125rem;
	line-height: 1.537rem;
	text-decoration: underline;
}
.card-content{
	color: black;
}

.news-heading{
	font-weight: 600;
	font-size: 18px;
	line-height: 24.59px;
	color: var(--primary-color);
}
.image-container{
	max-width: 100%;
	height: 100%;
  }
  .image-container img{
	object-fit: cover;
	width: 100%;
	height: 100%;
	border-radius: 8px;
  }
  .card-image-news-content{
	display: flex;
	gap:1rem;
	flex-direction: column;
  }
  .card-image-news-content .content-container{
	max-width: 25rem;
  }

/* ends here */
  
  /* override any govuk class here */
  .govuk-header__logotype {
	height: .8rem;
  }
  .govuk-table__cell, .govuk-table__header {
    border-bottom: 1px solid #2F2F39;
    border-top: 1px solid #2F2F39; 
}
.ncc-table__header_border{
	border-bottom: 2px solid #2F2F39;
    border-top: 2px solid #2F2F39; 
}
.table_row_selected, .table_row_selected > th, .table_row_selected > td{
	background-color: #F4F4F4;
	font-weight: 800 !important;
}


  
  .govuk-skip-link:focus {
	outline: 3px solid var(--secondary-color);
	background-color: var(--secondary-color);
	color: white;
	padding: 1rem 0;
  }
  
  .govuk-header__container {
	border-bottom: 8px solid var(--primary-color);
  }
  
  .govuk-header {
	background-color: white;
  }

  .govuk-link:link{
	color: black;
  }

  .govuk-frontend-supported .govuk-accordion-nav__chevron {
    background-color: var(--primary-color);
    color: white;
}
.govuk-accordion__section{
border-radius: 12px;
background-color: var(--accordian-gray);
position: relative;
}
.govuk-accordion__section-button:hover, .govuk-accordion__section-button:active, .govuk-accordion__section-button:visited{
	background-color: var(--accordian-gray);
}
.govuk-accordion{
	width: 100%;
	border: none !important;
	margin: 1rem 0;
}
.govuk-frontend-supported .govuk-accordion__section-button{
	border-top: 0;
}
.govuk-frontend-supported .govuk-accordion__section-button:hover{
	background-color: var(--accordian-gray);
}
.govuk-frontend-supported .govuk-accordion__section-button:hover a.ncc-link{
	color: var(--secondary-color);
}

.accordion-default-content-1{
	border-top: 1px solid #E8E8E9;
}
.govuk-accordion__section-footer{
	border-bottom-right-radius: 12px;
	border-bottom-left-radius: 12px;
	background-color: var(--primary-color);
	padding: 18px;
	width: 100;
	width: 100%;
}
.govuk-accordion__section-footer > p > a {
	color: white !important;
}
.govuk-accordion__section-footer > p > a > span {
	color: white !important;
}

.govuk-accordion__section-footer:hover, .govuk-accordion__section-footer:focus, .govuk-accordion__section-footer:active{
	background-color: var(--secondary-color);
}
.govuk-accordion__section-footer:hover > p > a{
	text-decoration-thickness: max(3px, 0.1875rem, 0.12em);

}
.govuk-frontend-supported .govuk-accordion__section-header:hover {
	border-top-color: #ffffff;
	box-shadow: none;
}
.govuk-accordion__section-button:hover, .govuk-accordion__section-button:focus{
	background-color: var(--hover-color) !important;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;

}
.govuk-accordion__section-button:hover a.ncc-link, .govuk-accordion__section-button:focus a.ncc-link{
	text-decoration-thickness: max(3px, 0.1875rem, 0.12em);
	color: var(--secondary-color);
}
.govuk-accordion__section-content{
	border-top: 1px solid #E8E8E9;
	display: flex;
	flex-direction: column;
	padding-bottom: 0 !important;
}

.govuk-footer__heading{
	border-bottom: none;
}

  /* ends here */



  /* herobanner css starts from here */
	/* carousel classes */
	.carousel-alert{
	  background-color: #FFDD77;
	}
  
	.alert-msgs-continer{
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
	  flex-wrap: wrap;
	  /*min-height: 5.2rem; */
	}
	.carousel-container{
	  position: relative;
	  overflow: hidden;
	  flex-basis: 100%;
	  padding: 1rem;
	}
  
	.slider{
	  display: flex;
	  align-items: left;
	  justify-content: center;
	  gap:1rem;
	  transition: all 0.3s;
	  list-style: none;
	}
	.slider .carousel-item{
	  flex-basis: 100%;
	  text-align: left;
	  justify-content: center; 
	}
	.carousel-item > p{
	  margin: 0 2rem;
	}
	.carousel-all-updates-link{
	  padding-bottom: 1rem;
	  width:100%;
	  text-align: center;
	}
	.align-button-group-start {
	  align-items: start;
	}
	
  
	.btn-carousel{
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		margin: 0 1rem 0 0;
		background: #fff;
		color: #000;
		border: none;
		border-radius: 50%;
		width: 40px; 
		height: 40px;
		padding: 0;
		cursor: pointer;
		font-size: 20px;
		display: flex; 
		align-items: center;
		justify-content: center;

	}
	.btn-prev{
	  left:0;
	  z-index: 1;
	}
	.btn-next{
	  right: 0;
	  z-index: 1;
	}
  
  
	/* ends here */
  .hero_banner_container{
	 width: 100%;
	 max-height: 556px;
  }
  
  .hero_banner_padding{
	  padding-bottom: 4rem;
  }
  .hero_banner_layover{
	  width: 100%;
	  max-height: 556px;
	  background: linear-gradient(0deg, rgba(0, 28, 71, 0.85), rgba(0, 28, 71, 0.85));
  }
  
   .hero_banner_alert_container{
	  width: 100%;
	  height: auto;
   }
  .hero_banner_container_img{
	  width: 100%;
	  max-height: 556px;
	  background: url('../img/ncc_hero_image.jpg');
	  background-position: center;
	  background-size:cover;
	  background-repeat: no-repeat;
	  height: auto;
  }
  .text-black{
	  color: black !important;
	}
  /* This is mobile view */
  .ncc-heading-h1{
	  font-style: normal;
	  font-weight: 900;
	  font-size: 2.5rem;
	  line-height: 3rem;
	  display: block;
	  margin-bottom: 30px;
	  margin-top: 0;
	  word-wrap: break-word;
  }
  .ncc-heading-h3{
	font-weight: 900;
	font-size: 1.5rem;
	line-height: 2.049rem;
	word-wrap: break-word;
  }
  .ncc-heading-h2{
	font-weight: 900;
	font-size: 2rem;
	line-height: 2.5rem;
	word-wrap: break-word;
  }
  .ncc-heading-h4{
	font-weight: 900;
	font-size: 1.25rem;
	line-height: 1.708rem;
	word-wrap: break-word;
	display: block;
	margin-bottom: 0.938rem
  }
  .ncc_header_caption{
	  font-style: normal;
	  font-weight: 400;
	  font-size: 1.25rem;
	  line-height: 1.708rem;
  }
  .ncc_header_top_margin{
	  padding-top: 2rem;
  }

  .ncc-text-link-underline {
	text-underline-offset: 3px !important;
  }


  .ncc-body-lead {
	  color: #0b0c0c;
	  font-weight: 400;
	  font-size: 1rem;
	  line-height: 1.5rem;
	  margin-top: 0;
	  margin-bottom: 20px;
  }
  .ncc-body{
	  font-weight: 400;
	  font-size: 1rem;
	  line-height: 1.5rem;
	  margin: .5rem 0;
	  color: black;
  }
  
  .btn-body{
	  padding: 14px 16px;
	  border-radius: 8px;
	  cursor: pointer;
	  background-color: #ffffff;
	  border: 1px solid var(--card-border);
	font-weight: 600;
  }
  .btn-small{
	border: 2px solid var(--card-border);
	padding: .75rem 1rem !important;
  }
  .btn-body:hover{
	
	  background-color: var(--hover-color);
	box-shadow: 0 0 0 1px var(--secondary-color);
   
  }
  a.btn-body{
   font-weight: 600;
   white-space: nowrap;
   display: inline-block;
   word-wrap: break-word;
   padding: 1rem 1.5rem;
  }
  a.btn {
    display: inline-block; 
	margin: 0 0 20px 0;
  }
  .full-width{
	width: 100% !important;
  }
  .btn-body > .btn__text{
	  text-decoration: underline;
	  text-underline-offset: 3px;
  }
  
  .btn-body > .ncc-link:hover{
	  background-color: #FAFCFD; /* need to check actual color on hover */
   }
   .btn-body:hover > span, .btn-body:focus > span{
	 color:  var(--secondary-color);
   }
  
   .ncc-link {
	  text-decoration: underline;
	  text-decoration-thickness: max(1px, 0.0625rem);
	  text-underline-offset: 0.1578em;
	  font-weight: 400;
	  font-size: 1rem;
	  line-height: 1.375rem;
	  color: #005596;
	  width: fit-content;
  }
  .ncc-link:hover, .ncc-link:active, .ncc-link:focus{
	  text-decoration-thickness: max(3px, 0.1875rem, 0.12em);
  }
  
/*
  !Note - remove when approved :)
  This targets `.ncc-body` elements that contain `.ncc-arrow-link` using the `:has()` pseudo-class. 
  It aligns the arrow and text vertically, removes the default underline from the link, 
  and adds the underline only to the text. Also adds some space between the arrow and the text.
*/
  .ncc-body:has(.ncc-arrow-link) a {
	display: inline-flex;
	align-items: center; 
	text-decoration: none; 
  }
  
  .ncc-body:has(.ncc-arrow-link) .material-symbols-outlined {
	display: inline-block;
	margin-right: 4px;
	vertical-align: middle;
  }
  
  .ncc-body:has(.ncc-arrow-link) .ncc-link-text {
	text-decoration: underline; 
	vertical-align: middle;
	white-space: normal; 
  }
/*! end of Note*/
  
  
  .ncc-hero_banner_top_border{
	  border-top: 8px solid var(--primary-color);
  }
  
  /* set govuk header border to none so hero banner border is used */
  .govuk-header__container{
	  border-bottom: none ;
  }
  
  .text_color_white{
	  color: #ffffff;
  }
 
  .ncc-row-hero{
	  display: flex;
	  flex-wrap: wrap-reverse;
	  align-items: stretch;
  }
  
  .ncc-row-hero > * {
	  width: 100%;
  }
  
  .alert_content_container{
	  background-color: var(--secondary-color);
	  word-wrap: break-word;
	  padding-left: .8rem;
	  padding-right: .3rem;
	  padding-bottom: 2rem;
   }
   .alert_image_container{
	   height: 20rem;
   }
  
   .hero_banner_img{
	  height: 100%;
   }
  
   /* display on particular devices classes */
   .desktop-only {
	display: none;
  }
  .mobile-only {
	  display: flex;
  }
  .menu-tablet-only{
	display: block;
  }
  .menu-desktop-only{
	display: none;
  }
  .ncc-list{
	list-style: none;
	margin: 1rem 0;
  }
  
  .card-item-link-heading{
	  font-weight: 500;
	  font-size: 1.125rem;
	  line-height: 1.537rem;
	color: black;
  }
  
  
  /* ends here */
   
  
  /* catogery pages css */
  .ncc-link-l {
	font-size: 1.25rem;
	line-height: 1.708rem;
}
  .catagory_banner_container{
	width: 100%;
	min-height: 16.625rem;
	background-color: var(--secondary-color);
  }
  .catagory_banner_content{
	padding: 3rem 0;
  }
  .service-list-container{
	margin: 1rem 0;
  }

  .services-heading{
	color: var(--primary-color);
	font-size: 1.5rem;
	font-weight: 900;
	line-height: 2.049rem;
	word-wrap: break-word;
	text-decoration: underline;
	text-decoration-color: var(--primary-color);
	text-decoration-thickness: 3px solid var(--primary-color);
	margin-bottom: 1rem;
  }


  /* ends here */

  .ncc-header__border{
	border-bottom: 8px solid var(--primary-color) !important;
  }

  /* table of contents*/
  .contents-container{
	border-radius: 12px;
	word-wrap: break-word;
	max-width: 22rem;
	padding: 2rem 1.5rem 2rem 2rem;
	background-color: var(--hover-color);
	margin-bottom: 2rem;
  }
  .contents-content{
	word-wrap: break-word;
	width: 100%;
  }
  .ncc-body-contents{
	padding: .4rem 0;
  }
  .ncc-heading-contents{
	margin-bottom: 1.5rem;
  }

  /* ends here*/
  /* Feedback card classes*/
  .feedback-card{
	background-color: var(--feeback-card-bgcolor);
	max-width: 60rem;
	width: 100%;
	border-radius: 12px;
	border: 1px solid var(--faded-card-border);
	padding: 1.8rem 1.5rem;
	margin: 1.5rem 0;

  }
  .feedback-card-heading{
	margin-bottom: 1rem;
  }
  .contact-card{
	max-width: 50rem;
	width: 100%;
	border: 1px solid var(--contact-card-border);
	border-radius: 16px;
	padding: .75rem 1.25rem;
	margin: 1rem 0;
  }
  .contact-card-item{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin: .75rem 0;
  }
  .contact-card-item > p.ncc-heading-h6_heavy {
	flex-basis: 100%;
  }
  /* ends here*/

  .ncc-divider{
	border: 2px solid #005596;
	margin: 3rem 0;
  }

  .contact-service-card{
	margin: 2rem 0;
  }
  .contact-info-card{
	display: flex;
	justify-content: flex-start;
	flex-direction: column;
	align-items: baseline;
	flex-wrap: wrap;
	padding: 1rem .5rem 1rem .5rem;
  }

  .contact-info-card > *{
	width: 100%;
  }

  .ncc-table{
	width: 100%;
	margin: 1rem 0;
  }