:root {
	--font-color: #15264b;
	--font-title-color: #1c3264;
	--body-color: #f9f9f9;
	--bodybg-color: #f6f6f6;
	--font-secondary-color: #22242c;
	--font-light-color: #a0a0b0;
	--grid_color: rgba(144, 164, 246, 0.21);
	--border_color: rgba(0, 0, 0, 0.21);
	--primary: 72, 190, 206;
	--secondary: 139, 132, 118;
	--success: 174, 204, 52;
	--danger: 299, 94, 64;
	--warning: 235, 195, 63;
	--info: 83, 90, 231;
	--light: 229, 227, 224;
	--dark: 72, 68, 61;
	--black: 0, 0, 0;
	--border_color: #ebedf0;
	--bs-dropdown-link-active-color: rgba(var(--primary), 1);
	--bs-dropdown-link-active-bg: rgba(var(--primary), 0.2);
	--facebook: 59, 89, 152;
	--twitter: 85, 172, 238;
	--pinterest: 189, 8, 28;
	--linkedin: 0, 119, 181;
	--reddit: 255, 69, 0;
	--whatsapp: 67, 216, 84;
	--gmail: 234, 67, 53;
	--telegram: 0, 64, 93;
	--youtube: 205, 32, 31;
	--vimeo: 26, 183, 234;
	--behance: 23, 105, 255;
	--github: 0, 64, 93;
	--skype: 0, 175, 240;
	--snapchat: 255, 250, 55;
	--box-shadow: 0px 0px 21px 3px rgba(var(--secondary), 0.05);
	--hover-shadow: 0 0.5rem 2rem var(--light-gray);
	--app-transition: all 0.3s ease;
	--light-gray: #f4f7f8;
	--white: #ffffff;
	--p-line-height: 1.6;
	--link-color: var(--primary-color);
	--font-size: 14px;
	--p-font-size: 14px;
	--h1-font-size: 2.5rem;
	--h2-font-size: 2rem;
	--h3-font-size: 1.75rem;
	--h4-font-size: 1.25rem;
	--h5-font-size: 1.125rem;
	--h6-font-size: 1rem;
	--btn-font-size: 15px;
	--app-border-radius: 0.8rem;
	--bs-border-radius: 0.5rem;
	--bs-accordion-inner-border-radius: 0.5rem;
}

.btn-primary {
	background-color: rgba(var(--primary), 1);
	border: 1px solid rgba(var(--primary), 1);
}

.btn-primary:hover, .btn-primary:active, .btn-primary.active,
	.btn-primary.show, .btn-primary:checked, .btn-primary:focus,
	.btn-primary:focus-visible, .btn-primary.disabled {
	background-color: rgba(var(--primary), 1) !important;
	border-color: rgba(var(--primary), 1) !important;
	transition: var(--app-transition);
}

.btn-outline-primary {
	background-color: transparent;
	color: rgba(var(--primary), 1);
	border: 1px solid rgba(var(--primary), 1) !important;
}

.btn-outline-primary:hover, .btn-outline-primary.active,
	.btn-outline-primary.show, .btn-outline-primary:checked,
	.btn-outline-primary:focus, .btn-outline-primary:focus-visible {
	background-color: rgba(var(--primary), 1);
	color: var(--white);
}

.btn-light-primary {
	background-color: rgba(var(--primary), 0.1);
	color: rgba(var(--primary), 1);
	border-color: transparent;
}

.btn-light-primary:hover, .btn-light-primary.active, .btn-light-primary.show,
	.btn-light-primary:checked, .btn-light-primary:focus,
	.btn-light-primary:focus-visible {
	background-color: rgba(var(--primary), 0.2);
	border-color: rgba(var(--primary), 1);
	color: rgba(var(--primary), 1);
}

.btn-light-primary.disabled {
	background-color: rgba(var(--primary), 0.1);
	border-color: rgba(var(--primary), 0.5);
	color: rgba(var(--primary), 0.8);
}

.btn-secondary {
	background-color: rgba(var(--secondary), 1);
	border: 1px solid rgba(var(--secondary), 1);
}

.btn-secondary:hover, .btn-secondary:active, .btn-secondary.active,
	.btn-secondary.show, .btn-secondary:checked, .btn-secondary:focus,
	.btn-secondary:focus-visible, .btn-secondary.disabled {
	background-color: rgba(var(--secondary), 1) !important;
	border-color: rgba(var(--secondary), 1) !important;
	transition: var(--app-transition);
}

.btn-outline-secondary {
	background-color: transparent;
	color: rgba(var(--secondary), 1);
	border: 1px solid rgba(var(--secondary), 1) !important;
}

.btn-outline-secondary:hover, .btn-outline-secondary.active,
	.btn-outline-secondary.show, .btn-outline-secondary:checked,
	.btn-outline-secondary:focus, .btn-outline-secondary:focus-visible {
	background-color: rgba(var(--secondary), 1);
	color: var(--white);
}

.btn-light-secondary {
	background-color: rgba(var(--secondary), 0.1);
	color: rgba(var(--secondary), 1);
	border-color: transparent;
}

.btn-light-secondary:hover, .btn-light-secondary.active,
	.btn-light-secondary.show, .btn-light-secondary:checked,
	.btn-light-secondary:focus, .btn-light-secondary:focus-visible {
	background-color: rgba(var(--secondary), 0.2);
	border-color: rgba(var(--secondary), 1);
	color: rgba(var(--secondary), 1);
}

