/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

:root {
	--cnvs-themecolor: #1777a5;
	--cnvs-themecolor-rgb: 23, 119, 165;
	--cnvs-secondary-color: #333;
	--cnvs-body-font: 'Figtree', sans-serif;
	--cnvs-primary-font: 'Figtree', sans-serif;
	--bs-btn-bg: #1777a5;
	--bs-btn-border-color: #1777a5;
	--bs-btn-disabled-bg: #1777a5;
	--bs-btn-disabled-border-color: #1777a5;

}

.text-color{
	color: #1777a5;
}

.my-logo{
	height: 3rem;
}

@media (max-width: 576px) {
	.my-logo {
		height: 2.5rem; 
	}
  }
  
  @media (min-width: 576px) and (max-width: 767px) {
	.my-logo {
		height: 3rem; 
	}
  }
  
  @media (min-width: 768px) {
	.my-logo {
		height: 4rem; 
	}
  }

  .hover-underline-animation {
	display: inline-block;
	position: relative;
	color: #fff;
	height: 1.75rem;
  }
  
  .hover-underline-animation::after {
	content: '';
	position: absolute;
	width: 100%;
	transform: scaleX(0);
	height: 1px;
	bottom: 0;
	left: 0;
	background-color: #fff;
	transform-origin: bottom right;
	transition: transform 0.25s ease-out;
  }
  
  .hover-underline-animation:hover::after {
	transform: scaleX(1);
	transform-origin: bottom left;
  }