/*----------  Legal instruments----------------*/

	@media (min-width: 850px) {
		.instrument{
			width:48%;
		}
		.img_defs{
			
			width:98%;
				display:flex;
		}
		.img_defs .seachpdfimgdiv{
			width:100%;
		}
		img.seachpdfimg{
			width:100%;
		}
.seachpdfdefs{
	
    border-left: none;
	border-top-left-radius:1px;
				width:300px;
		}

	}
media (max-width: 850px) {
		.instrument{
			width:98%;
		}


	}

.paragraph_grid{
	display:flex;
	flex-wrap:wrap;
	
} 
.legalsection{
		 border: 1px solid #80808029 ; 
		padding: 5px; 
		 /*background: linear-gradient(to right, #947399,#ffffff, #96a2da);
*/    
		 
	 }	
.def_readmore{
		  margin:2px;
	 }
#laws_h1{
	 color:#4CAF50;
}
.contin_name{

	background-color:#fff;
	margin:auto;
	  color:#8e0232;
	font-family:monospace;
		 
}
.countr_name{

	background-color:#fff;
	margin:auto;
	font-family:Courier New, monospace;
		 
	 
}
	  .instruments{

		 width:98%;
		position:center;
		 font-size:100%;
		 margin:5px;
		  justify-content: center;
		  align:center;		 
	 }
.instrument{
	
	background:#fff;margin:5px;
			padding:3px;
			/* border: 1px solid #24860c; */
			border-radius: 15px;
			 box-shadow: 0 0 9px #9E9E9E;
		   }
.instr_number_name{
	display:flex;	
}
.paranumbering{
background:#eaf1ff;
	color:#000;
	border: 1px solid #05116d;
  border-radius: 9px;
	padding:5px;
	display:flex;
	 align-items: center; /* Vertically center the content */
    justify-content: center; /* (Optional) Horizontally center as well */
	margin-right:0px;

}
 .instrname{

color:#001aaa;
		 width:97%;
		 text-align:left;
		 font-size:100%;
	  margin-bottom: 0.2em; /* Adjust this value as needed */
		 margin-left:5px;
	 background:#ffffff;
	 padding:1px;
		  font-weight:bold;
		 font-family: sans-serif;
  
	 }
.image_and_text{
	display:inline;
	padding:5px;
}
.instrdesc_relterms{
	padding:5px;
	text-align:justify
}
.instrdesc_relterms a{
	font-weight:bold;
	margin:5px;
	text-decoration:none;
}
.parathumbnail{
	width:100px;
	height:auto;
}

.read-more-button {
	border:1px solid #515779;
  display: inline-block;
  padding: 8px 16px;
  background-color: #fff; /* Light grey background */
  color: #333; /* Dark text */
  text-decoration: none;
  border-radius: 4px;
  transition: background-color 0.3s ease; /* Smooth hover transition */
  font-size: 0.9em; /* Slightly smaller font */
}

.read-more-button:hover {
  background-color: #ddd; /* Darker grey on hover */
}

.read-more-button:focus {
  outline: 2px solid #007bff; /* Add a focus outline for accessibility */
  outline-offset: 2px;
}
	 .instrdesc{
text-align:justify;
color:blue;
		 
		  font-size:100%;
		  margin:auto;
		  font-style:normal;
		  font-family:Courier New, monospace;
		  background:#fff;
		 padding:5px;
		 border-left:2px solid blue;
	 }
.para_line{
	width:80%;
	margin-bottom:0px;
	background:#0000ff40;
}
   /* Pagination container */
        .pagination {
            display: flex;
            justify-content: center;
            align-items: center;
            margin-top: 20px;
            gap: 10px;
        }

        /* Links styling */
        .pagination a {
            text-decoration: none;
            color: #007BFF; /* Blue color for links */
            border: 1px solid #007BFF;
            padding: 8px 12px;
            border-radius: 5px;
            transition: background-color 0.3s, color 0.3s;
        }

        /* Hover effect for links */
        .pagination a:hover {
            background-color: #007BFF;
            color: #fff; /* White text on hover */
        }

        /* Current page styling */
        .pagination .current-page {
            font-weight: bold;
            color: #fff;
            background-color: #007BFF; /* Highlight current page */
            border: 1px solid #007BFF;
            padding: 8px 12px;
            border-radius: 5px;
		}

.fisheries_lawterm_def{

color:#E91E63;
		 width:80%;
		 text-align:center;
		 font-size:90%;
		margin:auto;
	font-weight:bold;
		  font-style:italic;
		  font-family: calibri;
		  background:#fff;
		 padding:1px;
	
}
 /* Style the thumbnail image */
  .thumbnail {
    width: 20%; /* Set the width to 20% */
    height: auto; /* Maintain aspect ratio */
    cursor: pointer; /* Change cursor on hover to indicate it's clickable */
  }

  /* Style for the popup overlay */
  .popup-overlay {
    display: none; /* Initially hidden */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(53 66 81 / 80%); /* Semi-transparent background */
    z-index: 1000; /* Ensure it's on top of everything */
  }


  /* Style for the popup content (image container) */
  .popup-content {
    position: absolute;
  top: 50%;
	   
    left: 50%;
	   
    transform: translate(-50%, -50%);
    width: auto; /* Adjust max width as needed */
    height: 98%; /* Adjust max height as needed */
    text-align: center; /* Center the image horizontally */
  }


  /* Style for the full-size image in the popup */
  .popup-image {
	    width: auto;
	  height: 100%;
   
  }

  /* Style for the close button */
  .close-button {
    position: absolute;
    top: 1%;
    right:-4%;
    color: #fff;
    font-size: 64px;
    cursor: pointer;
	  background:red;
  }
 .close-button:hover {
font-size: 74px;
background:#FFC107;
	 
 }