.btn-light-secondary.disabled {
	background-color: rgba(var(--secondary), 0.1);
	border-color: rgba(var(--secondary), 0.5);
	color: rgba(var(--secondary), 0.8);
}

.btn-success {
	background-color: rgba(var(--success), 1);
	border: 1px solid rgba(var(--success), 1);
}

.btn-success:hover, .btn-success:active, .btn-success.active,
	.btn-success.show, .btn-success:checked, .btn-success:focus,
	.btn-success:focus-visible, .btn-success.disabled {
	background-color: rgba(var(--success), 1) !important;
	border-color: rgba(var(--success), 1) !important;
	transition: var(--app-transition);
}

.btn-outline-success {
	background-color: transparent;
	color: rgba(var(--success), 1);
	border: 1px solid rgba(var(--success), 1) !important;
}

.btn-outline-success:hover, .btn-outline-success.active,
	.btn-outline-success.show, .btn-outline-success:checked,
	.btn-outline-success:focus, .btn-outline-success:focus-visible {
	background-color: rgba(var(--success), 1);
	color: var(--white);
}

.btn-light-success {
	background-color: rgba(var(--success), 0.1);
	color: rgba(var(--success), 1);
	border-color: transparent;
}

.btn-light-success:hover, .btn-light-success.active, .btn-light-success.show,
	.btn-light-success:checked, .btn-light-success:focus,
	.btn-light-success:focus-visible {
	background-color: rgba(var(--success), 0.2);
	border-color: rgba(var(--success), 1);
	color: rgba(var(--success), 1);
}

.btn-light-success.disabled {
	background-color: rgba(var(--success), 0.1);
	border-color: rgba(var(--success), 0.5);
	color: rgba(var(--success), 0.8);
}

.btn-danger {
	background-color: rgba(var(--danger), 1);
	border: 1px solid rgba(var(--danger), 1);
}

.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.show,
	.btn-danger:checked, .btn-danger:focus, .btn-danger:focus-visible,
	.btn-danger.disabled {
	background-color: rgba(var(--danger), 1) !important;
	border-color: rgba(var(--danger), 1) !important;
	transition: var(--app-transition);
}

.btn-outline-danger {
	background-color: transparent;
	color: rgba(var(--danger), 1);
	border: 1px solid rgba(var(--danger), 1) !important;
}

.btn-outline-danger:hover, .btn-outline-danger.active,
	.btn-outline-danger.show, .btn-outline-danger:checked,
	.btn-outline-danger:focus, .btn-outline-danger:focus-visible {
	background-color: rgba(var(--danger), 1);
	color: var(--white);
}

.btn-light-danger {
	background-color: rgba(var(--danger), 0.1);
	color: rgba(var(--danger), 1);
	border-color: transparent;
}

.btn-light-danger:hover, .btn-light-danger.active, .btn-light-danger.show,
	.btn-light-danger:checked, .btn-light-danger:focus, .btn-light-danger:focus-visible
	{
	background-color: rgba(var(--danger), 0.2);
	border-color: rgba(var(--danger), 1);
	color: rgba(var(--danger), 1);
}

.btn-light-danger.disabled {
	background-color: rgba(var(--danger), 0.1);
	border-color: rgba(var(--danger), 0.5);
	color: rgba(var(--danger), 0.8);
}

.btn-warning {
	background-color: rgba(var(--warning), 1);
	border: 1px solid rgba(var(--warning), 1);
}

.btn-warning:hover, .btn-warning:active, .btn-warning.active,
	.btn-warning.show, .btn-warning:checked, .btn-warning:focus,
	.btn-warning:focus-visible, .btn-warning.disabled {
	background-color: rgba(var(--warning), 1) !important;
	border-color: rgba(var(--warning), 1) !important;
	transition: var(--app-transition);
}

.btn-outline-warning {
	background-color: transparent;
	color: rgba(var(--warning), 1);
	border: 1px solid rgba(var(--warning), 1) !important;
}

.btn-outline-warning:hover, .btn-outline-warning.active,
	.btn-outline-warning.show, .btn-outline-warning:checked,
	.btn-outline-warning:focus, .btn-outline-warning:focus-visible {
	background-color: rgba(var(--warning), 1);
	color: var(--white);
}

.btn-light-warning {
	background-color: rgba(var(--warning), 0.1);
	color: rgba(var(--warning), 1);
	border-color: transparent;
}

.btn-light-warning:hover, .btn-light-warning.active, .btn-light-warning.show,
	.btn-light-warning:checked, .btn-light-warning:focus,
	.btn-light-warning:focus-visible {
	background-color: rgba(var(--warning), 0.2);
	border-color: rgba(var(--warning), 1);
	color: rgba(var(--warning), 1);
}

.btn-light-warning.disabled {
	background-color: rgba(var(--warning), 0.1);
	border-color: rgba(var(--warning), 0.5);
	color: rgba(var(--warning), 0.8);
}

.btn-info {
	background-color: rgba(var(--info), 1);
	border: 1px solid rgba(var(--info), 1);
}

.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.show,
	.btn-info:checked, .btn-info:focus, .btn-info:focus-visible, .btn-info.disabled
	{
	background-color: rgba(var(--info), 1) !important;
	border-color: rgba(var(--info), 1) !important;
	transition: var(--app-transition);
}

