/* Color Styles */
.color-primary-1 {
	color: #3a82f7;
  }
  
  .color-secondary-1 {
	color: #3a8547;
  }
  
  .color-error {
	color: #f74a4a;
  }
  
  /* Gradient Background */
  .background-gradient {
	background: linear-gradient(
	  72deg,
	  #cefeff 0.15%,
	  #def0f7 30.85%,
	  #eef6f9 56.67%,
	  #f7e9ec 100%
	);
  }
  
  /* Neutral Colors */
  .color-neutral-900 {
	color: #08174d;
  }
  
  .color-neutral-800 {
	color: #5e5f60;
  }
  
  .color-neutral-700 {
	color: #425b76;
  }
  
  .color-neutral-600 {
	color: #8089a5;
  }
  
  .color-neutral-500 {
	color: #a0a3b9;
  }
  
  .color-neutral-400 {
	color: #dcd8da;
  }
  
  .color-neutral-300 {
	color: #f7e9ec;
  }
  
  .color-neutral-200 {
	color: #eef6f9;
  }
  
  .color-neutral-100 {
	color: #ffffff;
  }
  
  /* Font Styles */
  /* Headline Styles */
  .headline-1 {
	color: #05174d;
	font-size: 64px;
	font-family: Poppins, sans-serif;
	font-weight: 600;
	word-wrap: break-word;
  }
  
  .headline-2 {
	color: #05174d;
	font-size: 40px;
	font-family: Poppins, sans-serif;
	font-weight: 600;
	word-wrap: break-word;
  }
  
  .headline-3 {
	color: #05174d;
	font-size: 32px;
	font-family: Poppins, sans-serif;
	font-weight: 600;
	word-wrap: break-word;
  }
  
  .headline-4 {
	color: #05174d;
	font-size: 20px;
	font-family: Poppins, sans-serif;
	font-weight: 500;
	word-wrap: break-word;
  }
  
  /* Body Text Styles */
  .body-1 {
	/* color: #05174D; */
	font-size: 18px;
	font-family: Poppins, sans-serif;
	font-weight: 400;
	line-height: 20px;
	word-wrap: break-word;
  }
  
  .body-2 {
	/* color: #05174D; */
	font-size: 16px;
	font-family: Poppins, sans-serif;
	font-weight: 400;
	word-wrap: break-word;
  }
  
  .body-3 {
	/* color: #05174D; */
	font-size: 14px;
	font-family: Poppins, sans-serif;
	font-weight: 400;
	word-wrap: break-word;
  }
  
  .body-4 {
	/* color: #05174D; */
	font-size: 12px;
	font-family: Poppins, sans-serif;
	font-weight: 400;
	word-wrap: break-word;
  }
  
  .body-5 {
	/* color: #05174D; */
	font-size: 10px;
	font-family: Poppins, sans-serif;
	font-weight: 400;
	word-wrap: break-word;
  }
  
  /* Bold Body Text Styles */
  .body-bold-1 {
	/* color: #05174D; */
	font-size: 18px;
	font-family: Poppins, sans-serif;
	font-weight: 500;
	line-height: 20px;
	word-wrap: break-word;
  }
  
  .body-bold-2 {
	/* color: #05174D; */
	font-size: 16px;
	font-family: Poppins, sans-serif;
	font-weight: 500;
	word-wrap: break-word;
  }
  
  .body-bold-3 {
	/* color: #05174D; */
	font-size: 14px;
	font-family: Poppins, sans-serif;
	font-weight: 500;
	word-wrap: break-word;
  }
  
  /* Button Text Styles */
  .button-1 {
	color: #05174d;
	font-size: 16px;
	font-family: Poppins, sans-serif;
	font-weight: 400;
	line-height: 24px;
	word-wrap: break-word;
  }
  
  .input-box-qlc {
	border-radius: 8px;
	border: 0px solid #e0e0e0;
	background: #fff;
	box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.05);
	width: 370px;
	height: 58px;
	flex-shrink: 0;
  }
  
  .blue-button-qlc {
	display: flex;
	width: 370px;
	height: 58px;
	padding: 14px 24px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	flex-shrink: 0;
	border-radius: 8px;
	background: #3a82f7;
	box-shadow: 0px 18px 30px 0px rgba(131, 119, 198, 0.11);
  }
  
  .login-button {
	width: 338px;
	height: 61px;
	margin-bottom: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	/* Centers text and icon */
	border-radius: 5px;
	font-size: 16px;
  }
  
  .social-media-button {
	display: flex;
	width: 338px;
	height: 61px;
	padding: 19px 80px 19px 24px;
	flex-direction: row;
	/* Set to row for horizontal alignment */
	justify-content: center;
	/* Align content to the start */
	align-items: center;
	/* Center the items vertically */
	margin-bottom: 7px;
	border-radius: 8px;
	border: 1px solid var(--Neutral-600, #8089a5);
	gap: 10px;
	/* Space between the icon and text */
	background: transparent;
	/* Default background */
	cursor: pointer;
	/* Changes cursor to pointer on hover */
	transition: background 0.3s ease;
	/* Smooth transition for hover effect */
	text-decoration: none;
	/* Remove underline from links */
	color: var(--Neutral-900, #05174d);
	/* Text color */
	font-family: Poppins;
	font-size: 16px;
	font-weight: 400;
  }
  
  /* Image Styles inside the Button */
  .social-media-button img {
	margin-right: 10px;
	/* Add space between the icon and text */
  }
  
  /* Hover Effect */
  .social-media-button:hover {
	background: #e8eefa;
	/* Background color on hover */
	color: var(--Neutral-900, #05174d);
	/* Text color */
  }
  
  /* Default Input Styles */
  .email-input2 {
	width: 370px;
	height: 58px;
	flex-shrink: 0;
	border-radius: 8px;
	border: 1px solid var(--Neutral-400, #dcd8da);
  
	display: block;
	background: #fff;
	padding: 10px;
	/* Add some padding for better text alignment */
	box-sizing: border-box;
	/* Ensure padding does not affect the width */
	transition: border 0.3s ease, box-shadow 0.3s ease;
	/* Smooth transition for focus effects */
  }
  
  /* Focus State */
  .email-input2:focus {
	border: 1px solid rgba(106, 159, 246, 0.66);
	background: #fff;
	box-shadow: 0px 4px 30px 0px rgba(97, 146, 243, 0.11);
	/* Shadow when focused */
	outline: none;
	/* Remove default focus outline */
  }
  
  /* Error State */
  .email-input2.error {
	display: flex;
	width: 370px;
	height: 58px;
	padding: 10px;
	/* Reset padding for the error state */
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	border-radius: 8px;
	border: 1px solid var(--Error, #f44336);
	background: #fff;
	box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.05);
	/* Shadow for error state */
  }
  
  /* Default Button Styles */
  .primary-button {
	display: flex;
	width: 370px;
	height: 58px;
	padding: 14px 24px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	flex-shrink: 0;
	border-radius: 8px;
	background: var(--Secondary-2, #3a82f7);
	box-shadow: 0px 18px 30px 0px rgba(131, 119, 198, 0.11);
	/* Shadow for the default state */
	color: #fff;
	/* Text color for better contrast */
	cursor: pointer;
	/* Changes cursor to pointer */
	border: none;
	/* Remove default border */
	transition: background 0.3s ease, box-shadow 0.3s ease;
	/* Smooth transition for hover effects */
  }
  
  /* Hover State */
  .primary-button:hover {
	background: #196cf3;
	/* Darker shade for hover */
	box-shadow: 0px 18px 30px 0px rgba(131, 119, 198, 0.11);
	/* Keep the same shadow on hover */
	color: #fff;
	/* Text color for better contrast */
  }
  
  /* Disabled State */
  .primary-button:disabled {
	background: #b0b0b0;
	/* Grey background to indicate disabled state */
	cursor: not-allowed;
	/* Changes cursor to not-allowed */
	opacity: 0.6;
	/* Reduce opacity to show it's disabled */
	box-shadow: none;
	/* Remove shadow for disabled state */
  }
  
  /* Default Button Styles */
  .primary-small-button {
	display: flex;
	max-width: 201px;
	min-width: 140px;
	height: 67px;
	padding: 14px 24px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	flex-shrink: 0;
	border-radius: 8px;
	background: var(--Secondary-2, #3a82f7);
	box-shadow: 0px 18px 30px 0px rgba(131, 119, 198, 0.11);
	/* Shadow for the default state */
	color: #fff;
	/* Text color for better contrast */
	cursor: pointer;
	/* Changes cursor to pointer */
	border: none;
	/* Remove default border */
	transition: background 0.3s ease, box-shadow 0.3s ease;
	/* Smooth transition for hover effects */
  }
  
  /* Hover State */
  .primary-small-button:hover {
	background: #196cf3;
	/* Darker shade for hover */
	box-shadow: 0px 18px 30px 0px rgba(131, 119, 198, 0.11);
	/* Keep the same shadow on hover */
	color: #fff;
	/* Text color for better contrast */
  }
  
  /* Disabled State */
  .primary-small-button:disabled {
	background: #b0b0b0;
	/* Grey background to indicate disabled state */
	cursor: not-allowed;
	/* Changes cursor to not-allowed */
	opacity: 0.6;
	/* Reduce opacity to show it's disabled */
	box-shadow: none;
	/* Remove shadow for disabled state */
  }
  
  /* Default Button Styles */
  .transparent-small-button {
	display: flex;
	max-width: 201px;
	min-width: 140px;
	height: 67px;
	padding: 14px 24px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	flex-shrink: 0;
	border-radius: 8px;
	background: var(--Secondary-2, transparent);
	/* box-shadow: 0px 18px 30px 0px rgba(131, 119, 198, 0.11); Shadow for the default state */
	color: #8089a5;
	/* Text color for better contrast */
	cursor: pointer;
	/* Changes cursor to pointer */
	border: none;
	/* Remove default border */
	transition: background 0.3s ease, box-shadow 0.3s ease;
	/* Smooth transition for hover effects */
  }
  
  /* Hover State */
  .transparent-small-button:hover {
	/* background: #196CF3; Darker shade for hover */
	/* box-shadow: 0px 18px 30px 0px rgba(131, 119, 198, 0.11); Keep the same shadow on hover */
	color: #8089a5;
	/* Text color for better contrast */
	text-decoration: underline;
	/* Add underline on hover */
  }
  
  /* Disabled State */
  .transparent-small-button:disabled {
	/* background: #B0B0B0; Grey background to indicate disabled state */
	cursor: not-allowed;
	/* Changes cursor to not-allowed */
	opacity: 0.6;
	/* Reduce opacity to show it's disabled */
	box-shadow: none;
	/* Remove shadow for disabled state */
  }
  
  /* Default link styles */
  .sign-up-link {
	text-decoration: none;
	/* Remove underline by default */
	color: #1663e1;
	/* Default link color */
	transition: text-decoration 0.3s ease;
	/* Smooth transition for underline */
  }
  
  /* Hover state */
  .sign-up-link:hover {
	text-decoration: underline;
	/* Add underline on hover */
  }

  /* Default Option Box Styles */
  .option-box {
	width: 262px;
	height: 338px;
	flex-shrink: 0;
	border-radius: 8px;
	background: #fff;
	margin-right: 64px;
	/* border: 1px solid #DCD8DA; Default border color */
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	/* Changes cursor to pointer */
	transition: border 0.3s ease, width 0.3s ease, height 0.3s ease;
	/* Smooth transition for changes */
	box-shadow: 0px 5px 15px 0px rgba(131, 119, 198, 0.05);
  }
  
  /* Style for the Image inside Option Box */
  .option-box img {
	max-width: 200px;
	/* Control the maximum width of the image */
	height: auto;
	/* Maintain the aspect ratio */
	margin-bottom: 10px;
	/* Add space below the image */
  }
  
  .option-box:hover {
	border: 2px solid var(--Secondary-2, #3a82f7);
	/* Blue border for selected state */
  }
  
  .option-box span {
	margin-top: 24px;
  }
  
  /* Selected State */
  input[type="checkbox"]:checked + .option-box {
	width: 263px;
	height: 338px;
	border-radius: 8px;
	border: 2px solid var(--Secondary-2, #3a82f7);
	/* Blue border for selected state */
	background: #fff;
  }
  
  /* */
  
  /* Desktop styles (default) */
  
  body {
	font-family: "Poppins", sans-serif !important;
	margin: 0;
	padding: 0;
	overscroll-behavior: none;
	overflow-y: auto; /* Make it scrollable */
	color: var(--KeyBlue1) !important;
	/* background-color: var(--KeyBlue2) !important; */
	background: var(
	  --BG-Login,
	  linear-gradient(
		72deg,
		#cefeff 0.15%,
		#def0f7 30.85%,
		#eef6f9 56.67%,
		#f7e9ec 100%
	  )
	);
	min-height: 100vh;
  }

  .login-container {
	max-width: 900px;
  }
  
  /* Styles for the "Don’t have an account?" text */
  .no-account-text {
	color: #5e5f60;
  }
  
  .no-account-text a {
	color: #5e5f60;
	/* If you want to change the link color as well */
  }
  
  .login-buttons {
	width: 338px;
  }
  
  .login-button img {
	margin-right: 10px;
  }
  
  .or-divider-container {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	height: 100%;
  }
  
  .or-divider {
	display: flex;
	flex-direction: column;
	/* Change to column for vertical alignment */
	align-items: center;
	justify-content: center;
	height: 100%;
	/* Ensure it spans the height of the container */
  }
  
  .divider-line {
	width: 1px;
	/* Set the width to 1px for a thin vertical line */
	height: 150px;
	/* Set the height of the line */
	background-color: #ccc;
	/* Color of the divider */
  }
  
  .or-divider span {
	margin: 10px 0;
	/* Add margin above and below the 'or' */
	font-size: 16px;
  }
  
  .email-input {
	width: 370px;
	height: 71px;
	font-size: 16px;
	padding: 10px;
	border-radius: 5px;
  }
  
  .continue-button {
	width: 370px;
	height: 58px;
	font-size: 16px;
	padding: 10px;
	border-radius: 5px;
  }
  
  .support-info p {
	margin: 0;
  }
  
  .email-box {
	width: 370px;
	height: 58px;
	background-color: #ffffff;
	border: 1px solid #e0e0e0;
	padding: 10px;
	border-radius: 5px;
	margin: 20px 0;
	font-size: 18px;
	text-align: center;
	/* Horizontally center the text */
	/* Use flexbox to vertically and horizontally center the content */
	display: flex;
	align-items: center;
	justify-content: center;
	height: 50px;
	/* Adjust height to ensure vertical centering */
  }
  
  .checkbox-container {
	display: flex;
	justify-content: center;
	gap: 15px;
  }
  
  .checkbox-container input[type="checkbox"] {
	display: none;
  }
  
  .submit-button {
	background-color: #b0bec5;
	border: none;
	padding: 10px 30px;
	border-radius: 5px;
	color: white;
	font-size: 16px;
	cursor: pointer;
	margin-top: 20px;
  }
  
  .submit-button:disabled {
	background-color: #cfd8dc;
	cursor: not-allowed;
  }
  
  .company-search-container {
	display: flex;
	flex-direction: column;
	justify-content: flex-start; /* Align everything at the top */
	align-items: center;
	min-height: 100vh;
	padding-top: 150px; /* Increase padding to allow space for the logo */
  }
  
  /* Ensure the logo is fully visible */
  .company-search-container img {
	max-width: 250px;
	height: auto;
	margin-bottom: 20px;
	margin-top: 0; /* Reset top margin */
	position: relative; /* Change from sticky to relative */
	z-index: 2; /* Keep it above other elements */
  }
  
  /* Search Form Input and Button */
  .company-input {
	width: 418px; /* Set a specific width to make the input box shorter */
	height: 50px;
	font-size: 16px;
	padding: 10px;
	border-radius: 5px; /* Rounded corners */
  }
  
  .company-input::placeholder {
	color: #dcd8da; /* Set your desired color for the placeholder text */
	opacity: 1; /* Ensures the color is not affected by opacity */
  }
  
  .search-company {
	width: 50px;
	height: 50px;
	border-radius: 0 5px 5px 0; /* Rounded corners for button */
  }
  
  /* Company List Container */
  .company-list {
	max-height: 300px; /* Ensure a fixed height */
	overflow-y: auto; /* Make it scrollable */
	margin-top: 20px;
	width: 60%; /* 60% width for desktop */
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
	z-index: 1;
	position: relative; /* Ensure it's part of the flow */
  }
  .company-list.fade-in {
    opacity: 1;
    display: block;
	}
  /* Scrollbar Styling */
  body::-webkit-scrollbar {
	width: 10px; /* Width of the scrollbar */
  }
  
  body::-webkit-scrollbar-track {
	background: #f1f1f1;
  }
  
  body::-webkit-scrollbar-thumb {
	background: #888;
  }
  
  body::-webkit-scrollbar-thumb:hover {
	background: #555;
  }
  
  /* Remove scroll bar from the middle */
  .company-list::-webkit-scrollbar {
	width: 0; /* Hide scrollbar */
  }
  
  /* Search Result Styling */
  .searchResultDiv {
	padding: 10px;
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	margin-bottom: 10px;
	background-color: #fff;
  }
  
  /* Select Button Styling */
  .select-company {
	padding: 5px 15px;
	font-size: 14px;
	color: #3a82f7;
	border: 1px solid #3a82f7;
	border-radius: 5px;
	transition: background-color 0.2s ease;
  }
  
  .select-company:hover {
	background-color: #3a82f7;
	color: #3a82f7;
  }
  
  .content-wrapper {
	max-width: 1140px; /* You can adjust this to your liking */
	margin: 0 auto; /* Center the content horizontally */
	padding: 40px;
	display: flex;
	flex-direction: column;
	align-items: center; /* Center content horizontally */
  }
  
  /* Actions Section */
  .actions {
	display: inline-flex;
	justify-content: center; /* Center the action boxes */
	align-items: center;
	gap: 50px;
	margin-top: 40px;
  }
  
  /* Action Boxes */
  .action-box {
	width: 427px;
	height: 220px;
	max-height: 250px;
	border-radius: 16px;
	border: 1px solid #3a82f7;
	background: #edf2fb;
	padding: 20px;
	text-align: center;
  }
  
  /* CTA Button */
  .cta-button {
	background-color: #3a82f7;
	color: #fff;
	padding: 10px 20px;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	font-family: "Poppins", sans-serif;
	font-size: 16px;
	text-decoration: none; /* Remove underline by default */
  }
  
  .cta-button:hover {
	background-color: #196cf3;
	/* text-decoration: underline; Add underline on hover */
	color: #fff;
  }
  
  /* New Features Section */
  .new-features {
	margin-top: 40px;
	text-align: center;
  }
  
  /* Features Section */
  .features-list {
	display: inline-flex;
	align-items: flex-end;
	gap: 10px;
  }
  
  /* All-in-one-place Box */
  .feature-box.all-in-one-place {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 300px;
	height: 108px;
	padding: 16px;
	border-radius: 10px;
	/* border: 1px solid #DCD8DA; */
	/* background: rgba(255, 255, 255, 0.86); */
	color: #425b76;
  }
  
  /* Boxes for Projects, Upload, and Integrate */
  .feature-box {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	width: 220px;
	height: 120px;
	padding: 8px 18px;
	border-radius: 10px;
	/* border: 1px solid #DCD8DA;
		  background: rgba(255, 255, 255, 0.86); */
	color: #05174d;
  }
  .btn-invite {
	background-color: white;
	border-radius: 10px;
  }
  
  .clients-container {
	margin-top: 30px;
  }
  
  .client {
	background-color: white;
	padding: 10px 15px;
	border-radius: 10px;
	box-shadow: 0px 0px 4px rgb(0 0 0 / 5%) !important;
	margin-bottom: 5px;
	cursor: pointer;
  }
  
  .client p.name {
	opacity: 1 !important;
	font-size: 16px;
	padding: 7px;
  }
  
  .permissions-row {
	display: flex;
	justify-content: center;
	gap: 20px;
	/* margin-bottom: 15px; */
  }
  .user-type-group {
	display: flex;
	align-items: center;
	justify-content: center;
	/* margin-bottom: 15px; */
  }
  
  .user-type-group label {
	margin-right: 10px;
	/* font-weight: 500; */
  }
  /* */
  /* Mobile styles using @media query */
  @media (max-width: 768px) {
	.action-box {
        max-width: 85%; /* Make the box responsive */
		min-height: 240px;
		max-height: 250px;
    }

	.cta-button {
		padding: 5px 10px;
	  }

	.login-container {
	  max-width: 100%;
	  padding: 0 10px;
	}
  
	.login-box {
	  padding: 0;
	}
  
	.login-buttons {
	  width: 100%;
	}
  
	.social-media-button img {
	  margin-right: 10px;
	}
  
	.social-media-button {
	  width: 100%;
	  height: 55px;
	  font-size: 18px;
	  /* Centers text and icon */
	}
  
	.email-input2,
	.primary-button,
	.continue-button {
	  width: 100%;
	  height: 55px;
	  font-size: 14px;
	}
  
	.or-divider {
	  flex-direction: row;
	  /* Change to row for horizontal alignment */
	  width: 100%;
	  margin-top: 10px;
	  margin-bottom: 10px;
	}
  
	.divider-line {
	  width: 40%;
	  /* Horizontal line length */
	  height: 1px;
	  /* Horizontal line thickness */
	  margin: 0 10px;
	  /* Space between line and 'or' */
	}
  
	.or-divider span {
	  margin: 0 10px;
	  /* Space for the horizontal 'or' */
	  font-size: 14px;
	  /* Slightly smaller font for mobile */
	}
  
	.checkbox-container {
	  flex-direction: column;
	  /* Stack the options vertically */
	  align-items: center;
	  /* Center the options */
	}
  
	.option-box {
	  /* Make the option box take full width on mobile */
	  height: 120px;
	  /* Adjust the height to allow content to fit */
	  width: 250px;
	  /* Optional: Set a maximum width to prevent the boxes from becoming too wide */
	  margin: 5px 0;
	  /* Add vertical space between the options */
	  text-align: center;
	}
  
	input[type="checkbox"]:checked + .option-box {
	  width: 250px;
	  height: 120px;
	  border-radius: 8px;
	  border: 2px solid var(--Secondary-2, #3a82f7);
	  /* Blue border for selected state */
	  background: #fff;
	}
  
	.option-box img {
	  width: 70px;
	  height: auto;
	  margin-bottom: 10px;
	}
  
	.option-box span {
	  margin-top: 2px;
	  font-size: 14px;
	  /* Slightly smaller font for mobile */
	}
  
	.company-search-container {
	  padding: 20px 10px;
	}
  
	/* Adjust input, buttons, and layout for mobile */
	.company-input,
	.search-company {
	  width: 400px; /* Full width on mobile */
	  height: 55px;
	  font-size: 14px;
	  margin-bottom: 10px;
	}
  
	.company-search-container img {
	  max-width: 150px;
	  margin-bottom: 15px;
	  margin-top: 20px; /* Additional margin for mobile */
	}
  
	.company-list {
	  width: 100%; /* Make the company list take the full width on mobile */
	  max-height: 200px; /* Adjust height for mobile */
	  margin-top: 10px;
	}
  
	.actions {
	  flex-direction: column;
	  gap: 30px;
	}
  
	.features-list {
	  flex-direction: column;
	  align-items: center;
	}
  
	.feature-box {
	  width: 100%; /* Adjust width for mobile */
	  text-align: center;
	}
  }
  
  .fade-in {
	opacity: 0;
	animation: fadeInAnimation 1s ease-in forwards;
  }
  
  .fade-in-2 {
	opacity: 0;
	animation: fadeInAnimation 1.5s ease-in forwards;
  }
  
  @keyframes fadeInAnimation {
	from {
	  opacity: 0;
	}
	to {
	  opacity: 1;
	}
  }