.seachpdfdefs{
	background:white;
	border: 1px solid #d1e4d1;
	border-radius:10px;
}
.seachpdfimgdiv{
	margin:auto;
	/* background:#9E9E9E; */
}
.seachpdfimg{
width:98%;
	
	
}
.seachpdfdefstitle{
	margin:5px;
	font-weight:bold;
	text-align:center;
	font-family:math;
	color: #007bff;
}
.img_defs {
	margin:auto;
	margin-bottom:10px;
	box-shadow: -7px -4px 9px 2px #9E9E9E;
}

.seachpdfdefs hr{
	background: #007bff17;
	height:7px;
	border:none;
	border-bottom: 3px solid #9e9e9e66;
}
.img_defs details {
	
	
}
.detailslistdiv details{
	width:300px;
	padding:5px;
	margin:10px;
	border-bottom:1px solid #9e9e9e66;;
}
.termdef{
	text-align:justify;
	color:grey;
	
}
.termdef_term{
	font-weight:bold;
	color:#007bff;
	
}
.detailslistdiv{
	display:flex;
	  flex-wrap: wrap;
	padding:10px;
	 
}

/* Search pdf */
.legal_instrument_summary {
 background-color: #c8f7d3;
  font-size: 16px;
	font-weight:bold;
}
span.legal_instrument_details {
 color: #1e7e4;
	 background-color: #f4fff8; 
  font-size: 11px;
	text-align:left;
	  display: inline-block;
  padding: 5px; /* Adjust as needed */
}

.pdf-icon{
	width:30px;
	display:inline;
}




/*----------  Legal instruments----------------*/



/*------------termclauses------*/

        .card {
			
            background: white;
            border-radius: 12px;
            box-shadow: 0 6px 12px rgba(0,0,0,0.15);
            min-width: 400px;
            overflow: hidden;
            width: 95%;
			margin:auto;
			margin-top:5px;
			margin-bottom:10px;
        }
        .card-header {
			width:;
			font-weight:bold;
            background: #007bff;
            color: white;
            padding: 20px;
            text-align: center;
            font-size: 22px;
        }
        .card-body {
            padding: 30px;
        }
        .clause-text {
			text-align:justify;
            font-size: 18px;
            line-height: 1.7;
            margin-bottom: 25px;
            border-left: 4px solid #007bff;
            padding-left: 15px;
        }
        .details-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 15px;
        }
        .detail-item {
            
			background: #f8f9fa;
            padding: 10px;
            border-radius: 6px;
            font-size: 16px;
        }
        .detail-item strong {
            display: block;
			margin: 10px;
            color: #495057;
        }
		.detail-item-text{
			text-align:justify;
		}

/*View and download pdf div */
.demo-container {
      width: 100%;
      max-width: 680px;
      background: rgba(255,255,255,0.06);
      border-radius: 32px;
      padding: 60px 40px;
      box-shadow: 0 30px 60px -20px rgb(0 0 0 / 0.6);
      text-align: center;
    }

    .demo-title {
      font-size: 15px;
      letter-spacing: 2px;
      text-transform: uppercase;
      opacity: 0.6;
      margin-bottom: 8px;
    }

    .pdf-actions {
		margin:15px;
      display: flex;
      gap: 20px;
      padding: 8px 0;
    }

    .pdf-actions a {
      flex: 1;
      display: flex;
      align-items: center;
      gap: 20px;
      padding: 22px 28px;
      border-radius: 28px;
      text-decoration: none;
      font-family: inherit;
      transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
      box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.08);
    }

    .pdf-actions .view-btn {
      background: #ffffff;
      border: 1.5px solid #e2e8f0;
      color: #1e2937;
    }

    .pdf-actions .view-btn:hover {
      border-color: #3b82f6;
      transform: translateY(-2px);
      box-shadow: 0 20px 25px -5px rgb(59 130 246 / 0.15);
    }

    .pdf-actions .download-btn {
      background: #18181b;
      color: white;
      border: 1.5px solid #27272a;
    }

    .pdf-actions .download-btn:hover {
     background: #f6faff;
      color: #1e40af;
      transform: translateY(-2px);
    }

    .pdf-actions .legalpdficon {
      width: 54px;
      height: 54px;
      border-radius: 16px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 28px;
      flex-shrink: 0;
    }

    .pdf-actions .view-btn .icon {
      background: #dbeafe;
      color: #1e40af;
    }

    .pdf-actions .download-btn .pdf_down_icon {
  color: white;
		width:80px;
     
      border-radius: 16px;
    }

    .pdf-actions .text {
      line-height: 1.25;
      text-align: left;
    }

    .pdf-actions .title {
      font-size: 17px;
      font-weight: 600;
    }

    .pdf-actions .pdfsub {
      font-size: 13.5px;
      opacity: 0.75;
      margin-top: 2px;
    }

    @media (max-width: 640px) {
      .pdf-actions {
        flex-direction: column;
        gap: 14px;
      }
      .pdf-actions a {
        padding: 20px 24px;
      }
    }