.btn-outline-info {
	background-color: transparent;
	color: rgba(var(--info), 1);
	border: 1px solid rgba(var(--info), 1) !important;
}

.btn-outline-info:hover, .btn-outline-info.active, .btn-outline-info.show,
	.btn-outline-info:checked, .btn-outline-info:focus, .btn-outline-info:focus-visible
	{
	background-color: rgba(var(--info), 1);
	color: var(--white);
}

.btn-light-info {
	background-color: rgba(var(--info), 0.1);
	color: rgba(var(--info), 1);
	border-color: transparent;
}

.btn-light-info:hover, .btn-light-info.active, .btn-light-info.show,
	.btn-light-info:checked, .btn-light-info:focus, .btn-light-info:focus-visible
	{
	background-color: rgba(var(--info), 0.2);
	border-color: rgba(var(--info), 1);
	color: rgba(var(--info), 1);
}

.btn-light-info.disabled {
	background-color: rgba(var(--info), 0.1);
	border-color: rgba(var(--info), 0.5);
	color: rgba(var(--info), 0.8);
}

.btn-light {
	background-color: rgba(var(--light), 1);
	border: 1px solid rgba(var(--light), 1);
}

.btn-light:hover, .btn-light:active, .btn-light.active, .btn-light.show,
	.btn-light:checked, .btn-light:focus, .btn-light:focus-visible,
	.btn-light.disabled {
	background-color: rgba(var(--light), 1) !important;
	border-color: rgba(var(--light), 1) !important;
	transition: var(--app-transition);
}

.btn-outline-light {
	background-color: transparent;
	color: rgba(var(--light), 1);
	border: 1px solid rgba(var(--light), 1) !important;
}

.btn-outline-light:hover, .btn-outline-light.active, .btn-outline-light.show,
	.btn-outline-light:checked, .btn-outline-light:focus,
	.btn-outline-light:focus-visible {
	background-color: rgba(var(--light), 1);
	color: var(--white);
}

.btn-light-light {
	background-color: rgba(var(--light), 0.1);
	color: rgba(var(--light), 1);
	border-color: transparent;
}

.btn-light-light:hover, .btn-light-light.active, .btn-light-light.show,
	.btn-light-light:checked, .btn-light-light:focus, .btn-light-light:focus-visible
	{
	background-color: rgba(var(--light), 0.2);
	border-color: rgba(var(--light), 1);
	color: rgba(var(--light), 1);
}

.btn-light-light.disabled {
	background-color: rgba(var(--light), 0.1);
	border-color: rgba(var(--light), 0.5);
	color: rgba(var(--light), 0.8);
}

.btn-dark {
	background-color: rgba(var(--dark), 1);
	border: 1px solid rgba(var(--dark), 1);
}

.btn-dark:hover, .btn-dark:active, .btn-dark.active, .btn-dark.show,
	.btn-dark:checked, .btn-dark:focus, .btn-dark:focus-visible, .btn-dark.disabled
	{
	background-color: rgba(var(--dark), 1) !important;
	border-color: rgba(var(--dark), 1) !important;
	transition: var(--app-transition);
}

.btn-outline-dark {
	background-color: transparent;
	color: rgba(var(--dark), 1);
	border: 1px solid rgba(var(--dark), 1) !important;
}

.btn-outline-dark:hover, .btn-outline-dark.active, .btn-outline-dark.show,
	.btn-outline-dark:checked, .btn-outline-dark:focus, .btn-outline-dark:focus-visible
	{
	background-color: rgba(var(--dark), 1);
	color: var(--white);
}

.btn-light-dark {
	background-color: rgba(var(--dark), 0.1);
	color: rgba(var(--dark), 1);
	border-color: transparent;
}

.btn-light-dark:hover, .btn-light-dark.active, .btn-light-dark.show,
	.btn-light-dark:checked, .btn-light-dark:focus, .btn-light-dark:focus-visible
	{
	background-color: rgba(var(--dark), 0.2);
	border-color: rgba(var(--dark), 1);
	color: rgba(var(--dark), 1);
}

.btn-light-dark.disabled {
	background-color: rgba(var(--dark), 0.1);
	border-color: rgba(var(--dark), 0.5);
	color: rgba(var(--dark), 0.8);
}

.btn-facebook {
	background-color: rgba(var(--facebook), 1);
	border: 1px solid rgba(var(--facebook), 1);
}

.btn-facebook:hover, .btn-facebook:active, .btn-facebook.active,
	.btn-facebook.show, .btn-facebook:checked, .btn-facebook:focus,
	.btn-facebook:focus-visible, .btn-facebook.disabled {
	background-color: rgba(var(--facebook), 1) !important;
	border-color: rgba(var(--facebook), 1) !important;
	transition: var(--app-transition);
}

.btn-outline-facebook {
	background-color: transparent;
	color: rgba(var(--facebook), 1);
	border: 1px solid rgba(var(--facebook), 1) !important;
}

.btn-outline-facebook:hover, .btn-outline-facebook.active,
	.btn-outline-facebook.show, .btn-outline-facebook:checked,
	.btn-outline-facebook:focus, .btn-outline-facebook:focus-visible {
	background-color: rgba(var(--facebook), 1);
	color: var(--white);
}

