:root{
    --white:rgba(255, 255, 255, 1);
    --black:rgba(0, 0, 0, 1);
    --sky-blue:rgba(76, 141, 255, 1);
    --night-sky:rgba(9, 43, 94, 1);
    --thundercloud:rgba(108, 131, 168, 1);
    --pool-blue:rgba(47, 205, 255, 1);
    --light-blue:rgba(237, 244, 255, 1);


    --gray-25:rgba(253, 253, 253, 1);
    --gray-50:rgba(250, 250, 250, 1);
    --gray-100:rgba(245, 245, 245, 1);
    --gray-200:rgba(233, 234, 235, 1);
    --gray-300:rgba(213, 215, 218, 1);
    --gray-400:rgba(164, 167, 174, 1);
    --gray-500:rgba(113, 118, 128, 1);
    --gray-600:rgba(83, 88, 98, 1);
    --gray-700:rgba(65, 70, 81, 1);
    --gray-800:rgba(37, 43, 55, 1);
    --gray-900:rgba(24, 29, 39, 1);
    --gray-950:rgba(24, 29, 39, 1);

    --sunny-orange-25:rgba(254, 251, 245, 1);
    --sunny-orange-50:rgba(254, 246, 235, 1);
    --sunny-orange-100:rgba(253, 238, 215, 1);
    --sunny-orange-200:rgba(251, 221, 175, 1);
    --sunny-orange-300:rgba(249, 203, 134, 1);
    --sunny-orange-400:rgba(247, 186, 94, 1);
    --sunny-orange-500:rgba(245, 169, 54, 1);
    --sunny-orange-600:rgba(196, 135, 43, 1);
    --sunny-orange-700:rgba(147, 101, 32, 1);
    --sunny-orange-800:rgba(98, 68, 22, 1);
    --sunny-orange-900:rgba(49, 34, 11, 1);
    --sunny-orange-950:rgba(37, 25, 8, 1);

    --blurple-25:rgba(246, 245, 254, 1);
    --blurple-50:rgba(238, 235, 253, 1);
    --blurple-100:rgba(221, 216, 251, 1); 
    --blurple-200:rgba(187, 177, 246, 1);
    --blurple-300:rgba(153, 137, 242, 1) ;
    --blurple-400:rgba(119, 98, 237, 1) ;
    --blurple-500: rgba(85, 59, 233, 1);
    --blurple-600: rgba(68, 47, 186, 1);
    --blurple-700: rgba(51, 35, 140, 1);
    --blurple-800:rgba(34, 24, 93, 1);
    --blurple-900:rgba(17, 12, 47, 1);
    --blurple-950:rgba(13, 9, 35, 1);

    --error-25:rgba(255, 251, 250, 1);
    --error-50:rgba(254, 243, 242, 1);
    --error-100:rgba(254, 228, 226, 1);
    --error-200:rgba(254, 205, 202, 1);
    --error-300:rgba(253, 162, 155, 1);
    --error-400:rgba(249, 112, 102, 1);
    --error-500:rgba(240, 68, 56, 1);
    --error-600:rgba(217, 45, 32, 1);
    --error-700:rgba(180, 35, 24, 1);
    --error-800:rgba(145, 32, 24, 1);
    --error-900:rgba(122, 39, 26, 1);
    --error-950:rgba(85, 22, 12, 1);

    --success-25:rgba(246, 254, 249, 1);
    --success-50:rgba(236, 253, 243, 1);
    --success-100:rgba(220, 250, 230, 1);
    --success-200:rgba(169, 239, 197, 1);
    --success-300:rgba(117, 224, 167, 1);
    --success-400:rgba(71, 205, 137, 1);
    --success-500:rgba(23, 178, 106, 1);
    --success-600:rgba(7, 148, 85, 1);
    --success-700:rgba(6, 118, 71, 1);
    --success-800:rgba(8, 93, 58, 1);
    --success-900:rgba(7, 77, 49, 1);
    --success-950:rgba(5, 51, 33, 1);


    --display-2xl:3.75rem;
    --display-xl:3rem;
    --display-lg:2.25rem;
    --display-md:1.875rem;
    --display-sm:1.5rem;
    --display-xs:1.25rem;

    --text-xl:1.125rem;
    --text-lg:1rem;
    --text-md:0.875rem;
    --text-sm:0.75rem;
    --text-xs:0.625rem;
}

.main_heading {
	font-size: clamp(18px, 8vw, 44px);
	font-weight: 800;
	color: #092b5e;
	line-height: 1.1;
	margin-bottom: 16px;
}

.sub_heading {
	font-size: clamp(16px, 5vw, 36px);
	color: #092b5e;
	font-weight: 400;
	line-height: 1.3;
	margin-bottom: 1.5rem;
}

.sub_heading_bold {
	font-size: clamp(16px, 5vw, 36px);
	color: #092b5e;
	font-weight: 400;
	line-height: 1.3;
	margin-bottom: 1.5rem;
}

.over_head {
	color: #092b5e;
	font-size: clamp(1rem, 2.5vw, 1.8rem);
	font-weight: 800;
	margin-bottom: 2rem;
}
.over_para {
	color: #3a557d;
	font-size: clamp(14px, 2.5vw, 17px);
}

