/* bootstrap variables */
.btn-primary {
    --bs-btn-color: var(--w3-body-bg);
    --bs-btn-bg: var(--w3-primary-color);
    --bs-btn-border-color: var(--w3-primary-color);
    --bs-btn-hover-color: var(--w3-body-bg);
    --bs-btn-hover-bg: var(--w3-primary-color-hover);
    --bs-btn-hover-border-color: var(--w3-primary-color-hover);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: var(--w3-body-bg);
    --bs-btn-active-bg: var(--w3-primary-color-hover);
    --bs-btn-active-border-color: var(--w3-primary-color-hover);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--w3-body-bg);
    --bs-btn-disabled-bg: var(--w3-primary-color);
    --bs-btn-disabled-border-color: var(--w3-primary-color);
}

.btn-secondary {
    --bs-btn-color: var(--w3-body-bg);
    --bs-btn-bg: var(--w3-secondary-color);
    --bs-btn-border-color: var(--w3-secondary-color);
    --bs-btn-hover-color: var(--w3-body-bg);
    --bs-btn-hover-bg: var(--w3-secondary-color-hover);
    --bs-btn-hover-border-color: var(--w3-secondary-color-hover);
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: var(--w3-body-bg);
    --bs-btn-active-bg: var(--w3-secondary-color-hover);
    --bs-btn-active-border-color: var(--w3-secondary-color-hover);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--w3-body-bg);
    --bs-btn-disabled-bg: var(--w3-secondary-color);
    --bs-btn-disabled-border-color: var(--w3-secondary-color);
}

.btn-transparent {
    --bs-btn-color: var(--w3-body-bg);
    --bs-btn-hover-color: var(--w3-text-color);
    --bs-btn-hover-bg: var(--w3-body-bg);
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: var(--w3-body-bg);
    --bs-btn-active-bg: var(--w3-body-bg);
    --bs-btn-active-border-color: var(--w3-body-bg);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--w3-body-bg);
    --bs-btn-disabled-bg: var(--w3-secondary-color);
    --bs-btn-disabled-border-color: var(--w3-secondary-color);
}

.btn {
	font-weight: 400;
	padding: 10px 2rem;
	border-radius: 99px;
	text-decoration: none !important;
	display: inline-block;
    margin-top: .3rem;
}

.button_wrapper .btn {
	padding: 3px 1.25rem;
}