.btn-light-facebook {
	background-color: rgba(var(--facebook), 0.1);
	color: rgba(var(--facebook), 1);
	border-color: transparent;
}

.btn-light-facebook:hover, .btn-light-facebook.active,
	.btn-light-facebook.show, .btn-light-facebook:checked,
	.btn-light-facebook:focus, .btn-light-facebook:focus-visible {
	background-color: rgba(var(--facebook), 0.2);
	border-color: rgba(var(--facebook), 1);
	color: rgba(var(--facebook), 1);
}

.btn-light-facebook.disabled {
	background-color: rgba(var(--facebook), 0.1);
	border-color: rgba(var(--facebook), 0.5);
	color: rgba(var(--facebook), 0.8);
}

.btn-twitter {
	background-color: rgba(var(--twitter), 1);
	border: 1px solid rgba(var(--twitter), 1);
}

.btn-twitter:hover, .btn-twitter:active, .btn-twitter.active,
	.btn-twitter.show, .btn-twitter:checked, .btn-twitter:focus,
	.btn-twitter:focus-visible, .btn-twitter.disabled {
	background-color: rgba(var(--twitter), 1) !important;
	border-color: rgba(var(--twitter), 1) !important;
	transition: var(--app-transition);
}

.btn-outline-twitter {
	background-color: transparent;
	color: rgba(var(--twitter), 1);
	border: 1px solid rgba(var(--twitter), 1) !important;
}

.btn-outline-twitter:hover, .btn-outline-twitter.active,
	.btn-outline-twitter.show, .btn-outline-twitter:checked,
	.btn-outline-twitter:focus, .btn-outline-twitter:focus-visible {
	background-color: rgba(var(--twitter), 1);
	color: var(--white);
}

.btn-light-twitter {
	background-color: rgba(var(--twitter), 0.1);
	color: rgba(var(--twitter), 1);
	border-color: transparent;
}

.btn-light-twitter:hover, .btn-light-twitter.active, .btn-light-twitter.show,
	.btn-light-twitter:checked, .btn-light-twitter:focus,
	.btn-light-twitter:focus-visible {
	background-color: rgba(var(--twitter), 0.2);
	border-color: rgba(var(--twitter), 1);
	color: rgba(var(--twitter), 1);
}

.btn-light-twitter.disabled {
	background-color: rgba(var(--twitter), 0.1);
	border-color: rgba(var(--twitter), 0.5);
	color: rgba(var(--twitter), 0.8);
}

.btn-pinterest {
	background-color: rgba(var(--pinterest), 1);
	border: 1px solid rgba(var(--pinterest), 1);
}

.btn-pinterest:hover, .btn-pinterest:active, .btn-pinterest.active,
	.btn-pinterest.show, .btn-pinterest:checked, .btn-pinterest:focus,
	.btn-pinterest:focus-visible, .btn-pinterest.disabled {
	background-color: rgba(var(--pinterest), 1) !important;
	border-color: rgba(var(--pinterest), 1) !important;
	transition: var(--app-transition);
}

.btn-outline-pinterest {
	background-color: transparent;
	color: rgba(var(--pinterest), 1);
	border: 1px solid rgba(var(--pinterest), 1) !important;
}

.btn-outline-pinterest:hover, .btn-outline-pinterest.active,
	.btn-outline-pinterest.show, .btn-outline-pinterest:checked,
	.btn-outline-pinterest:focus, .btn-outline-pinterest:focus-visible {
	background-color: rgba(var(--pinterest), 1);
	color: var(--white);
}

.btn-light-pinterest {
	background-color: rgba(var(--pinterest), 0.1);
	color: rgba(var(--pinterest), 1);
	border-color: transparent;
}

.btn-light-pinterest:hover, .btn-light-pinterest.active,
	.btn-light-pinterest.show, .btn-light-pinterest:checked,
	.btn-light-pinterest:focus, .btn-light-pinterest:focus-visible {
	background-color: rgba(var(--pinterest), 0.2);
	border-color: rgba(var(--pinterest), 1);
	color: rgba(var(--pinterest), 1);
}

.btn-light-pinterest.disabled {
	background-color: rgba(var(--pinterest), 0.1);
	border-color: rgba(var(--pinterest), 0.5);
	color: rgba(var(--pinterest), 0.8);
}

.btn-linkedin {
	background-color: rgba(var(--linkedin), 1);
	border: 1px solid rgba(var(--linkedin), 1);
}

.btn-linkedin:hover, .btn-linkedin:active, .btn-linkedin.active,
	.btn-linkedin.show, .btn-linkedin:checked, .btn-linkedin:focus,
	.btn-linkedin:focus-visible, .btn-linkedin.disabled {
	background-color: rgba(var(--linkedin), 1) !important;
	border-color: rgba(var(--linkedin), 1) !important;
	transition: var(--app-transition);
}

.btn-outline-linkedin {
	background-color: transparent;
	color: rgba(var(--linkedin), 1);
	border: 1px solid rgba(var(--linkedin), 1) !important;
}

.btn-outline-linkedin:hover, .btn-outline-linkedin.active,
	.btn-outline-linkedin.show, .btn-outline-linkedin:checked,
	.btn-outline-linkedin:focus, .btn-outline-linkedin:focus-visible {
	background-color: rgba(var(--linkedin), 1);
	color: var(--white);
}

