/*--------------------*/
  /* Tabs */
  /*--------------------*/
  #tabs-full {
	width: 100%;
	padding: 0;
  }
  .news-tabs{
	border-bottom:2px solid #dddddd;
	margin-bottom:50px;
  }

  .news-tabs .nav{
	display:flex;
	justify-content:left;
	flex-wrap:nowrap;
	gap:28px;
  }

  .news-tabs .nav-item{
	flex:0 0 auto;
  }

  .news-tabs .nav-link{
	position:relative;
	border:none;
	background:none;
	border-radius:0;
	padding:0 5px 18px;
	color:#D4D4D4;
	font-size:20px;
	font-weight:600;
	transition:.3s;
	cursor: pointer;
  }

  .news-tabs .nav-link:focus{
	box-shadow:none;
	outline: none;
  }

  .news-tabs .nav-link::after{
	content:"";
	position:absolute;
	left:0;
	bottom:-2px;
	width:100%;
	height:7px;
	border-radius:8px 8px 0 0;
	transform:scaleX(0);
	transform-origin:left;
	transition:.35s;
  }

  /* Tab 1 */

  .news-tabs .nav-item:nth-child(1) .nav-link::after{
	background:#1C478B;
  }
  .news-tabs .nav-item:nth-child(1) .nav-link:hover,
  .news-tabs .nav-item:nth-child(1) .nav-link.active{
	color:#1C478B;
  }
  .news-tabs .nav-item:nth-child(1) .nav-link:hover::after,
  .news-tabs .nav-item:nth-child(1) .nav-link.active::after{
	transform:scaleX(1);
  }

  /* Tab 2 */

  .news-tabs .nav-item:nth-child(2) .nav-link::after{
	background:#11A67E;
  }
  .news-tabs .nav-item:nth-child(2) .nav-link:hover,
  .news-tabs .nav-item:nth-child(2) .nav-link.active{
	color:#11A67E;
  }
  .news-tabs .nav-item:nth-child(2) .nav-link:hover::after,
  .news-tabs .nav-item:nth-child(2) .nav-link.active::after{
	transform:scaleX(1);
  }

  /* Tab 3 */

  .news-tabs .nav-item:nth-child(3) .nav-link::after{
	background:#2C8DA7;
  }
  .news-tabs .nav-item:nth-child(3) .nav-link:hover,
  .news-tabs .nav-item:nth-child(3) .nav-link.active{
	color:#2C8DA7;
  }
  .news-tabs .nav-item:nth-child(3) .nav-link:hover::after,
  .news-tabs .nav-item:nth-child(3) .nav-link.active::after{
	transform:scaleX(1);
  }

  /* Tab 4 */

  .news-tabs .nav-item:nth-child(4) .nav-link::after{
	background:#143568;
  }
  .news-tabs .nav-item:nth-child(4) .nav-link:hover,
  .news-tabs .nav-item:nth-child(4) .nav-link.active{
	color:#143568;
  }
  .news-tabs .nav-item:nth-child(4) .nav-link:hover::after,
  .news-tabs .nav-item:nth-child(4) .nav-link.active::after{
	transform:scaleX(1);
  }

  /* Tab 5 */

  .news-tabs .nav-item:nth-child(5) .nav-link::after{
	background:#0E7F60;
  }
  .news-tabs .nav-item:nth-child(5) .nav-link:hover,
  .news-tabs .nav-item:nth-child(5) .nav-link.active{
	color:#0E7F60;
  }
  .news-tabs .nav-item:nth-child(5) .nav-link:hover::after,
  .news-tabs .nav-item:nth-child(5) .nav-link.active::after{
	transform:scaleX(1);
  }

  /*--------------------*/
  /* Content */
  /*--------------------*/

  .tab-pane{
	animation:fade .35s;
  }

  @keyframes fade{
	from{
	  opacity:0;
	  transform:translateY(8px);
	}
	to{
	  opacity:1;
	  transform:translateY(0);
	}
  }

  .card-box{
	background:#f7f7f7;
	border:1px solid #ececec;
	border-radius:20px;
	padding:35px;
  }

  .card-box h2{
	margin-bottom:15px;
  }

  .card-box p{
	margin-bottom:0;
	color:#666;
	line-height:1.8;
  }

  /**************tabs first css start******************************/  
  .latest-news h2 {
	margin-bottom: 30px;
  }
  .custom-card {
	background-color: #F4F4F7;
	border: none;
	border-radius: 24px;
	height: 100%;
	padding: 30px 30px 30px;
  }
  .logo-placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0px 0 25px;
  }

  .card-date {
	font-size: 16px;
	font-weight: 600;
	color: #4A4A4A;
  }
  .card-title-custom {
	font-size: 1.4rem;
	font-weight: 700;
	color: #333333;
	line-height: 1.3;
  }
  .card-text-custom {
	color: #555555;
	font-size: 0.95rem;
	line-height: 1.5;
  }
  .read-more-link {
	font-weight: 700;
	font-size: 16px;
	color: #4A4A4A;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 6px;
  }
  .read-more-link:hover {
	color: #000000;
  }
  .btn-tag {
	background: rgba(0, 0, 0, 0.06);
	color: #4A4A4A;
	font-size: 10px;
	font-weight: 700;
	border: none;
	border-radius: 20px;
	padding: 8px 14px;
	text-transform: uppercase;
  }
  .btn-tag:hover {
	background-color: #dfdfe5;
	color: #495057;
  }
  .gap-2 {
	gap: 10px;
  }
  .custom-card h3 {
	color: #4A4A4A;
	font-size: 30px;
	font-weight: 600;
	margin-bottom: 15px;
  }
  .custom-card p {
	color: #4A4A4A;
	font-size: 18px;
  }
  .read-more-link:hover .img-fluid{
	content: url('/Images/focusbroadband/2026/7/news/ARROW-HOVER.svg');
  }

  /**************tabs first css end******************************/ 
  .fb-grid-wrapper {
	background-color: #fff;
	padding: 10px 0 50px;
  }
  .fb-grid-card {
	background-color: #f4f4f8;
	border: none;
	border-radius: 24px;
	overflow: hidden;
	height: 100%;
  }
  /* Top Media Containers */
  .fb-grid-img-top {
	width: 100%;
	object-fit: cover;
  }
  .fb-grid-logo-top {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #F4F4F7;
  }
  /* Content Area Adjustments */
  .fb-grid-body {
	padding: 1.5rem;
  }
  /* Meta Header (Date & Tags Row) */
  .fb-grid-meta-row {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 1rem;
  }
  .fb-grid-date {
	font-size: 12px;
	font-weight: 700;
	color: #6c757d;
	text-transform: uppercase;
  }
  .fb-grid-tag {
	background: rgba(0, 0, 0, 0.06);
	color: #4A4A4A;
	font-size: 12px;
	font-weight: 700;
	border: none;
	border-radius: 20px;
	padding: 8px 14px;
	text-transform: uppercase;
	cursor: pointer;
  }
  .fb-grid-tag:hover {
	background-color: #dfdfe5;
	color: #495057;
  }
  .fb-grid-card h3 {
	color: #4A4A4A;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 15px;
  }
  .fb-grid-card p {
	color: #4A4A4A;
	font-size: 16px;
	margin-bottom: 0;
  }
  /* Typography */
  .fb-grid-title {
	font-size: 1.25rem;
	font-weight: 700;
	color: #333333;
	line-height: 1.4;
  }
  .fb-grid-text {
	color: #555555;
	font-size: 0.9rem;
	line-height: 1.5;
  }
  /* Actions */
  .fb-grid-link {
	font-weight: 700;
	font-size: 16px;
	color: #4A4A4A;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 6px;
  }
  .fb-grid-link:hover {
	color: #000000;
  }
  .fb-grid-link:hover .img-fluid{
	content: url('/Images/focusbroadband/2026/7/news/ARROW-HOVER.svg');
  }
  /* Load More Button Custom Styling */
  .fb-grid-btn-load {
	background-color: #1C478B;
	color: #ffffff;
	font-weight: 600;
	font-size: 16px;
	padding: 12px 30px;
	border: none;
	border-radius: 25px;
	transition: background-color 0.2s ease;
	border: 2px solid #1C478B;
  }
  .fb-grid-btn-load:hover {
	background-color: #fff;
	border: 2px solid #1C478B;
	color: #1C478B;
  }
  .pd-6 {
	padding: 0 10px;
	margin-bottom: 20px;
  }
  .pt-6 {
	margin-top: 20px;
  }

  /**************tabs section two css end******************************/ 

  .media-inquiries {
	width: 100%;
	padding-top: 30px;
	padding-bottom: 50px;
  }
  .media-inquiries .row {
	align-items: center;
  }
  .inquiries .img-fluid {
	border-radius: 10px;
  }
  .media-top p {
	font-size: 20px;
  }
  .email-us {
	color: #1C478B;
	text-decoration: underline;
  }
  .media-inquiries .container {
	max-width: 1350px;
	width: 100%;
  }
  .media-top {
	padding-right: 80px;
  }

  /**********category list css start*************/

  #explore-category {
	background: #f4f4f8;
	padding: 75px 0;
  }
  #explore-category h2 {
	color: #4A4A4A;
	margin-bottom: 40px;
  }
  .category-list {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 20px;
	padding: 0;
	margin: 0;
	list-style: none;
  }
  .category-list li a{
	display:block;
	padding:12px 30px;
	background:#ffffff;
	color:#4A4A4A;
	text-decoration:none;
	font-size:18px;
	font-weight:700;
	text-transform:uppercase;
	border:2px solid transparent;
	border-radius:50px;
	transition:.35s ease;
  }

  /* Active */
  .category-list li a.active{
	background:#4A4A4A;
	color:#fff;
	border-color:#4A4A4A;
  }

  /* Hover */
  .category-list li a:hover{
	background:#E5E5E8;
	color:#4A4A4A;
	border-color:#4A4A4A; 
  }

  /***********Connecting You css start**********************/

  .post-card {
	background: #F4F4F7;
	border-radius: 24px;
	overflow: hidden;
	transition: .3s;
	margin-bottom: 30px;
  }
  /****.post-card:hover {
  transform: translateY(-1px);
  box-shadow: 0 15px 35px rgba(0,0,0,.08);
  }***/
  .post-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 24px 0 0 24px;
  }
  .post-content {
	padding: 30px 10px;
  }
  .post-content h2 {
	color: #4A4A4A;
	font-size: 25px;
	font-weight: 600;
	margin-top: 15px;
	margin-bottom: 15px;
  }
  .post-content p {
	font-size: 18px;
  }
  .post-date {
	font-size: 14px;
	color: #555;
	font-weight: 600;
	text-transform: uppercase;
	margin-right: 12px;
  }

  .post-tag {
	background: rgba(0, 0, 0, 0.06);
	color: #4A4A4A;
	font-size: 10px;
	font-weight: 700;
	border: none;
	border-radius: 20px;
	padding: 8px 14px;
	text-transform: uppercase;
	cursor: pointer;
  }
  .post-tag:hover {
	background-color: #dfdfe5;
	color: #495057;
  }

  .post-title {
	font-size: 2rem;
	font-weight: 500;
	color: #444;
	margin: 20px 0 12px;
	line-height: 1.2;
  }
  .post-text {
	color: #555;
	font-size: 1.4rem;
	line-height: 1.4;
	margin-bottom: 30px;
  }


  /***********Connecting You css end**********************/


  @media (max-width:991px) {
	.post-content {
	  padding: 30px;
	}
	.post-title {
	  font-size: 1.7rem;
	}
	.post-text {
	  font-size: 1.05rem;
	}
  }

  @media (max-width:767px) {
	.post-image {
	  min-height: 220px;
	}
	.post-content {
	  padding: 25px;
	}
	.post-title {
	  font-size: 1.45rem;
	}
  }




  @media (max-width:991px) {
	#explore-category h2 {
	  font-size: 38px;
	}
  }

  @media (max-width:767px) {
	#explore-category {
	  padding: 50px 0;
	}
	#explore-category h2 {
	  font-size: 30px;
	  margin-bottom: 35px;
	}
	.category-list {
	  gap: 15px;
	}
	.category-list li a {
	  padding: 12px 22px;
	  font-size: 15px;
	}
  }
  /**********category list css end*************/  

  /*--------------------*/
  /* Responsive */
  /*--------------------*/
  @media (min-width:1600px){
	.news-banner span {
	  font-size: 22px;
	}
	.news-banner h1 {
	  font-size: 55px;
	  line-height: 65px;
	}
	.news-banner p {
	  font-size: 28px;
	  line-height: 38px;
	  max-width: 670px;
	}
	.news-tabs .nav-link {
	  font-size: 22px;
	}
	#tabs-full .container {
	  max-width: 1400px;
	}
	.news-tabs .nav {
	  gap: 35px;
	}
	.card-date {
	  font-size: 18px;
	}
	.custom-card h3 {
	  font-size: 35px;
	  line-height: 42px;
	}
	.post-content p {
	  font-size: 18px;
	  line-height: 22px;
	  margin-bottom: 25px;
	}
	.fb-grid-card h3 {
	  font-size: 25px;
	  line-height: 32px;
	}
	.fb-grid-card p {
	  font-size: 18px;
	  line-height: 22px;
	}
	.pt-6 {
	  margin-top: 30px;
	}
	.media-top p {
	  font-size: 22px;
	}
	.fb-grid-btn-load {
	  padding: 12px 40px;
	}
	.post-content h2 {
	  margin-top: 25px;
	}
	.fb-grid-body {
	  padding: 30px 30px 30px;
	}
  }
  @media (max-width:991px){

	.news-tabs .nav{
	  gap:25px;
	}

	.news-tabs .nav-link{
	  font-size:18px;
	}

  }
  @media (max-width:980px){
	.news-banner {
	  padding: 50px 0;
	}
	.category-list li a {
	  font-size: 16px;
	}
  }
  @media (max-width:924px){
	.media-top {
	  padding-right: 14px;
	  flex: 100%;
	  max-width: 100%;
	  margin-bottom: 0;
	}
	.inquiries {
	  flex: 100%;
	  max-width: 100%;
	  margin-bottom: 30px;
	}
	.inquiries .img-fluid {
	  margin-left: auto;
	  margin-right: auto;
	  display: block;  
	}
	.fb-grid-wrapper {
	  padding: 50px 0 0;
	}
	.custom-card h3 {
	  font-size: 22px;
	}
	.card-date {
	  font-size: 14px;
	}
	.custom-card p {
	  font-size: 16px;
	}
	.fb-grid-tag {
	  font-size: 10px;
	}
	.media-top p {
	  font-size: 18px;
	}
	.post-content h2 {
	  font-size: 22px;
	}
	.media-inquiries .row {
	  flex-direction: column-reverse;
	}
	.current-news {
	  padding-left: 14px;
	}
  }

  @media (max-width:767px){

	.news-tabs{
	  overflow:hidden;
	}

	.news-tabs .nav{
	  display:flex;
	  flex-wrap:wrap;
	  gap:0;
	}

	.news-tabs .nav-item{
	  width:100%;
	  flex:0 0 100%;
	}

	.news-tabs .nav-link{
	  display:block;
	  width:100%;
	  text-align:center;
	  white-space:normal;
	  font-size:18px;
	  padding:15px 10px;
	}

	.card-box{
	  padding:25px;
	}

	.card-box h2{
	  font-size:24px;
	}
	.news-tabs {
	  border-bottom: none;
	  margin-bottom: 25px;
	}
	.fb-grid-wrapper {
	  padding: 0;
	}
	.pd-6 {
	  margin-bottom: 20px;
	}

  }
  @media (max-width:480px){
	.news-banner h1 {
	  font-size: 34px;
	}
	.news-banner span {
	  font-size: 18px;
	}
	.category-list li a {
	  font-size: 14px;
	  padding: 8px 20px;
	}
	.media-top p {
	  font-size: 16px;
	}
	.news-banner h1 {
	  font-size: 30px;
	}
	.news-banner {
	  padding: 50px 0 20px;
	}
	.news-tabs {
	  margin-bottom: 15px;
	}
	.left-image .img-fluid {
	  max-width: 280px;
	}
  }