.button_wrapper .btn::after {
	content: '';
	background-image:url(data:image/svg+xml;base64,PHN2ZyBkYXRhLWJib3g9IjIwIDIwIDE2MCAxNjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjIwMCIgaGVpZ2h0PSIyMDAiIHZpZXdCb3g9IjAgMCAyMDAgMjAwIiBkYXRhLXR5cGU9ImNvbG9yIj4NCiAgICA8Zz4NCiAgICAgICAgPHBhdGggZmlsbD0iIzAwMDAwMSIgZD0iTTgxLjQ1OSAxNDAuMTQyYTEuNzggMS43OCAwIDAgMC0yLjAzNy0xLjQ1OGwtNi4yMTUgMS4wMzFhMTIuODcxIDEyLjg3MSAwIDAgMCAzLjA5NS03Ljk3NGMuMDUtLjE2My4xMDItLjMyNy4xMDItLjUwNiAwLS45NzgtLjc5My0xLjc3MS0xLjc3MS0xLjc3MS01LjE4MSAwLTkuMzk3LTQuMjE1LTkuMzk3LTkuMzk2IDAtLjk3OC0uNzkzLTEuNzcxLTEuNzcxLTEuNzcxLS4xNzcgMC0uMzM4LjA1Mi0uNDk5LjEwMS02Ljk0LjIyNC0xMi41MiA1LjkyNS0xMi41MiAxMi45MTkgMCAzLjEyIDEuMTEgNS45ODYgMi45NTcgOC4yMjNsLTUuMTUtLjg1NGExLjc3IDEuNzcgMCAxIDAtLjU3OSAzLjQ5NWw1LjM0Ljg4Ni01LjM0Ljg4NmExLjc3IDEuNzcgMCAxIDAgLjU3OSAzLjQ5NWwxNS41ODUtMi41ODUgMTUuNTg1IDIuNTg1YTEuNzcgMS43NyAwIDAgMCAuNTc5LTMuNDk1bC01LjM0LS44ODYgNS4zNC0uODg2YTEuNzczIDEuNzczIDAgMCAwIDEuNDU3LTIuMDM5em0tMTkuNTk0LTE4LjA3YTEyLjk0OCAxMi45NDggMCAwIDAgMTAuNzYzIDEwLjc2MmMtLjczMiA0LjQ1Ny00LjU4MSA3Ljg3Ny05LjI0MyA3Ljg3Ny01LjE4MSAwLTkuMzk3LTQuMjE1LTkuMzk3LTkuMzk2IDAtNC42NiAzLjQyLTguNTEgNy44NzctOS4yNDN6IiBkYXRhLWNvbG9yPSIxIj48L3BhdGg+DQogICAgICAgIDxwYXRoIGZpbGw9IiMwMDAwMDEiIGQ9Ik0xMDAgMjBjLTQyLjI2NyAwLTc2Ljk2MiAzMi45NTYtNzkuNzkxIDc0LjUxOGExLjcyNCAxLjcyNCAwIDAgMC0uMDk3IDEuMjc3QTgwLjMxMiA4MC4zMTIgMCAwIDAgMjAgMTAwYzAgNDQuMTEyIDM1Ljg4OCA4MCA4MCA4MHM4MC0zNS44ODggODAtODAtMzUuODg4LTgwLTgwLTgwem01NC43NDEgMTMzLjMwMWExLjc0IDEuNzQgMCAwIDAtLjc2LS4xODdIMTA5LjQ2YTEuNzcxIDEuNzcxIDAgMCAwIDAgMy41NDJoNDEuODI0Yy0xMy41NzQgMTIuMjk4LTMxLjU2OCAxOS44MDEtNTEuMjgzIDE5LjgwMS00Mi4xNTggMC03Ni40NTctMzQuMjk5LTc2LjQ1Ny03Ni40NTcgMC0xLjQzOC4wNDgtMi44NjQuMTI3LTQuMjgybDIyLjczMy0yOS40MjZMNzAuMjM1IDk5LjM0YTEuNzY2IDEuNzY2IDAgMCAwIDIuNDcyLjQwMiAxLjc3MSAxLjc3MSAwIDAgMCAuNDAxLTIuNDcyTDYzLjQ2NiA4My45bDEwLjA2OS0xMy4wMzYgMTIuMjMgMTYuOTU4Yy4xLjEzOS4yNDIuMjE1LjM3LjMxNmwtMTEuODQ5IDI5LjE2MWExLjc3MiAxLjc3MiAwIDAgMCAxLjY0MSAyLjQzOGg3MC41MDdhMS43NzEgMS43NzEgMCAwIDAgMS41NTktMi42MTMgMS44NTUgMS44NTUgMCAwIDAtLjA5MS0uMzA5TDEyOC4wOTcgNjYuOTVhMS43NzIgMS43NzIgMCAwIDAtMS42NDctMS4xMTdIOTYuNDE2YTEuNTY1IDEuNTY1IDAgMCAwLS4yNjYuMDE2aC0uMDAxYTEuNzcgMS43NyAwIDAgMC0xLjIyOS43NjkgMS43NTEgMS43NTEgMCAwIDAtLjE4NS4zNTdMODcuNjU5IDg0LjM5IDc1LjAyMiA2Ni44NjhhMS43NyAxLjc3IDAgMCAwLTEuNDA4LS43MzZjLS41OTktLjA0Mi0xLjA4OS4yNDctMS40MzEuNjg4TDYxLjMwNSA4MC45MDIgNDcuODg4IDYyLjI5NWExLjc3MiAxLjc3MiAwIDAgMC0xLjQwOC0uNzM2Yy0uNTQ4LjAwNi0xLjA4OS4yNDYtMS40MzEuNjg4bC0yMC43MSAyNi44MDhDMjkuNjY1IDUyLjA2NSA2MS41NTggMjMuNTQzIDEwMCAyMy41NDNjNDIuMTU4IDAgNzYuNDU3IDM0LjI5OSA3Ni40NTcgNzYuNDU3YTc1Ljk4NCA3NS45ODQgMCAwIDEtMTAuOTYxIDM5LjQgMS43NTEgMS43NTEgMCAwIDAtLjcxMy0uMTU1SDk5LjQ1OWExLjc3MSAxLjc3MSAwIDAgMCAwIDMuNTQyaDYzLjg3M2E3Ny4wMTEgNzcuMDExIDAgMCAxLTguNTkxIDEwLjUxNHptLTI1Ljk2Ni0zNy4xMDhINzguNTZMOTUuMTg4IDc1LjI3YzIuODM0IDE4Ljk1NyAxNi4wMTIgMzQuNTgxIDMzLjU4NyA0MC45MjN6bS0zMC41OC00Ni44MTloMjcuMDU0bDE4LjM3IDQ2LjI1MWMtMjQuNzEzLTEuMzQzLTQ0LjUyMi0yMS40MjctNDUuNDI0LTQ2LjI1MXoiIGRhdGEtY29sb3I9IjEiPjwvcGF0aD4NCiAgICAgICAgPHBhdGggZmlsbD0iIzAwMDAwMSIgZD0iTTE0OC4wODYgOTMuNTI2Yy41MSAwIDEuMDE2LS4yMTkgMS4zNjctLjY0Mmw4LjE4MS05Ljg5NyA4LjE4IDkuODk3YTEuNzcyIDEuNzcyIDAgMCAwIDIuNzMtMi4yNThsLTkuNTQ1LTExLjU0OGExLjc3MSAxLjc3MSAwIDAgMC0yLjczIDBsLTkuNTQ2IDExLjU0OGExLjc3MyAxLjc3MyAwIDAgMCAxLjM2MyAyLjl6IiBkYXRhLWNvbG9yPSIxIj48L3BhdGg+DQogICAgICAgIDxwYXRoIGZpbGw9IiMwMDAwMDEiIGQ9Ik0xNTUuODYxIDk2LjA1NnYyMS42MTlhMS43NzEgMS43NzEgMCAwIDAgMy41NDIgMFY5Ni4wNTdsNi40MDggNy43NTNhMS43NzIgMS43NzIgMCAwIDAgMi43My0yLjI1OGwtOS41NDUtMTEuNTQ4YTEuNzcxIDEuNzcxIDAgMCAwLTIuNzMgMGwtOS41NDYgMTEuNTQ4YTEuNzczIDEuNzczIDAgMCAwIDIuNzMxIDIuMjU4bDYuNDEtNy43NTR6IiBkYXRhLWNvbG9yPSIxIj48L3BhdGg+DQogICAgPC9nPg0KPC9zdmc+);
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
    margin-left: .5rem;
    vertical-align: middle;
	display: inline-block;
	width: 37px;
	aspect-ratio: 1;
	background-size: cover
}

.btn-white {
    background-color: var(--w3-white);
    color: var(--w3-primary-color) !important;
}

.btn-white:active,
.btn-white:focus,
.btn-white:hover {
    background-color: var(--w3-blue-light) !important;
}
/* Booking Button */
.btn-booking > a {
    font-size: 14px;
    font-weight: 400;
	padding: 10px 2rem;
	border-radius: 5px;
	text-decoration: none !important;
	display: inline-block;
    color: var(--w3-white);
    background-color: var(--w3-primary-color);
    transition: .3s;
}

.btn-booking > a:hover {
    background-color: var(--w3-primary-color-hover);
    box-shadow: 0 8px 16px -6px rgba(31, 56, 91, .3)
}

.threew_button_wrapper {
	display: flex;
}

.align-inline {
	display: inline-flex;
}

.align-left {
	justify-content: flex-start;
}

.align-center {
	justify-content: center;
}

.align-right {
	justify-content: flex-end;
}