.btn-light-linkedin {
	background-color: rgba(var(--linkedin), 0.1);
	color: rgba(var(--linkedin), 1);
	border-color: transparent;
}

.btn-light-linkedin:hover, .btn-light-linkedin.active,
	.btn-light-linkedin.show, .btn-light-linkedin:checked,
	.btn-light-linkedin:focus, .btn-light-linkedin:focus-visible {
	background-color: rgba(var(--linkedin), 0.2);
	border-color: rgba(var(--linkedin), 1);
	color: rgba(var(--linkedin), 1);
}

.btn-light-linkedin.disabled {
	background-color: rgba(var(--linkedin), 0.1);
	border-color: rgba(var(--linkedin), 0.5);
	color: rgba(var(--linkedin), 0.8);
}

.btn-reddit {
	background-color: rgba(var(--reddit), 1);
	border: 1px solid rgba(var(--reddit), 1);
}

.btn-reddit:hover, .btn-reddit:active, .btn-reddit.active, .btn-reddit.show,
	.btn-reddit:checked, .btn-reddit:focus, .btn-reddit:focus-visible,
	.btn-reddit.disabled {
	background-color: rgba(var(--reddit), 1) !important;
	border-color: rgba(var(--reddit), 1) !important;
	transition: var(--app-transition);
}

.btn-outline-reddit {
	background-color: transparent;
	color: rgba(var(--reddit), 1);
	border: 1px solid rgba(var(--reddit), 1) !important;
}

.btn-outline-reddit:hover, .btn-outline-reddit.active,
	.btn-outline-reddit.show, .btn-outline-reddit:checked,
	.btn-outline-reddit:focus, .btn-outline-reddit:focus-visible {
	background-color: rgba(var(--reddit), 1);
	color: var(--white);
}

.btn-light-reddit {
	background-color: rgba(var(--reddit), 0.1);
	color: rgba(var(--reddit), 1);
	border-color: transparent;
}

.btn-light-reddit:hover, .btn-light-reddit.active, .btn-light-reddit.show,
	.btn-light-reddit:checked, .btn-light-reddit:focus, .btn-light-reddit:focus-visible
	{
	background-color: rgba(var(--reddit), 0.2);
	border-color: rgba(var(--reddit), 1);
	color: rgba(var(--reddit), 1);
}

.btn-light-reddit.disabled {
	background-color: rgba(var(--reddit), 0.1);
	border-color: rgba(var(--reddit), 0.5);
	color: rgba(var(--reddit), 0.8);
}

.btn-whatsapp {
	background-color: rgba(var(--whatsapp), 1);
	border: 1px solid rgba(var(--whatsapp), 1);
}

.btn-whatsapp:hover, .btn-whatsapp:active, .btn-whatsapp.active,
	.btn-whatsapp.show, .btn-whatsapp:checked, .btn-whatsapp:focus,
	.btn-whatsapp:focus-visible, .btn-whatsapp.disabled {
	background-color: rgba(var(--whatsapp), 1) !important;
	border-color: rgba(var(--whatsapp), 1) !important;
	transition: var(--app-transition);
}

.btn-outline-whatsapp {
	background-color: transparent;
	color: rgba(var(--whatsapp), 1);
	border: 1px solid rgba(var(--whatsapp), 1) !important;
}

.btn-outline-whatsapp:hover, .btn-outline-whatsapp.active,
	.btn-outline-whatsapp.show, .btn-outline-whatsapp:checked,
	.btn-outline-whatsapp:focus, .btn-outline-whatsapp:focus-visible {
	background-color: rgba(var(--whatsapp), 1);
	color: var(--white);
}

.btn-light-whatsapp {
	background-color: rgba(var(--whatsapp), 0.1);
	color: rgba(var(--whatsapp), 1);
	border-color: transparent;
}

.btn-light-whatsapp:hover, .btn-light-whatsapp.active,
	.btn-light-whatsapp.show, .btn-light-whatsapp:checked,
	.btn-light-whatsapp:focus, .btn-light-whatsapp:focus-visible {
	background-color: rgba(var(--whatsapp), 0.2);
	border-color: rgba(var(--whatsapp), 1);
	color: rgba(var(--whatsapp), 1);
}

.btn-light-whatsapp.disabled {
	background-color: rgba(var(--whatsapp), 0.1);
	border-color: rgba(var(--whatsapp), 0.5);
	color: rgba(var(--whatsapp), 0.8);
}

.btn-gmail {
	background-color: rgba(var(--gmail), 1);
	border: 1px solid rgba(var(--gmail), 1);
}

.btn-gmail:hover, .btn-gmail:active, .btn-gmail.active, .btn-gmail.show,
	.btn-gmail:checked, .btn-gmail:focus, .btn-gmail:focus-visible,
	.btn-gmail.disabled {
	background-color: rgba(var(--gmail), 1) !important;
	border-color: rgba(var(--gmail), 1) !important;
	transition: var(--app-transition);
}

.btn-outline-gmail {
	background-color: transparent;
	color: rgba(var(--gmail), 1);
	border: 1px solid rgba(var(--gmail), 1) !important;
}

.btn-outline-gmail:hover, .btn-outline-gmail.active, .btn-outline-gmail.show,
	.btn-outline-gmail:checked, .btn-outline-gmail:focus,
	.btn-outline-gmail:focus-visible {
	background-color: rgba(var(--gmail), 1);
	color: var(--white);
}

