p{
	
	font-size: 17px !important;
	
}

h2{
	font-size: 74px !important;
}

.uxora-footer-menu ul li a{
	
	font-size: 17px !important;
	
}

.bgColorWhiteTransarent{
		
	background-color: rgba(0,0,0,.1019607843);
	padding: 8px 24px;
	border-radius: 120px;
	max-width: 175px;
	display: flex;
	text-align: center;
	margin: 0 auto 20px;
	
}

.urMaxWidth250{
	max-width: 250px !important;
}


.urBgLavender{
	
	background-color: #A18BC3 !important;
	
}



.urBgPurple{
	
	/*background-color: #4B2E83 !important;*/
	
	background: #4B2E83 url("https://s3.us-east-2.wasabisys.com/files.upripple.com/1d0e39d9-b746-4338-991e-99bfceaddd1c/website/images/backgrounds/purple-design.jpg") !important;
	
}

.urBgSilver{
	
	background: #4B2E83 url("https://s3.us-east-2.wasabisys.com/files.upripple.com/1d0e39d9-b746-4338-991e-99bfceaddd1c/website/images/backgrounds/silver-design.jpg") !important;
	
}

.urPWhite{
	
	color: #ffffff !important;
	
}

.urButton{
	
	background-color: #4B2E83;
	
}

.urButtonBlue{
	
	background-color: #1A1A6F !important;
	
}

.urButtonHeight{
	height: 50px !important;
}

.urMarginTop{
	margin-top: 25px !important;	
}

.urH1{
	font-size: 94px !important;
	color: #333444 !important;
}

@media (max-width: 767px) { /* Adjust 767px to your desired breakpoint */
  .urH1 {
    font-size: 40px !important; /* Or any desired font size */
  }
}

.urH2 {
	color: #333444 !important;
}

.urH3{
	margin-top: 0px !important;
	color: #333444 !important;
}

.urH4{
	color: #333444 !important;
}

.urH5{
	color: #333444 !important;
}

.urH6{
	color: #333444 !important;
}

.urButton:hover{
	
	background-color: #4B2E83 !important;
	color: #ffffff !important;
	
}

.urSocialIcon{
	margin-top: 50px;
}

.urHoverPurple:hover{
	background-color: #4B2E83 !important;
	border-color: #c0c0c0 !important;
}

.urMenuHover {
  transition: text-decoration 1s ease; /* Adjust duration and easing as needed */
}

.urMenuHover a {
  position: relative; /* Important for positioning the pseudo-element */
  display: inline-block; /* makes it width wrap to text */
}

.urMenuHover::before {
  content: " ";
  left: 0;
  bottom: 15px;
  width: 0;
  height: 3px;
  position: absolute;
  transition: all 0.4s;
  background-color: #4B2E83 !important;
}

.urMenuHover:hover::before {
  width: 100%; /* Expand to full width on hover */
}

.urMenuItemHover:hover{
	color: #4B2E83 !important;
}



.uxora-hero-section{
	
	/*height: 100vh !important;*/
	
}

.urCheckbox{
	
	border-color: #000000;
	border-style: solid;
	border-width: 3px;
	
}

.urFormInput{
	background-color: #ffffff !important;
	border-radius: 10px !important;
}

.urFormGroup{
	
	/* width: 70% !important; */
	
}


.checkbox-container {
  display: block; /* Or inline-block, depending on your layout */
  position: relative; /* Necessary for absolutely positioned span */
  padding: 0; /* Remove default padding */
}

input[type="checkbox"] {
  display: none; /* Hide the default checkbox */
}

.checkbox-label {
  display: inline-block;
  width: 30px;
  height: 30px;
  border: 2px solid #000;
  border-radius: 5px;
  background-color: #fff; /* Set a background color */
  position: relative;
  cursor: pointer; /* Add a pointer cursor on hover */
}

.checkbox-label-round {
  border-radius: 25px ;
}

/*
.checkbox-tick {
  position: absolute;
  top: 10%; 
  left: 10%; 
  display: none;  
}

input[type="checkbox"]:checked + .checkbox-label .checkbox-tick {
  display: block; 
}
 ... (previous CSS) ... */

.checkbox-tick {
  position: absolute;
  top: 40%;
  left: 40%;
  transform: translate(-50%, -50%); /* Center the SVG */
  fill: #000;  /* Color of the checkmark */
  display: none;
}

input[type="checkbox"]:checked + .checkbox-label .checkbox-tick {
    display: block;
}


.uxora-p-thumb {
  position: relative;
  display: block;
  text-align: center;
  overflow: hidden;
  border-radius: 10px;
  white-space: nowrap;
  margin-bottom: 24px;
  margin-left: 24px;
  z-index: 0;
}
.uxora-p-thumb:hover img {
  transform: scale(1.1);
}
.uxora-p-thumb img {
  border-radius: 10px;
  transition: all 0.4s;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.uxora-p-thumb::before {
  position: absolute;
  content: "";
  width: 100%;
  opacity: 0;
  height: 100%;
  top: 0;
  mix-blend-mode: multiply;
  left: 0;
  z-index: 1;
  transition: 0.4s;
  background: linear-gradient(135deg, #FCD569 0%, #0A23F4 100%);
}

.uxora-footer-section{
	
	background-color: #c0c0c0 !important;
	
}

.urColorBlack{
	
	color: #000000 !important;
	
}

.ur-social-wrap {
  transition: all 0.4s;
}
.ur-social-wrap ul li {
  display: inline-block;
  margin-left: 10px;
}
.ur-social-wrap ul li:first-child {
  margin-left: 0;
}
.ur-social-wrap ul li a {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  border-radius: 100px;
  justify-content: center;
  transition: all 0.4s;
  border: 2px solid var(--light-color);
}

.ur-social-wrap ul li a img{
  margin-top: 25px;
}
.ur-social-wrap ul li a:hover {
  border: 2px solid var(--light-color);
  background-color: var(--accent-bg);
}
.ur-social-wrap ul li a:hover path {
  fill: var(--light-color);
}



.urClose {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all linear .3s;
    cursor: pointer;
}

.modalBgTransparent {
  background-color: transparent;
  /* Optional: Remove padding, if desired */
  /* padding: 0; */
}

.modalBorderWidth {
	border-width: 0px;
}