@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=REM:ital,wght@0,100..900;1,100..900&family=Reem+Kufi:wght@400..700&display=swap');
a {
	outline: 0;
	text-decoration: none;
	cursor: pointer;
	pointer-events: pointer;
	color: inherit;
}
a:hover {
	cursor: pointer;
	pointer-events: pointer;
}
body {
	font-family: "Reem Kufi", sans-serif;
	background: rgb(255, 255, 255);
	overflow-x: hidden;
	color: rgb(0, 0, 0);
}
html {
	scroll-behavior: smooth;
}
.title {
	font-family: "REM", sans-serif;
}
.gradient-title {
	background: linear-gradient(90deg, #ffa617, #ffa617, #faff66, #ffa617);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.text-orange {
	color: rgb(255, 119, 0) !important;
}
.light-gray {
	color: rgb(135, 135, 135) !important;
}
.firstSection,
.secondSection, 
.forthSection
{
	background: rgb(254, 235, 191) !important;
}
.forthSection, .sixthSection, .contentSection {
	background: linear-gradient(0.25turn, #fee3b2, #fef1ca) !important;
}
.customBorder {
	border-top: 1px solid #ff9511;
}
.border-footer {
	border-top: 1px solid #878787;
}
.yellow-box-steps {
	background: rgb(255, 243, 227) !important;
	border: 1px solid #ffcc87;
	border-radius: 18px;
	padding: 50px 40px;
	position: relative;
	overflow: hidden;
	z-index: 1;
	transition: color 0.3s ease, border-color 0.3s ease;
}
.yellow-box-steps::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 0%;
	background: linear-gradient(to top, #ffe0b2, #fff3e3);
	z-index: -1;
	transition: height 0.35s ease;
}
.yellow-box-steps:hover::before {
	height: 100%;
}
.yellow-box-steps:hover {
	border-color: #e37100;
}
.yellow-box-steps p {
	transition: color 0.3s ease;
}
.yellow-box-steps:hover p {
	color: #222;
}
.yellow-box-gifts {
	background: rgb(255, 249, 241) !important;
	border: 1px solid #ff9511;
	border-radius: 18px;
	padding: 30px 0px;
	width: 240px !important;
}
.yellow-box-comments {
	background: rgb(255, 243, 227) !important;
	border: 1px solid #ffcc87;
	border-radius: 18px;
	padding: 10px 10px;
	max-width: 320px !important;
}
.customTag {
	background: linear-gradient(#ffff58, #e37100);
	border: 2px solid #ffffff;
	border-radius: 10px !important;
	padding: 10px 25px !important;
	bottom: -20px !important;
	right: -20px !important;
}
.customValueBox {
	background: rgb(255, 209, 146) !important;
	border: 1px solid #ffbf60;
	border-radius: 35px;
	color: #db5b00;
	padding: 10px 20px;
}
.customForm {
	background: rgb(255, 243, 227) !important;
	border: 1px solid #ffbf60;
	border-radius: 15px;
	max-width: 800px;
}
.customFormButton {
	background: linear-gradient(to right,#ff9c11, #ffb44a);
	border: none;
	border-radius: 100px;
}
.customButton {
	background: linear-gradient(270deg, #ffff58, #e37100, #ffff58);
	background-size: 400% 400%;
	border: none;
	border-radius: 100px;
	box-shadow: 1px 1px 15px rgb(0 0 0 / 20%);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
	animation: gradientFlow 6s ease infinite;
}
@keyframes gradientFlow {
	0% { background-position: 0% 50%; }
	50% { background-position: 100% 50%; }
	100% { background-position: 0% 50%; }
}
.customButton:hover {
	transform: translateY(-1px) scale(1.01);
}
.customButton:hover::before {
	left: 100%;
}
.customButton:active {
	transform: translateY(0px) scale(0.97);
}
.customButton:first-child:active {
	background-color: rgb(162, 121, 86);
}
.form-control {
	background: transparent !important;
	color: #ffffff;
}
.form-control:focus {
	background: transparent !important;
	color: #ffffff;
}
.form-select {
	background: transparent !important;
	color: #ffffff;
}
.form-select option {
	background-color: rgb(255, 255, 255);
}
.form-select option:not([selected]) {
	color: rgb(0, 0, 0);
}
.select-wrapper {
	position: relative;
	display: inline-block;
}
.select-wrapper::after {
	content: "▼";
	position: absolute;
	right: 20px;
	top: 70%;
	transform: translateY(-50%);
	color: #606060;
	pointer-events: none;
	font-size: 18px;
}
.select-wrapper select {
	width: 100%;
	padding-right: 30px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: transparent;
	border: 1px solid #ff9511 !important;
	padding: 13px;
}
.form-check-input:checked {
	background-color: rgb(255, 157, 18) !important;
	border: 1px solid #ff9511 !important;
}
.form-control[type="date"] {
	color-scheme: gray;
}
.form-check-input[type=checkbox] {
	background-color: transparent;
	border: 1px solid #ff9511;
}
.form-control,
.form-select {
	transition: all 0.3s ease !important;
}
.form-control:focus,
.form-select:focus {
	background-color: #fddeb5 !important;
	border-color: #ff9511 !important;
	outline: none !important;
	color: #606060 !important;
}
input:focus, select:focus {
	box-shadow: none !important;
	color: #606060 !important;
}
input:not([type="checkbox"]):focus, select:focus {
	border: 1px solid #898989 !important;
}
input:not([type="checkbox"]), select {
	border-radius: 10px !important;
	border: 1px solid #ff9511 !important;
	color: #606060 !important;
	padding: 13px;
	background: transparent !important;
}
input::placeholder {
	color: #606060 !important;
	opacity: 1;
}
.form-check-label {
	padding-left: 2px !important;
}
.custom-select .selected::after {
	content: "▼";
	padding-left: 5px;
	font-size: 9px;
	vertical-align: middle;
}
.custom-select {
	position: relative;
	width: auto;
	cursor: pointer;
	font-size: 16px;
	border-radius: 4px;
}
.navbar-toggler:focus,
.navbar-toggler:active {
	outline: none !important;
	box-shadow: none !important;
}
.form-check {
	color: rgb(96, 96, 96) !important;
}
.footerSection {
	font-size: 13px !important;
}
.accordion-bg {
	--bs-accordion-bg: transparent;
}
.accordion-item {
	background-color: rgb(255, 255, 255) !important;
	border: 1px solid #fea30c !important;
	margin-bottom: 10px;
	border-radius: 15px !important;
	color: #878787 !important;
	font-family: "REM", sans-serif;
}
.accordion-button {
	background-color: rgb(255, 255, 255) !important;
	box-shadow: none !important;
	outline: none !important;
	color: #000000 !important;
}
.accordion-button:focus {
	background-color: rgb(255, 255, 255) !important;
	box-shadow: none !important;
	outline: none !important;
	color: #000000 !important;
}
.accordion-header {
	padding: 20px 20px !important;
}
.accordion-body {
	border-top: 1px solid #fea30c !important;
	padding: 20px 20px !important;
}
.list-group-item {
	border: none !important;
	background-color: rgb(255, 255, 255) !important;
	color: rgb(21, 21, 21) !important;
	border-radius: 18px !important;
	padding: 20px !important;
	margin-bottom: 10px;
}
.list-group-item::before {
	color: rgb(21, 21, 21) !important;
	font-weight: 600;
}
.footerSection {
	background: rgb(17, 24, 39);
}
.customContainer {
	max-width: 1000px !important;
	margin: 0 auto;
}