.btn-light-gmail {
	background-color: rgba(var(--gmail), 0.1);
	color: rgba(var(--gmail), 1);
	border-color: transparent;
}

.btn-light-gmail:hover, .btn-light-gmail.active, .btn-light-gmail.show,
	.btn-light-gmail:checked, .btn-light-gmail:focus, .btn-light-gmail:focus-visible
	{
	background-color: rgba(var(--gmail), 0.2);
	border-color: rgba(var(--gmail), 1);
	color: rgba(var(--gmail), 1);
}

.btn-light-gmail.disabled {
	background-color: rgba(var(--gmail), 0.1);
	border-color: rgba(var(--gmail), 0.5);
	color: rgba(var(--gmail), 0.8);
}

.btn-telegram {
	background-color: rgba(var(--telegram), 1);
	border: 1px solid rgba(var(--telegram), 1);
}

.btn-telegram:hover, .btn-telegram:active, .btn-telegram.active,
	.btn-telegram.show, .btn-telegram:checked, .btn-telegram:focus,
	.btn-telegram:focus-visible, .btn-telegram.disabled {
	background-color: rgba(var(--telegram), 1) !important;
	border-color: rgba(var(--telegram), 1) !important;
	transition: var(--app-transition);
}

.btn-outline-telegram {
	background-color: transparent;
	color: rgba(var(--telegram), 1);
	border: 1px solid rgba(var(--telegram), 1) !important;
}

.btn-outline-telegram:hover, .btn-outline-telegram.active,
	.btn-outline-telegram.show, .btn-outline-telegram:checked,
	.btn-outline-telegram:focus, .btn-outline-telegram:focus-visible {
	background-color: rgba(var(--telegram), 1);
	color: var(--white);
}

.btn-light-telegram {
	background-color: rgba(var(--telegram), 0.1);
	color: rgba(var(--telegram), 1);
	border-color: transparent;
}

.btn-light-telegram:hover, .btn-light-telegram.active,
	.btn-light-telegram.show, .btn-light-telegram:checked,
	.btn-light-telegram:focus, .btn-light-telegram:focus-visible {
	background-color: rgba(var(--telegram), 0.2);
	border-color: rgba(var(--telegram), 1);
	color: rgba(var(--telegram), 1);
}

.btn-light-telegram.disabled {
	background-color: rgba(var(--telegram), 0.1);
	border-color: rgba(var(--telegram), 0.5);
	color: rgba(var(--telegram), 0.8);
}

.btn-youtube {
	background-color: rgba(var(--youtube), 1);
	border: 1px solid rgba(var(--youtube), 1);
}

.btn-youtube:hover, .btn-youtube:active, .btn-youtube.active,
	.btn-youtube.show, .btn-youtube:checked, .btn-youtube:focus,
	.btn-youtube:focus-visible, .btn-youtube.disabled {
	background-color: rgba(var(--youtube), 1) !important;
	border-color: rgba(var(--youtube), 1) !important;
	transition: var(--app-transition);
}

.btn-outline-youtube {
	background-color: transparent;
	color: rgba(var(--youtube), 1);
	border: 1px solid rgba(var(--youtube), 1) !important;
}

.btn-outline-youtube:hover, .btn-outline-youtube.active,
	.btn-outline-youtube.show, .btn-outline-youtube:checked,
	.btn-outline-youtube:focus, .btn-outline-youtube:focus-visible {
	background-color: rgba(var(--youtube), 1);
	color: var(--white);
}

.btn-light-youtube {
	background-color: rgba(var(--youtube), 0.1);
	color: rgba(var(--youtube), 1);
	border-color: transparent;
}

.btn-light-youtube:hover, .btn-light-youtube.active, .btn-light-youtube.show,
	.btn-light-youtube:checked, .btn-light-youtube:focus,
	.btn-light-youtube:focus-visible {
	background-color: rgba(var(--youtube), 0.2);
	border-color: rgba(var(--youtube), 1);
	color: rgba(var(--youtube), 1);
}

.btn-light-youtube.disabled {
	background-color: rgba(var(--youtube), 0.1);
	border-color: rgba(var(--youtube), 0.5);
	color: rgba(var(--youtube), 0.8);
}

.btn-vimeo {
	background-color: rgba(var(--vimeo), 1);
	border: 1px solid rgba(var(--vimeo), 1);
}

.btn-vimeo:hover, .btn-vimeo:active, .btn-vimeo.active, .btn-vimeo.show,
	.btn-vimeo:checked, .btn-vimeo:focus, .btn-vimeo:focus-visible,
	.btn-vimeo.disabled {
	background-color: rgba(var(--vimeo), 1) !important;
	border-color: rgba(var(--vimeo), 1) !important;
	transition: var(--app-transition);
}

.btn-outline-vimeo {
	background-color: transparent;
	color: rgba(var(--vimeo), 1);
	border: 1px solid rgba(var(--vimeo), 1) !important;
}

.btn-outline-vimeo:hover, .btn-outline-vimeo.active, .btn-outline-vimeo.show,
	.btn-outline-vimeo:checked, .btn-outline-vimeo:focus,
	.btn-outline-vimeo:focus-visible {
	background-color: rgba(var(--vimeo), 1);
	color: var(--white);
}