.over_heading {
	color: #092b5e;
	font-size: clamp(1.2rem, 2.5vw, 2rem);
	font-weight: 800;
	margin-bottom: 2rem;
}
.over_paragraph {
	color: #3a557d;
	font-size: clamp(14px, 2.5vw, 15px);
}

/* button */
.surebird_btn {
    font-size: clamp(14px, 2.5vw, 16px);
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-weight: 700;
    background-color: #092b5e;
    text-decoration: none;
    padding: 12px 18px;
    color: #ffffff;
    border: none;
    outline: none;
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
    cursor: pointer;
}

.surebird_btn:hover {
    background-color: #5245e9;
    text-decoration: none;
}

.surebird_btn_width {
	width: 160px;
}
.surebird_btn_fit {
	width: fit-content;
  padding: .5rem 1rem;
  color: #ffffff !important;
}

.surebird_login_btn {
    font-weight: 900;
    color: rgba(82, 69, 233, 1) !important;
    font-size: clamp(14px, 2.5rem, 16px);
    outline: 1px solid rgba(152, 152, 152, 0.2);
    padding: 12px 18px;
    background-color: transparent;
    border: none;
}
.surebird_login_btn:hover {
    background-color: rgba(82, 69, 233, 0.2);
    text-decoration: none;
}

/* input */

input[type='number'],input[type='date']{
    padding: 8px 5px;
    font-size: 14px;
    outline: none;
    border-radius: 2px;
    width: calc(280px - 10px);
  }

.surebird_input {
	width: 100%;
    position: relative;
    border: 3px solid #bbbbbb;
    margin-inline-end: 8px;
    transition: 0.2s ease-in-out;
  }
  
  .surebird_input_flex {
	flex: 1 1 220px;
  }

  .surebird_input input,
  .surebird_input textarea {
	padding: 14px 18px 10px;
	border: none;
	outline: none;
    width: 100%;
    font-size: 16px;
    color: #363636;
    line-height: 24px;
    transition: 0.2s ease-in-out;
  }
  
  .surebird_input:hover,
  .surebird_input:focus-within {
    border-color: #a4c8ff;
  }
  
  .surebird_input input:focus,
  .surebird_input:hover input,
  .surebird_input textarea:focus,
  .surebird_input:hover textarea {
	color: #363636;
  }
  
  .surebird_input label {
	position: absolute;
	background-color: transparent;
	padding: 14px 18px;
    line-height: 24px;
    font-size: clamp(10px, 2vw, 12px);
    white-space: nowrap;
	top: 0;
	left: 0;
	bottom: 0;
    color: #898989;
    cursor: text;
    transition: 0.2s ease-in-out;
  }
  
  .surebird_input:hover {
	color: #0d60dd;
  }
  
  .surebird_input:focus-within label,
  .surebird_input input:not(:placeholder-shown) ~ label,
  .surebird_input textarea:not(:placeholder-shown) ~ label {
	padding: 0px 8px;
	background-color: #ffffff;
	top: -12px;
	left: 10px;
	bottom: auto;
    color: #0d60dd;
  }
  
  /* Radio*/
  .surebird_radio_section {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 1rem;
  }

  .surebird_radio_item [type="radio"] {
	display: none;
  }
  
  .surebird_radio_item {
	flex: 1 1 250px;
  }
  
  .surebird_radio_item label {
	display: block;
	padding: 15px 60px;
	color: rgba(137, 137, 137, 1);
	border: 3px solid rgba(137, 137, 137, .5);
	cursor: pointer;
	font-size: clamp(10px,2.5vw,14px);
	font-weight: 400;
	white-space: nowrap;
	position: relative;
	transition: 0.4s ease-in-out 0s;
  }
  
  .surebird_radio_item label::after,
  .surebird_radio_item label::before {
	content: "";
	position: absolute;
	border-radius: 50%;
  }
  
  .surebird_radio_item label::after {
	height: 20px;
	width: 20px;
	border: 3px solid rgba(137, 137, 137, .5);
	left: 20px;
	top: calc(50% - 9px);
  }
  
  .surebird_radio_item label::before {
	content: '';
	padding: 2px;
	background-color: #0D60DD;
	height: 20px;
	width: 20px;
	left: 20px;
	top: calc(50% - 9px);
	transform: scale(2);
	opacity: 0;
	visibility: hidden;
	transition: 0.3s ease-in-out 0s;
  }
  
  .surebird_radio_item [type="radio"]:checked~label {
	border: 3px solid #a4c8ff;
	background-color: #edf4ff;
	color: #092B5D;
  }
  
  .surebird_radio_item [type="radio"]:checked~label::before {
	content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M9 16.17L5.83 13l-1.42 1.41L9 19 21 7l-1.41-1.41z" fill="%23fff"%3E%3C/path%3E%3C/svg%3E');
	opacity: 1;
	visibility: visible;
	transform: scale(1);
  }
  
  .surebird_radio_item [type='radio']:checked~label::after {
	border-color: aliceblue;
  }