.btn-light-vimeo {
	background-color: rgba(var(--vimeo), 0.1);
	color: rgba(var(--vimeo), 1);
	border-color: transparent;
}

.btn-light-vimeo:hover, .btn-light-vimeo.active, .btn-light-vimeo.show,
	.btn-light-vimeo:checked, .btn-light-vimeo:focus, .btn-light-vimeo:focus-visible
	{
	background-color: rgba(var(--vimeo), 0.2);
	border-color: rgba(var(--vimeo), 1);
	color: rgba(var(--vimeo), 1);
}

.btn-light-vimeo.disabled {
	background-color: rgba(var(--vimeo), 0.1);
	border-color: rgba(var(--vimeo), 0.5);
	color: rgba(var(--vimeo), 0.8);
}

.btn-behance {
	background-color: rgba(var(--behance), 1);
	border: 1px solid rgba(var(--behance), 1);
}

.btn-behance:hover, .btn-behance:active, .btn-behance.active,
	.btn-behance.show, .btn-behance:checked, .btn-behance:focus,
	.btn-behance:focus-visible, .btn-behance.disabled {
	background-color: rgba(var(--behance), 1) !important;
	border-color: rgba(var(--behance), 1) !important;
	transition: var(--app-transition);
}

.btn-outline-behance {
	background-color: transparent;
	color: rgba(var(--behance), 1);
	border: 1px solid rgba(var(--behance), 1) !important;
}

.btn-outline-behance:hover, .btn-outline-behance.active,
	.btn-outline-behance.show, .btn-outline-behance:checked,
	.btn-outline-behance:focus, .btn-outline-behance:focus-visible {
	background-color: rgba(var(--behance), 1);
	color: var(--white);
}

.btn-light-behance {
	background-color: rgba(var(--behance), 0.1);
	color: rgba(var(--behance), 1);
	border-color: transparent;
}

.btn-light-behance:hover, .btn-light-behance.active, .btn-light-behance.show,
	.btn-light-behance:checked, .btn-light-behance:focus,
	.btn-light-behance:focus-visible {
	background-color: rgba(var(--behance), 0.2);
	border-color: rgba(var(--behance), 1);
	color: rgba(var(--behance), 1);
}

.btn-light-behance.disabled {
	background-color: rgba(var(--behance), 0.1);
	border-color: rgba(var(--behance), 0.5);
	color: rgba(var(--behance), 0.8);
}

.btn-github {
	background-color: rgba(var(--github), 1);
	border: 1px solid rgba(var(--github), 1);
}

.btn-github:hover, .btn-github:active, .btn-github.active, .btn-github.show,
	.btn-github:checked, .btn-github:focus, .btn-github:focus-visible,
	.btn-github.disabled {
	background-color: rgba(var(--github), 1) !important;
	border-color: rgba(var(--github), 1) !important;
	transition: var(--app-transition);
}

.btn-outline-github {
	background-color: transparent;
	color: rgba(var(--github), 1);
	border: 1px solid rgba(var(--github), 1) !important;
}

.btn-outline-github:hover, .btn-outline-github.active,
	.btn-outline-github.show, .btn-outline-github:checked,
	.btn-outline-github:focus, .btn-outline-github:focus-visible {
	background-color: rgba(var(--github), 1);
	color: var(--white);
}

.btn-light-github {
	background-color: rgba(var(--github), 0.1);
	color: rgba(var(--github), 1);
	border-color: transparent;
}

.btn-light-github:hover, .btn-light-github.active, .btn-light-github.show,
	.btn-light-github:checked, .btn-light-github:focus, .btn-light-github:focus-visible
	{
	background-color: rgba(var(--github), 0.2);
	border-color: rgba(var(--github), 1);
	color: rgba(var(--github), 1);
}

.btn-light-github.disabled {
	background-color: rgba(var(--github), 0.1);
	border-color: rgba(var(--github), 0.5);
	color: rgba(var(--github), 0.8);
}

.btn-skype {
	background-color: rgba(var(--skype), 1);
	border: 1px solid rgba(var(--skype), 1);
}

.btn-skype:hover, .btn-skype:active, .btn-skype.active, .btn-skype.show,
	.btn-skype:checked, .btn-skype:focus, .btn-skype:focus-visible,
	.btn-skype.disabled {
	background-color: rgba(var(--skype), 1) !important;
	border-color: rgba(var(--skype), 1) !important;
	transition: var(--app-transition);
}

.btn-outline-skype {
	background-color: transparent;
	color: rgba(var(--skype), 1);
	border: 1px solid rgba(var(--skype), 1) !important;
}

.btn-outline-skype:hover, .btn-outline-skype.active, .btn-outline-skype.show,
	.btn-outline-skype:checked, .btn-outline-skype:focus,
	.btn-outline-skype:focus-visible {
	background-color: rgba(var(--skype), 1);
	color: var(--white);
}

.btn-light-skype {
	background-color: rgba(var(--skype), 0.1);
	color: rgba(var(--skype), 1);
	border-color: transparent;
}

.btn-light-skype:hover, .btn-light-skype.active, .btn-light-skype.show,
	.btn-light-skype:checked, .btn-light-skype:focus, .btn-light-skype:focus-visible
	{
	background-color: rgba(var(--skype), 0.2);
	border-color: rgba(var(--skype), 1);
	color: rgba(var(--skype), 1);
}

.btn-light-skype.disabled {
	background-color: rgba(var(--skype), 0.1);
	border-color: rgba(var(--skype), 0.5);
	color: rgba(var(--skype), 0.8);
}

.btn-snapchat {
	background-color: rgba(var(--snapchat), 1);
	border: 1px solid rgba(var(--snapchat), 1);
}

.btn-snapchat:hover, .btn-snapchat:active, .btn-snapchat.active,
	.btn-snapchat.show, .btn-snapchat:checked, .btn-snapchat:focus,
	.btn-snapchat:focus-visible, .btn-snapchat.disabled {
	background-color: rgba(var(--snapchat), 1) !important;
	border-color: rgba(var(--snapchat), 1) !important;
	transition: var(--app-transition);
}

.btn-outline-snapchat {
	background-color: transparent;
	color: rgba(var(--snapchat), 1);
	border: 1px solid rgba(var(--snapchat), 1) !important;
}

.btn-outline-snapchat:hover, .btn-outline-snapchat.active,
	.btn-outline-snapchat.show, .btn-outline-snapchat:checked,
	.btn-outline-snapchat:focus, .btn-outline-snapchat:focus-visible {
	background-color: rgba(var(--snapchat), 1);
	color: var(--white);
}

.btn-light-snapchat {
	background-color: rgba(var(--snapchat), 0.1);
	color: rgba(var(--snapchat), 1);
	border-color: transparent;
}

.btn-light-snapchat:hover, .btn-light-snapchat.active,
	.btn-light-snapchat.show, .btn-light-snapchat:checked,
	.btn-light-snapchat:focus, .btn-light-snapchat:focus-visible {
	background-color: rgba(var(--snapchat), 0.2);
	border-color: rgba(var(--snapchat), 1);
	color: rgba(var(--snapchat), 1);
}

.btn-light-snapchat.disabled {
	background-color: rgba(var(--snapchat), 0.1);
	border-color: rgba(var(--snapchat), 0.5);
	color: rgba(var(--snapchat), 0.8);
}

.btn.active, .btn:hover {
	position: relative;
}

.btn.active::before, .btn:hover::before {
	content: "";
	width: 100%;
	height: 100%;
	background-color: rgba(var(--dark), 0.03);
	position: absolute;
	left: 0;
	top: 0;
	transition: all 0.3s ease;
}

.btn.btn-info {
	color: var(--white);
}

.btn.icon-btn {
	height: 37px;
	width: 37px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	z-index: 1;
}

.btn-group-xs>.btn, .btn-xs {
	padding: 3px 15px;
	font-size: 13px;
}

.btn-group-sm>.btn, .btn-sm {
	padding: 4px 20px;
	font-size: 14px;
}

.btn-group-lg>.btn, .btn-lg {
	padding: 6px 30px;
	font-size: 18px;
}

.btn-group-xl>.btn, .btn-xl {
	padding: 8px 35px;
	font-size: 20px;
}

.btn-group-xxl>.btn, .btn-xxl {
	padding: 10px 40px;
	font-size: 22px;
}

button:focus:not(:focus-visible) {
	outline: none !important;
}

.btn-group, .btn-group-vertical {
	vertical-align: middle;
	flex-wrap: wrap;
	justify-content: center;
}

.pagination .page-item.active .page-link {
	background-color: rgba(var(--primary), 1);
	border: 1px solid rgba(var(--primary), 1);
	color: #fff;
}

.custom-pagenation .pagination {
	padding: 0.5rem 1.25rem;
}

.custom-pagenation .pagination .page-item .page-link {
	border: 1px dashed rgba(var(--dark), 0.2);
	margin: 0.2rem;
	padding: 0.5rem 0.75rem;
	color: rgba(var(--dark), 0.8);
	background-color: transparent;
}

.custom-pagenation .pagination .page-item.active .page-link {
	background-color: rgba(var(--primary), 1) !important;
	color: var(--white) !important;
	border: 1px dashed rgba(var(--dark), 0.2);
}

.custom-pagenation .pagination .page-item .page-link:hover {
	background-color: rgba(var(--primary), 0.1) !important;
	color: rgba(var(--primary), 1) !important;
	border: 1px dashed rgba(var(--dark), 0.2);
}

.custom-pagenation .pagination .page-item:first-child .page-link {
	background-color: rgba(var(--secondary), 0.1) !important;
	color: rgba(var(--secondary), 1) !important;
}

.custom-pagenation .pagination .page-item:last-child .page-link {
	background-color: rgba(var(--primary), 0.1) !important;
	color: rgba(var(--primary), 1) !important;
}

.custom-pagenation .pagination-info {
	padding: 1.25rem;
	color: rgba(var(--dark), 0.8);
	font-weight: 500;
	font-size: 15px;
}

.box-layout .offer-slider-box .badge {
  font-size: 11px !important;
}

/* 투석기록 회차 */ 
.badge {
  padding: 0.3em 0.9em 0.3em;
  letter-spacing: 0.5px;
  line-height: 1.4;
  color: var(--white);
  background-color: rgba(var(--dark), 0.9);
}
.text-outline-primary {
  background-color: transparent;
  color: rgba(var(--primary), 1);
  border: 1px solid rgba(var(--primary), 1);
}
