| Server IP : 14.225.204.176 / Your IP : 216.73.216.6 Web Server : nginx/1.24.0 System : Linux nodejs-ybgk 6.8.0-40-generic #40-Ubuntu SMP PREEMPT_DYNAMIC Fri Jul 5 10:34:03 UTC 2024 x86_64 User : root ( 0) PHP Version : 8.1.34 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : OFF Directory : /var/www/html/php/zinisoft.net-react/.next/static/css/app/ |
Upload File : |
/*!*****************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[11].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[11].oneOf[12].use[3]!./node_modules/slick-carousel/slick/slick.css ***!
\*****************************************************************************************************************************************************************************************************************************************************************************************/
/* Slider */
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[11].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[11].oneOf[12].use[3]!./node_modules/slick-carousel/slick/slick-theme.css ***!
\***********************************************************************************************************************************************************************************************************************************************************************************************/
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
background: #fff url(/_next/static/media/ajax-loader.0b80f665.gif) center center no-repeat;
}
/* Icons */
@font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(/_next/static/media/slick.25572f22.eot);
src: url(/_next/static/media/slick.25572f22.eot?#iefix) format('embedded-opentype'), url(/_next/static/media/slick.653a4cbb.woff) format('woff'), url(/_next/static/media/slick.6aa1ee46.ttf) format('truetype'), url(/_next/static/media/slick.f895cfdf.svg#slick) format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
}
/* Dots */
.slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[11].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[11].oneOf[12].use[3]!./node_modules/photoswipe/dist/photoswipe.css ***!
\*****************************************************************************************************************************************************************************************************************************************************************************************/
/*! PhotoSwipe main CSS by Dmytro Semenov | photoswipe.com */
.pswp {
--pswp-bg: #000;
--pswp-placeholder-bg: #222;
--pswp-root-z-index: 100000;
--pswp-preloader-color: rgba(79, 79, 79, 0.4);
--pswp-preloader-color-secondary: rgba(255, 255, 255, 0.9);
/* defined via js:
--pswp-transition-duration: 333ms; */
--pswp-icon-color: #fff;
--pswp-icon-color-secondary: #4f4f4f;
--pswp-icon-stroke-color: #4f4f4f;
--pswp-icon-stroke-width: 2px;
--pswp-error-text-color: var(--pswp-icon-color);
}
/*
Styles for basic PhotoSwipe (pswp) functionality (sliding area, open/close transitions)
*/
.pswp {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: var(--pswp-root-z-index);
display: none;
touch-action: none;
outline: 0;
opacity: 0.003;
contain: layout style size;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* Prevents focus outline on the root element,
(it may be focused initially) */
.pswp:focus {
outline: 0;
}
.pswp * {
box-sizing: border-box;
}
.pswp img {
max-width: none;
}
.pswp--open {
display: block;
}
.pswp,
.pswp__bg {
transform: translateZ(0);
will-change: opacity;
}
.pswp__bg {
opacity: 0.005;
background: var(--pswp-bg);
}
.pswp,
.pswp__scroll-wrap {
overflow: hidden;
}
.pswp__scroll-wrap,
.pswp__bg,
.pswp__container,
.pswp__item,
.pswp__content,
.pswp__img,
.pswp__zoom-wrap {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.pswp__img,
.pswp__zoom-wrap {
width: auto;
height: auto;
}
.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img {
cursor: zoom-in;
}
.pswp--click-to-zoom.pswp--zoomed-in .pswp__img {
cursor: move;
cursor: -webkit-grab;
cursor: grab;
}
.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active {
cursor: -webkit-grabbing;
cursor: grabbing;
}
/* :active to override grabbing cursor */
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,
.pswp__img {
cursor: zoom-out;
}
/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img,
.pswp__button,
.pswp__counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.pswp__item {
/* z-index for fade transition */
z-index: 1;
overflow: hidden;
}
.pswp__hidden {
display: none !important;
}
/* Allow to click through pswp__content element, but not its children */
.pswp__content {
pointer-events: none;
}
.pswp__content > * {
pointer-events: auto;
}
/*
PhotoSwipe UI
*/
/*
Error message appears when image is not loaded
(JS option errorMsg controls markup)
*/
.pswp__error-msg-container {
display: grid;
}
.pswp__error-msg {
margin: auto;
font-size: 1em;
line-height: 1;
color: var(--pswp-error-text-color);
}
/*
class pswp__hide-on-close is applied to elements that
should hide (for example fade out) when PhotoSwipe is closed
and show (for example fade in) when PhotoSwipe is opened
*/
.pswp .pswp__hide-on-close {
opacity: 0.005;
will-change: opacity;
transition: opacity var(--pswp-transition-duration) cubic-bezier(0.4, 0, 0.22, 1);
z-index: 10; /* always overlap slide content */
pointer-events: none; /* hidden elements should not be clickable */
}
/* class pswp--ui-visible is added when opening or closing transition starts */
.pswp--ui-visible .pswp__hide-on-close {
opacity: 1;
pointer-events: auto;
}
/* <button> styles, including css reset */
.pswp__button {
position: relative;
display: block;
width: 50px;
height: 60px;
padding: 0;
margin: 0;
overflow: hidden;
cursor: pointer;
background: none;
border: 0;
box-shadow: none;
opacity: 0.85;
-webkit-appearance: none;
-webkit-touch-callout: none;
}
.pswp__button:hover,
.pswp__button:active,
.pswp__button:focus {
transition: none;
padding: 0;
background: none;
border: 0;
box-shadow: none;
opacity: 1;
}
.pswp__button:disabled {
opacity: 0.3;
cursor: auto;
}
.pswp__icn {
fill: var(--pswp-icon-color);
color: var(--pswp-icon-color-secondary);
}
.pswp__icn {
position: absolute;
top: 14px;
left: 9px;
width: 32px;
height: 32px;
overflow: hidden;
pointer-events: none;
}
.pswp__icn-shadow {
stroke: var(--pswp-icon-stroke-color);
stroke-width: var(--pswp-icon-stroke-width);
fill: none;
}
.pswp__icn:focus {
outline: 0;
}
/*
div element that matches size of large image,
large image loads on top of it,
used when msrc is not provided
*/
div.pswp__img--placeholder,
.pswp__img--with-bg {
background: var(--pswp-placeholder-bg);
}
.pswp__top-bar {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 60px;
display: flex;
flex-direction: row;
justify-content: flex-end;
z-index: 10;
/* allow events to pass through top bar itself */
pointer-events: none !important;
}
.pswp__top-bar > * {
pointer-events: auto;
/* this makes transition significantly more smooth,
even though inner elements are not animated */
will-change: opacity;
}
/*
Close button
*/
.pswp__button--close {
margin-right: 6px;
}
/*
Arrow buttons
*/
.pswp__button--arrow {
position: absolute;
top: 0;
width: 75px;
height: 100px;
top: 50%;
margin-top: -50px;
}
.pswp__button--arrow:disabled {
display: none;
cursor: default;
}
.pswp__button--arrow .pswp__icn {
top: 50%;
margin-top: -30px;
width: 60px;
height: 60px;
background: none;
border-radius: 0;
}
.pswp--one-slide .pswp__button--arrow {
display: none;
}
/* hide arrows on touch screens */
.pswp--touch .pswp__button--arrow {
visibility: hidden;
}
/* show arrows only after mouse was used */
.pswp--has_mouse .pswp__button--arrow {
visibility: visible;
}
.pswp__button--arrow--prev {
right: auto;
left: 0px;
}
.pswp__button--arrow--next {
right: 0px;
}
.pswp__button--arrow--next .pswp__icn {
left: auto;
right: 14px;
/* flip horizontally */
transform: scale(-1, 1);
}
/*
Zoom button
*/
.pswp__button--zoom {
display: none;
}
.pswp--zoom-allowed .pswp__button--zoom {
display: block;
}
/* "+" => "-" */
.pswp--zoomed-in .pswp__zoom-icn-bar-v {
display: none;
}
/*
Loading indicator
*/
.pswp__preloader {
position: relative;
overflow: hidden;
width: 50px;
height: 60px;
margin-right: auto;
}
.pswp__preloader .pswp__icn {
opacity: 0;
transition: opacity 0.2s linear;
animation: pswp-clockwise 600ms linear infinite;
}
.pswp__preloader--active .pswp__icn {
opacity: 0.85;
}
@keyframes pswp-clockwise {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
/*
"1 of 10" counter
*/
.pswp__counter {
height: 30px;
margin-top: 15px;
-webkit-margin-start: 20px;
margin-inline-start: 20px;
font-size: 14px;
line-height: 30px;
color: var(--pswp-icon-color);
text-shadow: 1px 1px 3px var(--pswp-icon-color-secondary);
opacity: 0.85;
}
.pswp--one-slide .pswp__counter {
display: none;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[11].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[11].oneOf[12].use[3]!./node_modules/aos/dist/aos.css ***!
\***************************************************************************************************************************************************************************************************************************************************************************/
[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}
/*!************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[11].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[11].oneOf[12].use[3]!./node_modules/react-pro-sidebar/dist/css/styles.css ***!
\************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes swing {
0%,
30%,
50%,
70%,
100% {
transform: rotate(0deg); }
10% {
transform: rotate(10deg); }
40% {
transform: rotate(-10deg); }
60% {
transform: rotate(5deg); }
80% {
transform: rotate(-5deg); } }
.pro-sidebar {
color: #adadad;
height: 100%;
width: 270px;
min-width: 270px;
text-align: left;
transition: width, left, right, 0.3s;
position: relative;
z-index: 1009; }
.pro-sidebar > .pro-sidebar-inner {
background: #1d1d1d;
height: 100%;
position: relative;
z-index: 101; }
.pro-sidebar > .pro-sidebar-inner > img.sidebar-bg {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
position: absolute;
opacity: 0.3;
left: 0;
top: 0;
z-index: 100; }
.pro-sidebar > .pro-sidebar-inner > .pro-sidebar-layout {
height: 100%;
overflow-y: auto;
overflow-x: hidden;
position: relative;
display: flex;
flex-direction: column;
z-index: 101; }
.pro-sidebar > .pro-sidebar-inner > .pro-sidebar-layout .pro-sidebar-header {
border-bottom: 1px solid rgba(173, 173, 173, 0.2); }
.pro-sidebar > .pro-sidebar-inner > .pro-sidebar-layout .pro-sidebar-content {
flex-grow: 1; }
.pro-sidebar > .pro-sidebar-inner > .pro-sidebar-layout .pro-sidebar-footer {
border-top: 1px solid rgba(173, 173, 173, 0.2); }
.pro-sidebar > .pro-sidebar-inner > .pro-sidebar-layout ul {
list-style-type: none;
padding: 0;
margin: 0; }
.pro-sidebar .overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.3);
z-index: 100;
display: none; }
.pro-sidebar.collapsed {
width: 80px;
min-width: 80px; }
.pro-sidebar.rtl {
text-align: right;
direction: rtl; }
@media (max-width: 480px) {
.pro-sidebar.xs {
position: fixed;
left: -270px; }
.pro-sidebar.xs.collapsed {
left: -80px; }
.pro-sidebar.xs.toggled {
left: 0; }
.pro-sidebar.xs.toggled .overlay {
display: block; }
.pro-sidebar.xs.rtl {
left: auto;
right: -270px; }
.pro-sidebar.xs.rtl.collapsed {
left: auto;
right: -80px; }
.pro-sidebar.xs.rtl.toggled {
left: auto;
right: 0; } }
@media (max-width: 576px) {
.pro-sidebar.sm {
position: fixed;
left: -270px; }
.pro-sidebar.sm.collapsed {
left: -80px; }
.pro-sidebar.sm.toggled {
left: 0; }
.pro-sidebar.sm.toggled .overlay {
display: block; }
.pro-sidebar.sm.rtl {
left: auto;
right: -270px; }
.pro-sidebar.sm.rtl.collapsed {
left: auto;
right: -80px; }
.pro-sidebar.sm.rtl.toggled {
left: auto;
right: 0; } }
@media (max-width: 768px) {
.pro-sidebar.md {
position: fixed;
left: -270px; }
.pro-sidebar.md.collapsed {
left: -80px; }
.pro-sidebar.md.toggled {
left: 0; }
.pro-sidebar.md.toggled .overlay {
display: block; }
.pro-sidebar.md.rtl {
left: auto;
right: -270px; }
.pro-sidebar.md.rtl.collapsed {
left: auto;
right: -80px; }
.pro-sidebar.md.rtl.toggled {
left: auto;
right: 0; } }
@media (max-width: 992px) {
.pro-sidebar.lg {
position: fixed;
left: -270px; }
.pro-sidebar.lg.collapsed {
left: -80px; }
.pro-sidebar.lg.toggled {
left: 0; }
.pro-sidebar.lg.toggled .overlay {
display: block; }
.pro-sidebar.lg.rtl {
left: auto;
right: -270px; }
.pro-sidebar.lg.rtl.collapsed {
left: auto;
right: -80px; }
.pro-sidebar.lg.rtl.toggled {
left: auto;
right: 0; } }
@media (max-width: 1200px) {
.pro-sidebar.xl {
position: fixed;
left: -270px; }
.pro-sidebar.xl.collapsed {
left: -80px; }
.pro-sidebar.xl.toggled {
left: 0; }
.pro-sidebar.xl.toggled .overlay {
display: block; }
.pro-sidebar.xl.rtl {
left: auto;
right: -270px; }
.pro-sidebar.xl.rtl.collapsed {
left: auto;
right: -80px; }
.pro-sidebar.xl.rtl.toggled {
left: auto;
right: 0; } }
@media (max-width: 1600px) {
.pro-sidebar.xxl {
position: fixed;
left: -270px; }
.pro-sidebar.xxl.collapsed {
left: -80px; }
.pro-sidebar.xxl.toggled {
left: 0; }
.pro-sidebar.xxl.toggled .overlay {
display: block; }
.pro-sidebar.xxl.rtl {
left: auto;
right: -270px; }
.pro-sidebar.xxl.rtl.collapsed {
left: auto;
right: -80px; }
.pro-sidebar.xxl.rtl.toggled {
left: auto;
right: 0; } }
.pro-sidebar .pro-menu.submenu-bullets .pro-menu-item.pro-sub-menu .pro-inner-list-item .pro-inner-item:before {
content: '';
display: inline-block;
width: 4px;
min-width: 4px;
height: 4px;
border: 1px solid #2b2b2b;
border-radius: 50%;
margin-right: 15px;
position: relative;
box-shadow: 1px 0px 0px #adadad, 0px -1px 0px #adadad, 0px 1px 0px #adadad, -1px 0px 0px #adadad; }
.pro-sidebar .pro-menu .pro-menu-item > .pro-inner-item > .pro-item-content {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.pro-sidebar .pro-menu {
padding-top: 10px;
padding-bottom: 10px; }
.pro-sidebar .pro-menu > ul > .pro-sub-menu > .pro-inner-list-item {
position: relative;
background-color: #2b2b2b; }
.pro-sidebar .pro-menu > ul > .pro-sub-menu > .pro-inner-list-item > div > ul {
padding-top: 15px;
padding-bottom: 15px; }
.pro-sidebar .pro-menu a {
text-decoration: none;
color: #adadad; }
.pro-sidebar .pro-menu a:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: transparent; }
.pro-sidebar .pro-menu a:hover {
color: #d8d8d8; }
.pro-sidebar .pro-menu .pro-menu-item {
font-size: 15px; }
.pro-sidebar .pro-menu .pro-menu-item.active {
color: #d8d8d8; }
.pro-sidebar .pro-menu .pro-menu-item .suffix-wrapper {
opacity: 1;
transition: opacity 0.2s; }
.pro-sidebar .pro-menu .pro-menu-item .prefix-wrapper {
display: flex;
margin-right: 5px;
opacity: 1;
transition: opacity 0.2s; }
.pro-sidebar .pro-menu .pro-menu-item > .pro-inner-item {
position: relative;
display: flex;
align-items: center;
padding: 8px 35px 8px 20px;
cursor: pointer; }
.pro-sidebar .pro-menu .pro-menu-item > .pro-inner-item:focus {
outline: none;
color: #d8d8d8; }
.pro-sidebar .pro-menu .pro-menu-item > .pro-inner-item > .pro-icon-wrapper {
margin-right: 10px;
font-size: 14px;
width: 35px;
min-width: 35px;
height: 35px;
line-height: 35px;
text-align: center;
display: inline-block; }
.pro-sidebar .pro-menu .pro-menu-item > .pro-inner-item > .pro-icon-wrapper .pro-icon {
display: flex;
height: 100%;
align-items: center;
justify-content: center; }
.pro-sidebar .pro-menu .pro-menu-item > .pro-inner-item > .pro-item-content {
flex-grow: 1;
flex-shrink: 1; }
.pro-sidebar .pro-menu .pro-menu-item > .pro-inner-item:hover {
color: #d8d8d8; }
.pro-sidebar .pro-menu .pro-menu-item > .pro-inner-item:hover .pro-icon-wrapper .pro-icon {
animation: swing ease-in-out 0.5s 1 alternate; }
.pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu > .pro-inner-item:before {
background: #adadad; }
.pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu > .pro-inner-item > .pro-arrow-wrapper {
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%); }
.pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu > .pro-inner-item > .pro-arrow-wrapper .pro-arrow {
display: inline-block;
border-style: solid;
border-color: #adadad;
border-width: 0 2px 2px 0;
padding: 2.5px;
vertical-align: middle;
transition: transform 0.3s;
transform: rotate(-45deg); }
.pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu.open > .pro-inner-item:before {
background: transparent !important; }
.pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu.open > .pro-inner-item > .pro-arrow-wrapper .pro-arrow {
transform: rotate(45deg); }
.pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu .pro-inner-list-item {
padding-left: 24px; }
.pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu .pro-inner-list-item .pro-inner-item {
padding: 8px 30px 8px 15px; }
.pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu .pro-inner-list-item .pro-inner-item > .pro-icon-wrapper {
background: none;
width: auto;
min-width: auto;
height: auto;
line-height: auto; }
.pro-sidebar .pro-menu:not(.inner-submenu-arrows) .pro-inner-list-item .pro-menu-item.pro-sub-menu .pro-inner-item .pro-arrow-wrapper {
display: none; }
.pro-sidebar .pro-menu.shaped .pro-menu-item > .pro-inner-item > .pro-icon-wrapper {
background-color: #2b2b2b; }
.pro-sidebar .pro-menu.square .pro-menu-item > .pro-inner-item > .pro-icon-wrapper {
border-radius: 0; }
.pro-sidebar .pro-menu.round .pro-menu-item > .pro-inner-item > .pro-icon-wrapper {
border-radius: 4px; }
.pro-sidebar .pro-menu.circle .pro-menu-item > .pro-inner-item > .pro-icon-wrapper {
border-radius: 50%; }
.pro-sidebar.collapsed .pro-menu > ul > .pro-menu-item {
position: relative; }
.pro-sidebar.collapsed .pro-menu > ul > .pro-menu-item > .pro-inner-item > .suffix-wrapper,
.pro-sidebar.collapsed .pro-menu > ul > .pro-menu-item > .pro-inner-item > .prefix-wrapper {
opacity: 0; }
.pro-sidebar.collapsed .pro-menu > ul > .pro-menu-item > .pro-inner-list-item {
background-color: #2b2b2b;
z-index: 111; }
.pro-sidebar.collapsed .pro-menu > ul > .pro-menu-item::before {
content: '';
display: inline-block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
cursor: pointer; }
.pro-sidebar.collapsed .pro-menu > ul > .pro-menu-item.pro-sub-menu {
position: relative; }
.pro-sidebar.collapsed .pro-menu > ul > .pro-menu-item.pro-sub-menu > .pro-inner-item {
pointer-events: none; }
.pro-sidebar.collapsed .pro-menu > ul > .pro-menu-item.pro-sub-menu > .pro-inner-item > .pro-arrow-wrapper {
display: none; }
.pro-sidebar.collapsed .pro-menu > ul > .pro-menu-item.pro-sub-menu > .pro-inner-list-item {
height: auto !important;
position: fixed;
visibility: hidden;
min-width: 220px;
max-width: 270px;
background-color: transparent;
max-height: 100%;
padding-left: 3px; }
.pro-sidebar.collapsed .pro-menu > ul > .pro-menu-item.pro-sub-menu > .pro-inner-list-item.has-arrow {
padding-left: 10px; }
.pro-sidebar.collapsed .pro-menu > ul > .pro-menu-item.pro-sub-menu > .pro-inner-list-item > .popper-inner {
max-height: 100vh;
overflow-y: auto;
background-color: #2b2b2b;
padding-left: 20px;
border-radius: 4px; }
.pro-sidebar.collapsed .pro-menu > ul > .pro-menu-item.pro-sub-menu:hover > .pro-inner-list-item {
transition: visibility, transform 0.3s;
visibility: visible; }
.pro-sidebar.collapsed .pro-menu > ul > .pro-menu-item.pro-sub-menu:hover .pro-icon-wrapper .pro-icon {
animation: swing ease-in-out 0.5s 1 alternate; }
.pro-sidebar.collapsed .pro-menu > ul > .pro-menu-item.pro-sub-menu .pro-inner-list-item .pro-sub-menu-item,
.pro-sidebar.collapsed .pro-menu > ul > .pro-menu-item.pro-sub-menu .pro-inner-list-item .pro-inner-item {
padding: 8px 30px 8px 5px; }
.pro-sidebar.rtl .pro-menu .pro-menu-item .prefix-wrapper {
margin-right: 0;
margin-left: 5px; }
.pro-sidebar.rtl .pro-menu .pro-menu-item > .pro-inner-item {
padding: 8px 20px 8px 35px; }
.pro-sidebar.rtl .pro-menu .pro-menu-item > .pro-inner-item > .pro-icon-wrapper {
margin-right: 0;
margin-left: 10px; }
.pro-sidebar.rtl .pro-menu .pro-menu-item.pro-sub-menu > .pro-inner-item > .pro-arrow-wrapper {
right: auto;
left: 20px; }
.pro-sidebar.rtl .pro-menu .pro-menu-item.pro-sub-menu > .pro-inner-item > .pro-arrow-wrapper .pro-arrow {
transform: rotate(135deg); }
.pro-sidebar.rtl .pro-menu .pro-menu-item.pro-sub-menu.open > .pro-inner-item > .pro-arrow-wrapper .pro-arrow {
transform: rotate(45deg); }
.pro-sidebar.rtl .pro-menu .pro-menu-item.pro-sub-menu .pro-inner-list-item {
padding-left: 0;
padding-right: 24px; }
.pro-sidebar.rtl .pro-menu .pro-menu-item.pro-sub-menu .pro-inner-list-item .pro-inner-item {
padding: 8px 15px 8px 30px; }
.pro-sidebar.rtl .pro-menu .pro-menu-item.pro-sub-menu .pro-inner-list-item .pro-inner-item:before {
margin-right: 0;
margin-left: 15px; }
.pro-sidebar.rtl.collapsed .pro-menu > ul > .pro-menu-item.pro-sub-menu > .pro-inner-list-item {
padding-left: 0;
padding-right: 3px; }
.pro-sidebar.rtl.collapsed .pro-menu > ul > .pro-menu-item.pro-sub-menu > .pro-inner-list-item.has-arrow {
padding-right: 10px; }
.pro-sidebar.rtl.collapsed .pro-menu > ul > .pro-menu-item.pro-sub-menu > .pro-inner-list-item > .popper-inner {
padding-left: 0;
padding-right: 20px; }
.pro-sidebar.rtl.collapsed .pro-menu > ul > .pro-menu-item.pro-sub-menu .pro-inner-list-item .pro-sub-menu-item,
.pro-sidebar.rtl.collapsed .pro-menu > ul > .pro-menu-item.pro-sub-menu .pro-inner-list-item .pro-inner-item {
padding: 8px 5px 8px 30px; }
.popper-arrow {
position: absolute;
z-index: -1;
width: 0;
height: 0;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent; }
.popper-element[data-popper-placement^='left'] > .popper-arrow {
right: 0;
border-right: 7px solid #2b2b2b; }
.popper-element[data-popper-placement^='right'] > .popper-arrow {
left: 0;
border-left: 7px solid #2b2b2b; }
.react-slidedown {
height: 0;
transition-property: none;
transition-duration: 0.2s;
transition-timing-function: ease-in-out; }
.react-slidedown.transitioning {
overflow-y: hidden; }
.react-slidedown.closed {
display: none; }
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[11].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[11].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[11].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[11].oneOf[13].use[5]!./public/assets/fonts/CerebriSans/style.css ***!
\*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
font-family: "Cerebri Sans";
font-weight: 300;
font-style: normal;
src: url(/_next/static/media/CerebriSans-Light.42b86aac.woff2) format("woff2");
}
@font-face {
font-family: "Cerebri Sans";
font-weight: normal;
font-style: normal;
src: url(/_next/static/media/CerebriSans-Regular.1094f1f9.woff2) format("woff2");
}
@font-face {
font-family: "Cerebri Sans";
font-weight: 600;
font-style: normal;
src: url(/_next/static/media/CerebriSans-SemiBold.7575979e.woff2) format("woff2");
}
@font-face {
font-family: "Cerebri Sans";
font-weight: 700;
font-style: normal;
src: url(/_next/static/media/CerebriSans-Bold.d0e7c979.woff2) format("woff2");
}
@font-face {
font-family: "Cerebri Sans";
font-weight: 800;
font-style: normal;
src: url(/_next/static/media/CerebriSans-ExtraBold.a87346eb.woff2) format("woff2");
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[11].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[11].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[11].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[11].oneOf[13].use[5]!./public/assets/fonts/LineIcons-PRO/WebFonts/Pro-Light/font-css/LinIconsPro-Light.css ***!
\***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*--------------------------------
LineIconsPro Light Web Font
Generated using nucleoapp.com
-------------------------------- */
@font-face {
font-family: "LineIconsPro Light";
src: url("/_next/static/media/LineIconsPro Light.600e1f91.eot");
src: url("/_next/static/media/LineIconsPro Light.600e1f91.eot") format("embedded-opentype"), url("/_next/static/media/LineIconsPro Light.40fd9658.woff2") format("woff2"), url("/_next/static/media/LineIconsPro Light.ce7ae146.woff") format("woff"), url("/_next/static/media/LineIconsPro Light.c18137be.ttf") format("truetype"), url("/_next/static/media/LineIconsPro Light.24be3b0a.svg") format("svg");
font-weight: normal;
font-style: normal;
}
/*------------------------
base class definition
-------------------------*/
.lnil {
display: inline-block;
font: normal normal normal 1em/1 "LineIconsPro Light";
speak: none;
text-transform: none;
/* Better Font Rendering */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/*------------------------
change icon size
-------------------------*/
/* relative units */
.lnil-sm {
font-size: 0.8em;
}
.lnil-lg {
font-size: 1.2em;
}
/* absolute units */
.lnil-16 {
font-size: 16px;
}
.lnil-32 {
font-size: 32px;
}
/*----------------------------------
add a square/circle background
-----------------------------------*/
.lnil-bg-square,
.lnil-bg-circle {
padding: 0.35em;
background-color: #eee;
}
.lnil-bg-circle {
border-radius: 50%;
}
/*------------------------------------
use icons as list item markers
-------------------------------------*/
.lnil-ul {
padding-left: 0;
list-style-type: none;
}
.lnil-ul > li {
display: flex;
align-items: flex-start;
line-height: 1.4;
}
.lnil-ul > li > .lnil {
margin-right: 0.4em;
line-height: inherit;
}
/*------------------------
spinning icons
-------------------------*/
.lnil-is-spinning {
animation: lnil-spin 2s infinite linear;
}
@keyframes lnil-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/*------------------------
rotated/flipped icons
-------------------------*/
.lnil-rotate-90 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
transform: rotate(90deg);
}
.lnil-rotate-180 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
transform: rotate(180deg);
}
.lnil-rotate-270 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
transform: rotate(270deg);
}
.lnil-flip-y {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
transform: scale(-1, 1);
}
.lnil-flip-x {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
transform: scale(1, -1);
}
/*------------------------
icons
-------------------------*/
.lnil-air-flow::before {
content: "\ea02";
}
.lnil-air::before {
content: "\ea03";
}
.lnil-cloud-moon::before {
content: "\ea04";
}
.lnil-cloud-sun::before {
content: "\ea05";
}
.lnil-cloud-alt::before {
content: "\ea06";
}
.lnil-cloudy-sun::before {
content: "\ea07";
}
.lnil-cloud-alt-2::before {
content: "\ea08";
}
.lnil-drop::before {
content: "\ea09";
}
.lnil-farenheit::before {
content: "\ea0a";
}
.lnil-moon-star::before {
content: "\ea0b";
}
.lnil-cloud::before {
content: "\ea0c";
}
.lnil-night-thunder::before {
content: "\ea0d";
}
.lnil-drop-alt::before {
content: "\ea0e";
}
.lnil-night::before {
content: "\ea0f";
}
.lnil-rain::before {
content: "\ea10";
}
.lnil-snowfall::before {
content: "\ea11";
}
.lnil-sun-rain::before {
content: "\ea12";
}
.lnil-sun::before {
content: "\ea13";
}
.lnil-thunder-alt::before {
content: "\ea14";
}
.lnil-thunder::before {
content: "\ea15";
}
.lnil-umbrella-alt::before {
content: "\ea16";
}
.lnil-umbrella-rain-alt::before {
content: "\ea17";
}
.lnil-umbrella-rain::before {
content: "\ea18";
}
.lnil-umbrella::before {
content: "\ea19";
}
.lnil-water-drops::before {
content: "\ea1a";
}
.lnil-wind-cloud::before {
content: "\ea1b";
}
.lnil-wind-sun::before {
content: "\ea1c";
}
.lnil-cloud-alt-1::before {
content: "\ea1d";
}
.lnil-night-wind::before {
content: "\ea1e";
}
.lnil-moon::before {
content: "\ea1f";
}
.lnil-beach-chair::before {
content: "\ea20";
}
.lnil-beach::before {
content: "\ea21";
}
.lnil-hot-air-baloon::before {
content: "\ea22";
}
.lnil-cable-car::before {
content: "\ea23";
}
.lnil-suitcase-alt::before {
content: "\ea24";
}
.lnil-suitcase::before {
content: "\ea25";
}
.lnil-surf-board::before {
content: "\ea26";
}
.lnil-tent-alt::before {
content: "\ea27";
}
.lnil-tent::before {
content: "\ea28";
}
.lnil-travel::before {
content: "\ea29";
}
.lnil-pyramids::before {
content: "\ea2a";
}
.lnil-flight-search::before {
content: "\ea2b";
}
.lnil-beachball::before {
content: "\ea2c";
}
.lnil-3d::before {
content: "\ea2d";
}
.lnil-Mobile::before {
content: "\ea2e";
}
.lnil-alarm-2::before {
content: "\ea2f";
}
.lnil-alarm-3::before {
content: "\ea30";
}
.lnil-alarm-4::before {
content: "\ea31";
}
.lnil-alarm-clock-alt::before {
content: "\ea32";
}
.lnil-add-files::before {
content: "\ea33";
}
.lnil-ai::before {
content: "\ea34";
}
.lnil-alarm-clock::before {
content: "\ea35";
}
.lnil-archive::before {
content: "\ea36";
}
.lnil-backspace::before {
content: "\ea37";
}
.lnil-ban::before {
content: "\ea38";
}
.lnil-battery::before {
content: "\ea39";
}
.lnil-block-user::before {
content: "\ea3a";
}
.lnil-bluetooth::before {
content: "\ea3b";
}
.lnil-bookmark-alt::before {
content: "\ea3c";
}
.lnil-bookmark::before {
content: "\ea3d";
}
.lnil-brightness::before {
content: "\ea3e";
}
.lnil-bulb-alt::before {
content: "\ea3f";
}
.lnil-bulb::before {
content: "\ea40";
}
.lnil-calendar::before {
content: "\ea41";
}
.lnil-calender-alt-1::before {
content: "\ea42";
}
.lnil-calender-alt-2::before {
content: "\ea43";
}
.lnil-calender-alt-3::before {
content: "\ea44";
}
.lnil-calender-alt-4::before {
content: "\ea45";
}
.lnil-calender-alt::before {
content: "\ea46";
}
.lnil-camera-alt-1::before {
content: "\ea47";
}
.lnil-camera-alt::before {
content: "\ea48";
}
.lnil-camera::before {
content: "\ea49";
}
.lnil-change::before {
content: "\ea4a";
}
.lnil-charging::before {
content: "\ea4b";
}
.lnil-cloud-check-alt::before {
content: "\ea4c";
}
.lnil-cloud-check::before {
content: "\ea4d";
}
.lnil-cloud-computing-alt::before {
content: "\ea4e";
}
.lnil-cloud-computing::before {
content: "\ea4f";
}
.lnil-Website::before {
content: "\ea50";
}
.lnil-alarm::before {
content: "\ea51";
}
.lnil-cloud-network-alt::before {
content: "\ea52";
}
.lnil-cloud-network::before {
content: "\ea53";
}
.lnil-cloud-search-1::before {
content: "\ea54";
}
.lnil-cloud-search-2::before {
content: "\ea55";
}
.lnil-cloud-search::before {
content: "\ea56";
}
.lnil-cloud-sync-alt::before {
content: "\ea57";
}
.lnil-cloud-sync::before {
content: "\ea58";
}
.lnil-cloud-download-alt::before {
content: "\ea59";
}
.lnil-cloud-download::before {
content: "\ea5a";
}
.lnil-appointment::before {
content: "\ea5b";
}
.lnil-cloud-upload-alt::before {
content: "\ea5c";
}
.lnil-cloud-upload::before {
content: "\ea5d";
}
.lnil-code-alt::before {
content: "\ea5e";
}
.lnil-code::before {
content: "\ea5f";
}
.lnil-cog::before {
content: "\ea60";
}
.lnil-cogs::before {
content: "\ea61";
}
.lnil-control-panel::before {
content: "\ea62";
}
.lnil-copy::before {
content: "\ea63";
}
.lnil-cut::before {
content: "\ea64";
}
.lnil-dashboard::before {
content: "\ea65";
}
.lnil-database::before {
content: "\ea66";
}
.lnil-display-alt::before {
content: "\ea67";
}
.lnil-display::before {
content: "\ea68";
}
.lnil-domain::before {
content: "\ea69";
}
.lnil-download::before {
content: "\ea6a";
}
.lnil-empty-battery::before {
content: "\ea6b";
}
.lnil-empty-file::before {
content: "\ea6c";
}
.lnil-file-download::before {
content: "\ea6d";
}
.lnil-file-lock::before {
content: "\ea6e";
}
.lnil-file-name::before {
content: "\ea6f";
}
.lnil-file-protection::before {
content: "\ea70";
}
.lnil-file-upload::before {
content: "\ea71";
}
.lnil-files-alt::before {
content: "\ea72";
}
.lnil-files::before {
content: "\ea73";
}
.lnil-folder-alt-1::before {
content: "\ea74";
}
.lnil-folder-alt::before {
content: "\ea75";
}
.lnil-folder::before {
content: "\ea76";
}
.lnil-full-battery::before {
content: "\ea77";
}
.lnil-game::before {
content: "\ea78";
}
.lnil-half-battery::before {
content: "\ea79";
}
.lnil-harddrive::before {
content: "\ea7a";
}
.lnil-headphone-alt::before {
content: "\ea7b";
}
.lnil-headphone::before {
content: "\ea7c";
}
.lnil-laptop-alt-switch::before {
content: "\ea7d";
}
.lnil-laptop-alt::before {
content: "\ea7e";
}
.lnil-laptop-phone::before {
content: "\ea7f";
}
.lnil-laptop::before {
content: "\ea80";
}
.lnil-link-alt-1::before {
content: "\ea81";
}
.lnil-link-alt::before {
content: "\ea82";
}
.lnil-link::before {
content: "\ea83";
}
.lnil-low-battery::before {
content: "\ea84";
}
.lnil-magnet::before {
content: "\ea85";
}
.lnil-magnifier::before {
content: "\ea86";
}
.lnil-map-marker::before {
content: "\ea87";
}
.lnil-map::before {
content: "\ea88";
}
.lnil-menu-alt-1::before {
content: "\ea89";
}
.lnil-menu-alt-2::before {
content: "\ea8a";
}
.lnil-menu-alt-3::before {
content: "\ea8b";
}
.lnil-menu-alt-4::before {
content: "\ea8c";
}
.lnil-menu-alt-5::before {
content: "\ea8d";
}
.lnil-menu-alt::before {
content: "\ea8e";
}
.lnil-menu-circle::before {
content: "\ea8f";
}
.lnil-menu::before {
content: "\ea90";
}
.lnil-mic::before {
content: "\ea91";
}
.lnil-microphone-alt-1::before {
content: "\ea92";
}
.lnil-microphone-alt::before {
content: "\ea93";
}
.lnil-microphone::before {
content: "\ea94";
}
.lnil-mobile-alt-1::before {
content: "\ea95";
}
.lnil-mobile-alt-2::before {
content: "\ea96";
}
.lnil-mobile-alt-button::before {
content: "\ea97";
}
.lnil-mouse::before {
content: "\ea98";
}
.lnil-no-charge-battery::before {
content: "\ea99";
}
.lnil-package::before {
content: "\ea9a";
}
.lnil-plug::before {
content: "\ea9b";
}
.lnil-presentation::before {
content: "\ea9c";
}
.lnil-printer::before {
content: "\ea9d";
}
.lnil-ps::before {
content: "\ea9e";
}
.lnil-recycle-alt::before {
content: "\ea9f";
}
.lnil-image::before {
content: "\eaa0";
}
.lnil-reload-alt-box::before {
content: "\eaa1";
}
.lnil-reload-alt::before {
content: "\eaa2";
}
.lnil-reload::before {
content: "\eaa3";
}
.lnil-recycle::before {
content: "\eaa4";
}
.lnil-rocket::before {
content: "\eaa5";
}
.lnil-rss-feed::before {
content: "\eaa6";
}
.lnil-save-alt::before {
content: "\eaa7";
}
.lnil-save::before {
content: "\eaa8";
}
.lnil-scan::before {
content: "\eaa9";
}
.lnil-scroll-down::before {
content: "\eaaa";
}
.lnil-search-alt::before {
content: "\eaab";
}
.lnil-search::before {
content: "\eaac";
}
.lnil-share-alt::before {
content: "\eaad";
}
.lnil-share::before {
content: "\eaae";
}
.lnil-shopping-basket::before {
content: "\eaaf";
}
.lnil-shortcode::before {
content: "\eab0";
}
.lnil-signal::before {
content: "\eab1";
}
.lnil-laptop-alt-keyboard::before {
content: "\eab2";
}
.lnil-star-fill::before {
content: "\eab3";
}
.lnil-star-half::before {
content: "\eab4";
}
.lnil-star::before {
content: "\eab5";
}
.lnil-tab::before {
content: "\eab6";
}
.lnil-tap::before {
content: "\eab7";
}
.lnil-thumbnail::before {
content: "\eab8";
}
.lnil-timer::before {
content: "\eab9";
}
.lnil-trash-can-alt-1::before {
content: "\eaba";
}
.lnil-trash-can-alt::before {
content: "\eabb";
}
.lnil-trash-can::before {
content: "\eabc";
}
.lnil-trash::before {
content: "\eabd";
}
.lnil-unlink::before {
content: "\eabe";
}
.lnil-upload::before {
content: "\eabf";
}
.lnil-user-alt-1::before {
content: "\eac0";
}
.lnil-user-alt-2::before {
content: "\eac1";
}
.lnil-user-alt::before {
content: "\eac2";
}
.lnil-user::before {
content: "\eac3";
}
.lnil-users-alt::before {
content: "\eac4";
}
.lnil-users::before {
content: "\eac5";
}
.lnil-website-alt::before {
content: "\eac6";
}
.lnil-zip::before {
content: "\eac7";
}
.lnil-zoom-in::before {
content: "\eac8";
}
.lnil-zoom-out::before {
content: "\eac9";
}
.lnil-star-empty::before {
content: "\eaca";
}
.lnil-remove-file::before {
content: "\eacb";
}
.lnil-keyboard::before {
content: "\eacc";
}
.lnil-hourglass::before {
content: "\eacd";
}
.lnil-spinner-1::before {
content: "\eace";
}
.lnil-spinner-10::before {
content: "\eacf";
}
.lnil-spinner-11::before {
content: "\ead0";
}
.lnil-spinner-2::before {
content: "\ead1";
}
.lnil-spinner-3::before {
content: "\ead2";
}
.lnil-spinner-4::before {
content: "\ead3";
}
.lnil-spinner-5::before {
content: "\ead4";
}
.lnil-spinner-9::before {
content: "\ead5";
}
.lnil-spinner-7::before {
content: "\ead6";
}
.lnil-spinner-8::before {
content: "\ead7";
}
.lnil-spinner-6::before {
content: "\ead8";
}
.lnil-angry::before {
content: "\ead9";
}
.lnil-bored::before {
content: "\eada";
}
.lnil-cry::before {
content: "\eadb";
}
.lnil-cute::before {
content: "\eadc";
}
.lnil-dead::before {
content: "\eadd";
}
.lnil-emoji-cool::before {
content: "\eade";
}
.lnil-emoji-friendly::before {
content: "\eadf";
}
.lnil-emoji-happy::before {
content: "\eae0";
}
.lnil-emoji-sad::before {
content: "\eae1";
}
.lnil-emoji-smile::before {
content: "\eae2";
}
.lnil-emoji-speechless::before {
content: "\eae3";
}
.lnil-emoji-suspect::before {
content: "\eae4";
}
.lnil-emoji-tounge::before {
content: "\eae5";
}
.lnil-happy-1::before {
content: "\eae6";
}
.lnil-happy-2::before {
content: "\eae7";
}
.lnil-happy-smile::before {
content: "\eae8";
}
.lnil-kiss-2::before {
content: "\eae9";
}
.lnil-kiss::before {
content: "\eaea";
}
.lnil-love::before {
content: "\eaeb";
}
.lnil-loved-surprise::before {
content: "\eaec";
}
.lnil-mute::before {
content: "\eaed";
}
.lnil-piss::before {
content: "\eaee";
}
.lnil-sick-1::before {
content: "\eaef";
}
.lnil-sick::before {
content: "\eaf0";
}
.lnil-sleep::before {
content: "\eaf1";
}
.lnil-super-cool::before {
content: "\eaf2";
}
.lnil-super-happy::before {
content: "\eaf3";
}
.lnil-wink::before {
content: "\eaf4";
}
.lnil-wow::before {
content: "\eaf5";
}
.lnil-yawn::before {
content: "\eaf6";
}
.lnil-cool-1::before {
content: "\eaf7";
}
.lnil-cool-3::before {
content: "\eaf8";
}
.lnil-cool-kiss::before {
content: "\eaf9";
}
.lnil-cotton-bud::before {
content: "\eafa";
}
.lnil-crown::before {
content: "\eafb";
}
.lnil-cup-alt::before {
content: "\eafc";
}
.lnil-crown-alt::before {
content: "\eafd";
}
.lnil-gift-alt-1::before {
content: "\eafe";
}
.lnil-crown-alt-2::before {
content: "\eaff";
}
.lnil-cup::before {
content: "\eb00";
}
.lnil-gift-bag::before {
content: "\eb01";
}
.lnil-gift::before {
content: "\eb02";
}
.lnil-gift-alt::before {
content: "\eb03";
}
.lnil-ladies-tshirt::before {
content: "\eb04";
}
.lnil-crown-alt-1::before {
content: "\eb05";
}
.lnil-sunglass::before {
content: "\eb06";
}
.lnil-thought::before {
content: "\eb07";
}
.lnil-tshirt-alt-1::before {
content: "\eb08";
}
.lnil-tshirt-alt::before {
content: "\eb09";
}
.lnil-home::before {
content: "\eb0a";
}
.lnil-glasses::before {
content: "\eb0b";
}
.lnil-tshirt::before {
content: "\eb0c";
}
.lnil-baloon-alt-1::before {
content: "\eb0d";
}
.lnil-baloon-alt::before {
content: "\eb0e";
}
.lnil-baloon::before {
content: "\eb0f";
}
.lnil-candle-alt::before {
content: "\eb10";
}
.lnil-candy-cane::before {
content: "\eb11";
}
.lnil-candy::before {
content: "\eb12";
}
.lnil-confetti::before {
content: "\eb13";
}
.lnil-firecracker::before {
content: "\eb14";
}
.lnil-fireworks::before {
content: "\eb15";
}
.lnil-flags::before {
content: "\eb16";
}
.lnil-mask::before {
content: "\eb17";
}
.lnil-spray::before {
content: "\eb18";
}
.lnil-wand::before {
content: "\eb19";
}
.lnil-birthday-hat::before {
content: "\eb1a";
}
.lnil-candle::before {
content: "\eb1b";
}
.lnil-cake::before {
content: "\eb1c";
}
.lnil-bug-alt::before {
content: "\eb1d";
}
.lnil-bug::before {
content: "\eb1e";
}
.lnil-flower::before {
content: "\eb1f";
}
.lnil-island::before {
content: "\eb20";
}
.lnil-leaf-alt-1::before {
content: "\eb21";
}
.lnil-leaf-alt::before {
content: "\eb22";
}
.lnil-leaf::before {
content: "\eb23";
}
.lnil-leaves::before {
content: "\eb24";
}
.lnil-mashroom::before {
content: "\eb25";
}
.lnil-mountain::before {
content: "\eb26";
}
.lnil-mushroom-alt::before {
content: "\eb27";
}
.lnil-mushrooms::before {
content: "\eb28";
}
.lnil-plant-pot::before {
content: "\eb29";
}
.lnil-plant::before {
content: "\eb2a";
}
.lnil-sprout-alt::before {
content: "\eb2b";
}
.lnil-sprout::before {
content: "\eb2c";
}
.lnil-tornado::before {
content: "\eb2d";
}
.lnil-tree-alt-1::before {
content: "\eb2e";
}
.lnil-tree-alt::before {
content: "\eb2f";
}
.lnil-tree::before {
content: "\eb30";
}
.lnil-trees-alt-1::before {
content: "\eb31";
}
.lnil-trees-alt::before {
content: "\eb32";
}
.lnil-trees::before {
content: "\eb33";
}
.lnil-flower-alt::before {
content: "\eb34";
}
.lnil-cactus-alt::before {
content: "\eb35";
}
.lnil-cactus::before {
content: "\eb36";
}
.lnil-bank::before {
content: "\eb37";
}
.lnil-calculator-alt::before {
content: "\eb38";
}
.lnil-calculator::before {
content: "\eb39";
}
.lnil-coin::before {
content: "\eb3a";
}
.lnil-diamond-alt::before {
content: "\eb3b";
}
.lnil-diamond::before {
content: "\eb3c";
}
.lnil-dollar-card::before {
content: "\eb3d";
}
.lnil-credit-cards::before {
content: "\eb3e";
}
.lnil-dollar-down::before {
content: "\eb3f";
}
.lnil-dollar-up::before {
content: "\eb40";
}
.lnil-euro-card::before {
content: "\eb41";
}
.lnil-dollar::before {
content: "\eb42";
}
.lnil-euro-coin::before {
content: "\eb43";
}
.lnil-euro-down::before {
content: "\eb44";
}
.lnil-euro-up::before {
content: "\eb45";
}
.lnil-euro::before {
content: "\eb46";
}
.lnil-gold-bar::before {
content: "\eb47";
}
.lnil-mobile-coin-taka::before {
content: "\eb48";
}
.lnil-mobile-coin::before {
content: "\eb49";
}
.lnil-money-bag::before {
content: "\eb4a";
}
.lnil-money-location::before {
content: "\eb4b";
}
.lnil-money-protection::before {
content: "\eb4c";
}
.lnil-pound-card::before {
content: "\eb4d";
}
.lnil-pound-coin::before {
content: "\eb4e";
}
.lnil-pound-down::before {
content: "\eb4f";
}
.lnil-pound-up::before {
content: "\eb50";
}
.lnil-pound::before {
content: "\eb51";
}
.lnil-rupee-card::before {
content: "\eb52";
}
.lnil-rupee-coin::before {
content: "\eb53";
}
.lnil-rupee-down::before {
content: "\eb54";
}
.lnil-rupee-up::before {
content: "\eb55";
}
.lnil-rupee::before {
content: "\eb56";
}
.lnil-taka-card::before {
content: "\eb57";
}
.lnil-taka-coin::before {
content: "\eb58";
}
.lnil-taka-down::before {
content: "\eb59";
}
.lnil-taka-up::before {
content: "\eb5a";
}
.lnil-taka::before {
content: "\eb5b";
}
.lnil-wallet-alt-1::before {
content: "\eb5c";
}
.lnil-wallet::before {
content: "\eb5d";
}
.lnil-yen-card::before {
content: "\eb5e";
}
.lnil-yen-coin::before {
content: "\eb5f";
}
.lnil-yen-down::before {
content: "\eb60";
}
.lnil-yen-up::before {
content: "\eb61";
}
.lnil-yen::before {
content: "\eb62";
}
.lnil-coins::before {
content: "\eb63";
}
.lnil-credit-card::before {
content: "\eb64";
}
.lnil-backward-alt::before {
content: "\eb65";
}
.lnil-backward::before {
content: "\eb66";
}
.lnil-forward::before {
content: "\eb67";
}
.lnil-frame-expand::before {
content: "\eb68";
}
.lnil-film::before {
content: "\eb69";
}
.lnil-gallery::before {
content: "\eb6a";
}
.lnil-next::before {
content: "\eb6b";
}
.lnil-pause::before {
content: "\eb6c";
}
.lnil-play::before {
content: "\eb6d";
}
.lnil-previous::before {
content: "\eb6e";
}
.lnil-repeat-one::before {
content: "\eb6f";
}
.lnil-shuffle::before {
content: "\eb70";
}
.lnil-slideshow::before {
content: "\eb71";
}
.lnil-stop::before {
content: "\eb72";
}
.lnil-video-alt-1::before {
content: "\eb73";
}
.lnil-video-alt::before {
content: "\eb74";
}
.lnil-video-camera-alt-1::before {
content: "\eb75";
}
.lnil-video-camera-alt-2::before {
content: "\eb76";
}
.lnil-video-camera-alt::before {
content: "\eb77";
}
.lnil-video-cut::before {
content: "\eb78";
}
.lnil-video::before {
content: "\eb79";
}
.lnil-volume-high::before {
content: "\eb7a";
}
.lnil-volume-low::before {
content: "\eb7b";
}
.lnil-volume-medium::before {
content: "\eb7c";
}
.lnil-volume-mute::before {
content: "\eb7d";
}
.lnil-volume::before {
content: "\eb7e";
}
.lnil-full-screen::before {
content: "\eb7f";
}
.lnil-expand-alt-1::before {
content: "\eb80";
}
.lnil-fast-forward::before {
content: "\eb81";
}
.lnil-analytics::before {
content: "\eb82";
}
.lnil-bar-chart::before {
content: "\eb83";
}
.lnil-graph-alt-1::before {
content: "\eb84";
}
.lnil-graph-alt-2::before {
content: "\eb85";
}
.lnil-graph-alt-3::before {
content: "\eb86";
}
.lnil-graph-alt-4::before {
content: "\eb87";
}
.lnil-graph-alt::before {
content: "\eb88";
}
.lnil-graph-decrease::before {
content: "\eb89";
}
.lnil-graph-increase::before {
content: "\eb8a";
}
.lnil-invest-monitor::before {
content: "\eb8b";
}
.lnil-keyword-research::before {
content: "\eb8c";
}
.lnil-network-alt::before {
content: "\eb8d";
}
.lnil-network::before {
content: "\eb8e";
}
.lnil-pyramid-decrease::before {
content: "\eb8f";
}
.lnil-pyramid-increase::before {
content: "\eb90";
}
.lnil-pyramid::before {
content: "\eb91";
}
.lnil-rook::before {
content: "\eb92";
}
.lnil-seo::before {
content: "\eb93";
}
.lnil-strategy::before {
content: "\eb94";
}
.lnil-target-audience-alt::before {
content: "\eb95";
}
.lnil-target-customer::before {
content: "\eb96";
}
.lnil-website-rank::before {
content: "\eb97";
}
.lnil-bar-check::before {
content: "\eb98";
}
.lnil-billboard-alt::before {
content: "\eb99";
}
.lnil-billboard::before {
content: "\eb9a";
}
.lnil-barrier::before {
content: "\eb9b";
}
.lnil-bolt-alt::before {
content: "\eb9c";
}
.lnil-checkmark::before {
content: "\eb9d";
}
.lnil-check-box::before {
content: "\eb9e";
}
.lnil-circle-plus::before {
content: "\eb9f";
}
.lnil-circle-minus::before {
content: "\eba0";
}
.lnil-cross-circle::before {
content: "\eba1";
}
.lnil-electricity::before {
content: "\eba2";
}
.lnil-eye-alt::before {
content: "\eba3";
}
.lnil-eye::before {
content: "\eba4";
}
.lnil-find::before {
content: "\eba5";
}
.lnil-flag-alt::before {
content: "\eba6";
}
.lnil-flag::before {
content: "\eba7";
}
.lnil-funnel-alt-1::before {
content: "\eba8";
}
.lnil-funnel-alt::before {
content: "\eba9";
}
.lnil-funnel::before {
content: "\ebaa";
}
.lnil-hand::before {
content: "\ebab";
}
.lnil-heart-filled::before {
content: "\ebac";
}
.lnil-heart-plus::before {
content: "\ebad";
}
.lnil-heart::before {
content: "\ebae";
}
.lnil-help::before {
content: "\ebaf";
}
.lnil-hotel-sign::before {
content: "\ebb0";
}
.lnil-idea-alt::before {
content: "\ebb1";
}
.lnil-identity::before {
content: "\ebb2";
}
.lnil-infinite::before {
content: "\ebb3";
}
.lnil-information::before {
content: "\ebb4";
}
.lnil-invention::before {
content: "\ebb5";
}
.lnil-key-alt-1::before {
content: "\ebb6";
}
.lnil-key-alt-2::before {
content: "\ebb7";
}
.lnil-key-alt-3::before {
content: "\ebb8";
}
.lnil-key-alt::before {
content: "\ebb9";
}
.lnil-key::before {
content: "\ebba";
}
.lnil-life-ring::before {
content: "\ebbb";
}
.lnil-list-alt-1::before {
content: "\ebbc";
}
.lnil-list-alt::before {
content: "\ebbd";
}
.lnil-list::before {
content: "\ebbe";
}
.lnil-lock-alt-1::before {
content: "\ebbf";
}
.lnil-lock-alt-2::before {
content: "\ebc0";
}
.lnil-lock-alt::before {
content: "\ebc1";
}
.lnil-lock::before {
content: "\ebc2";
}
.lnil-minus::before {
content: "\ebc3";
}
.lnil-more-alt-1::before {
content: "\ebc4";
}
.lnil-more-alt::before {
content: "\ebc5";
}
.lnil-more::before {
content: "\ebc6";
}
.lnil-music-note::before {
content: "\ebc7";
}
.lnil-music::before {
content: "\ebc8";
}
.lnil-notification::before {
content: "\ebc9";
}
.lnil-passport-alt::before {
content: "\ebca";
}
.lnil-passport::before {
content: "\ebcb";
}
.lnil-playlist-alt::before {
content: "\ebcc";
}
.lnil-playlist::before {
content: "\ebcd";
}
.lnil-plus::before {
content: "\ebce";
}
.lnil-pointer::before {
content: "\ebcf";
}
.lnil-power-switch::before {
content: "\ebd0";
}
.lnil-protection::before {
content: "\ebd1";
}
.lnil-question-circle::before {
content: "\ebd2";
}
.lnil-radio-button::before {
content: "\ebd3";
}
.lnil-record::before {
content: "\ebd4";
}
.lnil-round-box-check::before {
content: "\ebd5";
}
.lnil-round-box-cross::before {
content: "\ebd6";
}
.lnil-round-box-minus::before {
content: "\ebd7";
}
.lnil-round-box-plus::before {
content: "\ebd8";
}
.lnil-shield::before {
content: "\ebd9";
}
.lnil-sort::before {
content: "\ebda";
}
.lnil-switch::before {
content: "\ebdb";
}
.lnil-teabag::before {
content: "\ebdc";
}
.lnil-thumbs-down-alt::before {
content: "\ebdd";
}
.lnil-thumbs-down::before {
content: "\ebde";
}
.lnil-thumbs-up-alt::before {
content: "\ebdf";
}
.lnil-thumbs-up::before {
content: "\ebe0";
}
.lnil-thunderbolt::before {
content: "\ebe1";
}
.lnil-ticket-alt-1::before {
content: "\ebe2";
}
.lnil-ticket-alt-2::before {
content: "\ebe3";
}
.lnil-ticket-alt-3::before {
content: "\ebe4";
}
.lnil-ticket-alt::before {
content: "\ebe5";
}
.lnil-ticket::before {
content: "\ebe6";
}
.lnil-unlock::before {
content: "\ebe7";
}
.lnil-warning::before {
content: "\ebe8";
}
.lnil-checkmark-circle::before {
content: "\ebe9";
}
.lnil-close::before {
content: "\ebea";
}
.lnil-bolt::before {
content: "\ebeb";
}
.lnil-ambulance-alt-1::before {
content: "\ebec";
}
.lnil-ambulance-alt::before {
content: "\ebed";
}
.lnil-brain-alt::before {
content: "\ebee";
}
.lnil-basketball::before {
content: "\ebef";
}
.lnil-bone::before {
content: "\ebf0";
}
.lnil-ambulance::before {
content: "\ebf1";
}
.lnil-broken-bone::before {
content: "\ebf2";
}
.lnil-brain-check::before {
content: "\ebf3";
}
.lnil-brain::before {
content: "\ebf4";
}
.lnil-capsule::before {
content: "\ebf5";
}
.lnil-capsules::before {
content: "\ebf6";
}
.lnil-cardiology::before {
content: "\ebf7";
}
.lnil-diagnosis-alt::before {
content: "\ebf8";
}
.lnil-diagnosis::before {
content: "\ebf9";
}
.lnil-dna::before {
content: "\ebfa";
}
.lnil-dropper-alt-1::before {
content: "\ebfb";
}
.lnil-dropper-alt-2::before {
content: "\ebfc";
}
.lnil-dropper-alt::before {
content: "\ebfd";
}
.lnil-dropper::before {
content: "\ebfe";
}
.lnil-dumbbell::before {
content: "\ebff";
}
.lnil-eye-test::before {
content: "\ec00";
}
.lnil-female::before {
content: "\ec01";
}
.lnil-first-aid::before {
content: "\ec02";
}
.lnil-gluten-free::before {
content: "\ec03";
}
.lnil-heart-check::before {
content: "\ec04";
}
.lnil-heart-monitor::before {
content: "\ec05";
}
.lnil-heartrate-monitor::before {
content: "\ec06";
}
.lnil-hospital-alt-1::before {
content: "\ec07";
}
.lnil-hospital-alt-2::before {
content: "\ec08";
}
.lnil-hospital-alt-3::before {
content: "\ec09";
}
.lnil-hospital-alt-4::before {
content: "\ec0a";
}
.lnil-hospital-alt::before {
content: "\ec0b";
}
.lnil-hospital-bed-alt-1::before {
content: "\ec0c";
}
.lnil-hospital-bed-alt-2::before {
content: "\ec0d";
}
.lnil-hospital-bed-alt::before {
content: "\ec0e";
}
.lnil-hospital-bed::before {
content: "\ec0f";
}
.lnil-hospital-location::before {
content: "\ec10";
}
.lnil-hospital-sign::before {
content: "\ec11";
}
.lnil-hospital::before {
content: "\ec12";
}
.lnil-kettlebell::before {
content: "\ec13";
}
.lnil-lungs::before {
content: "\ec14";
}
.lnil-male::before {
content: "\ec15";
}
.lnil-medical-briefcase-alt::before {
content: "\ec16";
}
.lnil-medical-briefcase::before {
content: "\ec17";
}
.lnil-medical-protection::before {
content: "\ec18";
}
.lnil-medical-sign::before {
content: "\ec19";
}
.lnil-medicine-alt::before {
content: "\ec1a";
}
.lnil-medicine-bottle::before {
content: "\ec1b";
}
.lnil-medicine::before {
content: "\ec1c";
}
.lnil-microscope::before {
content: "\ec1d";
}
.lnil-pulse::before {
content: "\ec1e";
}
.lnil-report-laptop::before {
content: "\ec1f";
}
.lnil-saline-alt-1::before {
content: "\ec20";
}
.lnil-saline-alt::before {
content: "\ec21";
}
.lnil-saline::before {
content: "\ec22";
}
.lnil-skipping-rope::before {
content: "\ec23";
}
.lnil-slim::before {
content: "\ec24";
}
.lnil-sthethoscope::before {
content: "\ec25";
}
.lnil-syringe::before {
content: "\ec26";
}
.lnil-test-tube-alt::before {
content: "\ec27";
}
.lnil-test-tube::before {
content: "\ec28";
}
.lnil-thermometer-alt::before {
content: "\ec29";
}
.lnil-thermometer::before {
content: "\ec2a";
}
.lnil-tooth::before {
content: "\ec2b";
}
.lnil-walker::before {
content: "\ec2c";
}
.lnil-weight-machine::before {
content: "\ec2d";
}
.lnil-weight::before {
content: "\ec2e";
}
.lnil-wheelchair::before {
content: "\ec2f";
}
.lnil-yoga-mat::before {
content: "\ec30";
}
.lnil-capsule-alt-1::before {
content: "\ec31";
}
.lnil-capsule-alt::before {
content: "\ec32";
}
.lnil-brain-check-alt::before {
content: "\ec33";
}
.lnil-apple-alt::before {
content: "\ec34";
}
.lnil-banana::before {
content: "\ec35";
}
.lnil-brocolli::before {
content: "\ec36";
}
.lnil-burger-alt-1::before {
content: "\ec37";
}
.lnil-burger-alt::before {
content: "\ec38";
}
.lnil-burger::before {
content: "\ec39";
}
.lnil-chef-hat-alt-1::before {
content: "\ec3a";
}
.lnil-chef-hat-alt-2::before {
content: "\ec3b";
}
.lnil-chef-hat-alt::before {
content: "\ec3c";
}
.lnil-chef-hat::before {
content: "\ec3d";
}
.lnil-chicken::before {
content: "\ec3e";
}
.lnil-cocktail-alt-1::before {
content: "\ec3f";
}
.lnil-cocktail-alt::before {
content: "\ec40";
}
.lnil-cocktail::before {
content: "\ec41";
}
.lnil-coffee-cup-alt::before {
content: "\ec42";
}
.lnil-coffee-cup::before {
content: "\ec43";
}
.lnil-cupcake-alt::before {
content: "\ec44";
}
.lnil-cupcake::before {
content: "\ec45";
}
.lnil-cutlery-alt-1::before {
content: "\ec46";
}
.lnil-cutlery-alt::before {
content: "\ec47";
}
.lnil-cutlery::before {
content: "\ec48";
}
.lnil-dinner-table::before {
content: "\ec49";
}
.lnil-dinner::before {
content: "\ec4a";
}
.lnil-drumstick::before {
content: "\ec4b";
}
.lnil-fresh-juice::before {
content: "\ec4c";
}
.lnil-ice-cream-alt::before {
content: "\ec4d";
}
.lnil-ice-cream::before {
content: "\ec4e";
}
.lnil-juice::before {
content: "\ec4f";
}
.lnil-lolypop::before {
content: "\ec50";
}
.lnil-meat::before {
content: "\ec51";
}
.lnil-pizza-alt::before {
content: "\ec52";
}
.lnil-pizza::before {
content: "\ec53";
}
.lnil-plate::before {
content: "\ec54";
}
.lnil-popcorn::before {
content: "\ec55";
}
.lnil-restaurant::before {
content: "\ec56";
}
.lnil-service::before {
content: "\ec57";
}
.lnil-silverware::before {
content: "\ec58";
}
.lnil-spatula::before {
content: "\ec59";
}
.lnil-bowl-alt::before {
content: "\ec5a";
}
.lnil-bowl::before {
content: "\ec5b";
}
.lnil-bowl-alt-1::before {
content: "\ec5c";
}
.lnil-atom::before {
content: "\ec5d";
}
.lnil-backpack-alt::before {
content: "\ec5e";
}
.lnil-book::before {
content: "\ec5f";
}
.lnil-blackboard::before {
content: "\ec60";
}
.lnil-books::before {
content: "\ec61";
}
.lnil-brakckets::before {
content: "\ec62";
}
.lnil-certificate-alt-1::before {
content: "\ec63";
}
.lnil-certificate-alt::before {
content: "\ec64";
}
.lnil-certificate::before {
content: "\ec65";
}
.lnil-classroom::before {
content: "\ec66";
}
.lnil-clipboard::before {
content: "\ec67";
}
.lnil-compass::before {
content: "\ec68";
}
.lnil-cubes::before {
content: "\ec69";
}
.lnil-eraser::before {
content: "\ec6a";
}
.lnil-flask-alt-1::before {
content: "\ec6b";
}
.lnil-flask-alt-2::before {
content: "\ec6c";
}
.lnil-flask-alt::before {
content: "\ec6d";
}
.lnil-flask::before {
content: "\ec6e";
}
.lnil-graduate-alt::before {
content: "\ec6f";
}
.lnil-graduate::before {
content: "\ec70";
}
.lnil-graduation::before {
content: "\ec71";
}
.lnil-letterblocks::before {
content: "\ec72";
}
.lnil-library::before {
content: "\ec73";
}
.lnil-medal-alt::before {
content: "\ec74";
}
.lnil-medal::before {
content: "\ec75";
}
.lnil-molecule-alt::before {
content: "\ec76";
}
.lnil-molecule::before {
content: "\ec77";
}
.lnil-pencil-alt::before {
content: "\ec78";
}
.lnil-pencil::before {
content: "\ec79";
}
.lnil-quill::before {
content: "\ec7a";
}
.lnil-school-bench-alt::before {
content: "\ec7b";
}
.lnil-school-bench::before {
content: "\ec7c";
}
.lnil-sketchbook::before {
content: "\ec7d";
}
.lnil-whiteboard-alt-1::before {
content: "\ec7e";
}
.lnil-whiteboard-alt-2::before {
content: "\ec7f";
}
.lnil-whiteboard-alt::before {
content: "\ec80";
}
.lnil-whiteboard::before {
content: "\ec81";
}
.lnil-world-2::before {
content: "\ec82";
}
.lnil-world-alt::before {
content: "\ec83";
}
.lnil-world::before {
content: "\ec84";
}
.lnil-book-alt::before {
content: "\ec85";
}
.lnil-write::before {
content: "\ec86";
}
.lnil-backpack::before {
content: "\ec87";
}
.lnil-books-alt::before {
content: "\ec88";
}
.lnil-Italic::before {
content: "\ec89";
}
.lnil-bold::before {
content: "\ec8a";
}
.lnil-indent-decrease::before {
content: "\ec8b";
}
.lnil-font::before {
content: "\ec8c";
}
.lnil-line-dashed::before {
content: "\ec8d";
}
.lnil-line-dotted::before {
content: "\ec8e";
}
.lnil-line-double::before {
content: "\ec8f";
}
.lnil-line-spacing::before {
content: "\ec90";
}
.lnil-page-break::before {
content: "\ec91";
}
.lnil-pagination::before {
content: "\ec92";
}
.lnil-pilcrow::before {
content: "\ec93";
}
.lnil-redo::before {
content: "\ec94";
}
.lnil-reflect::before {
content: "\ec95";
}
.lnil-sort-alpha-asc::before {
content: "\ec96";
}
.lnil-sort-amount-asc::before {
content: "\ec97";
}
.lnil-sort-amount-dsc::before {
content: "\ec98";
}
.lnil-spellcheck::before {
content: "\ec99";
}
.lnil-strikethrough::before {
content: "\ec9a";
}
.lnil-text-align-center::before {
content: "\ec9b";
}
.lnil-text-align-justify::before {
content: "\ec9c";
}
.lnil-text-align-left::before {
content: "\ec9d";
}
.lnil-text-align-right::before {
content: "\ec9e";
}
.lnil-text-format-remove::before {
content: "\ec9f";
}
.lnil-text-format::before {
content: "\eca0";
}
.lnil-text::before {
content: "\eca1";
}
.lnil-underline::before {
content: "\eca2";
}
.lnil-undo::before {
content: "\eca3";
}
.lnil-vertical-line::before {
content: "\eca4";
}
.lnil-height::before {
content: "\eca5";
}
.lnil-capital-letter::before {
content: "\eca6";
}
.lnil-indent-increase::before {
content: "\eca7";
}
.lnil-angle-double-down::before {
content: "\eca8";
}
.lnil-angle-double-left::before {
content: "\eca9";
}
.lnil-angle-double-right::before {
content: "\ecaa";
}
.lnil-angle-double-up::before {
content: "\ecab";
}
.lnil-arrow-double-down::before {
content: "\ecac";
}
.lnil-arrow-double-right::before {
content: "\ecad";
}
.lnil-arrow-double-top::before {
content: "\ecae";
}
.lnil-arrow-down-circle::before {
content: "\ecaf";
}
.lnil-arrow-expand-alt::before {
content: "\ecb0";
}
.lnil-arrow-left-circle::before {
content: "\ecb1";
}
.lnil-arrow-left::before {
content: "\ecb2";
}
.lnil-arrow-minimize-alt::before {
content: "\ecb3";
}
.lnil-arrow-minimize::before {
content: "\ecb4";
}
.lnil-arrow-right-circle::before {
content: "\ecb5";
}
.lnil-arrow-right::before {
content: "\ecb6";
}
.lnil-arrow-top-left::before {
content: "\ecb7";
}
.lnil-arrow-top-right::before {
content: "\ecb8";
}
.lnil-arrow-up-circle::before {
content: "\ecb9";
}
.lnil-arrow-expand::before {
content: "\ecba";
}
.lnil-arrow-double-left::before {
content: "\ecbb";
}
.lnil-arrows-vertical::before {
content: "\ecbc";
}
.lnil-axis::before {
content: "\ecbd";
}
.lnil-arrow-up::before {
content: "\ecbe";
}
.lnil-chevron-down::before {
content: "\ecbf";
}
.lnil-chevron-left-circle::before {
content: "\ecc0";
}
.lnil-chevron-left::before {
content: "\ecc1";
}
.lnil-chevron-down-circle::before {
content: "\ecc2";
}
.lnil-chevron-right::before {
content: "\ecc3";
}
.lnil-chevron-up-circle::before {
content: "\ecc4";
}
.lnil-chevron-right-circle::before {
content: "\ecc5";
}
.lnil-arrow-down::before {
content: "\ecc6";
}
.lnil-chevron-up::before {
content: "\ecc7";
}
.lnil-direction-alt::before {
content: "\ecc8";
}
.lnil-direction::before {
content: "\ecc9";
}
.lnil-down-arrow-box::before {
content: "\ecca";
}
.lnil-down-left-arrow-box::before {
content: "\eccb";
}
.lnil-down-right-arrow-box::before {
content: "\eccc";
}
.lnil-enter::before {
content: "\eccd";
}
.lnil-exit-down::before {
content: "\ecce";
}
.lnil-exit-up::before {
content: "\eccf";
}
.lnil-arrows-horizontal::before {
content: "\ecd0";
}
.lnil-direction-ltr::before {
content: "\ecd1";
}
.lnil-direction-rtl::before {
content: "\ecd2";
}
.lnil-exit::before {
content: "\ecd3";
}
.lnil-left-arrow-box::before {
content: "\ecd4";
}
.lnil-pointer-top::before {
content: "\ecd5";
}
.lnil-right-arrow-box::before {
content: "\ecd6";
}
.lnil-shift-left::before {
content: "\ecd7";
}
.lnil-shift-right::before {
content: "\ecd8";
}
.lnil-top-arrow-box::before {
content: "\ecd9";
}
.lnil-top-left-arrow-box::before {
content: "\ecda";
}
.lnil-top-right-arrow-box::before {
content: "\ecdb";
}
.lnil-pointer-down::before {
content: "\ecdc";
}
.lnil-pointer-left::before {
content: "\ecdd";
}
.lnil-pointer-right::before {
content: "\ecde";
}
.lnil-brush-alt::before {
content: "\ecdf";
}
.lnil-brush::before {
content: "\ece0";
}
.lnil-grid-alt::before {
content: "\ece1";
}
.lnil-grid::before {
content: "\ece2";
}
.lnil-highlight-alt::before {
content: "\ece3";
}
.lnil-highlight::before {
content: "\ece4";
}
.lnil-image-crop::before {
content: "\ece5";
}
.lnil-layers-alt-::before {
content: "\ece6";
}
.lnil-layers-alt-1::before {
content: "\ece7";
}
.lnil-layers::before {
content: "\ece8";
}
.lnil-layout-alt-1::before {
content: "\ece9";
}
.lnil-layout-alt-2::before {
content: "\ecea";
}
.lnil-layout-alt::before {
content: "\eceb";
}
.lnil-layout::before {
content: "\ecec";
}
.lnil-magic-wand::before {
content: "\eced";
}
.lnil-margin::before {
content: "\ecee";
}
.lnil-move::before {
content: "\ecef";
}
.lnil-pallet::before {
content: "\ecf0";
}
.lnil-rotate::before {
content: "\ecf1";
}
.lnil-scaling::before {
content: "\ecf2";
}
.lnil-select::before {
content: "\ecf3";
}
.lnil-size::before {
content: "\ecf4";
}
.lnil-slice::before {
content: "\ecf5";
}
.lnil-transform::before {
content: "\ecf6";
}
.lnil-ux::before {
content: "\ecf7";
}
.lnil-vector-alt::before {
content: "\ecf8";
}
.lnil-vector-pen::before {
content: "\ecf9";
}
.lnil-vector::before {
content: "\ecfa";
}
.lnil-crop::before {
content: "\ecfb";
}
.lnil-color-palette::before {
content: "\ecfc";
}
.lnil-crop-alt::before {
content: "\ecfd";
}
.lnil-boundary::before {
content: "\ecfe";
}
.lnil-bricks-alt::before {
content: "\ecff";
}
.lnil-construction-hammer::before {
content: "\ed00";
}
.lnil-construction-rular::before {
content: "\ed01";
}
.lnil-construction::before {
content: "\ed02";
}
.lnil-door-alt::before {
content: "\ed03";
}
.lnil-door::before {
content: "\ed04";
}
.lnil-drill::before {
content: "\ed05";
}
.lnil-fence::before {
content: "\ed06";
}
.lnil-hammer-alt::before {
content: "\ed07";
}
.lnil-hammer::before {
content: "\ed08";
}
.lnil-helmet-alt::before {
content: "\ed09";
}
.lnil-helmet::before {
content: "\ed0a";
}
.lnil-hook::before {
content: "\ed0b";
}
.lnil-house-alt-1::before {
content: "\ed0c";
}
.lnil-house-alt::before {
content: "\ed0d";
}
.lnil-house-heart::before {
content: "\ed0e";
}
.lnil-house-plan::before {
content: "\ed0f";
}
.lnil-house::before {
content: "\ed10";
}
.lnil-measuring-tape::before {
content: "\ed11";
}
.lnil-paint-bucket::before {
content: "\ed12";
}
.lnil-paint-roller-alt-1::before {
content: "\ed13";
}
.lnil-paint-roller-alt::before {
content: "\ed14";
}
.lnil-paint-roller::before {
content: "\ed15";
}
.lnil-pipe::before {
content: "\ed16";
}
.lnil-ruler-alt::before {
content: "\ed17";
}
.lnil-ruler-pencil::before {
content: "\ed18";
}
.lnil-ruler::before {
content: "\ed19";
}
.lnil-saw-alt::before {
content: "\ed1a";
}
.lnil-saw::before {
content: "\ed1b";
}
.lnil-screw::before {
content: "\ed1c";
}
.lnil-screwdriver::before {
content: "\ed1d";
}
.lnil-shovel::before {
content: "\ed1e";
}
.lnil-toolbox::before {
content: "\ed1f";
}
.lnil-triangle-ruler-1::before {
content: "\ed20";
}
.lnil-triangle-ruler::before {
content: "\ed21";
}
.lnil-trowel-alt::before {
content: "\ed22";
}
.lnil-trowel::before {
content: "\ed23";
}
.lnil-wheelbarrow::before {
content: "\ed24";
}
.lnil-wrench::before {
content: "\ed25";
}
.lnil-cone::before {
content: "\ed26";
}
.lnil-bricks::before {
content: "\ed27";
}
.lnil-bulldozer::before {
content: "\ed28";
}
.lnil-anchor::before {
content: "\ed29";
}
.lnil-bi-cycle::before {
content: "\ed2a";
}
.lnil-bubble::before {
content: "\ed2b";
}
.lnil-boarding-pass::before {
content: "\ed2c";
}
.lnil-bridge::before {
content: "\ed2d";
}
.lnil-car-alt::before {
content: "\ed2e";
}
.lnil-car::before {
content: "\ed2f";
}
.lnil-caravan::before {
content: "\ed30";
}
.lnil-chat-add::before {
content: "\ed31";
}
.lnil-chat-minus::before {
content: "\ed32";
}
.lnil-comments-alt::before {
content: "\ed33";
}
.lnil-comments-reply::before {
content: "\ed34";
}
.lnil-comments::before {
content: "\ed35";
}
.lnil-envelope-alt::before {
content: "\ed36";
}
.lnil-envelope::before {
content: "\ed37";
}
.lnil-helicopter::before {
content: "\ed38";
}
.lnil-inbox::before {
content: "\ed39";
}
.lnil-megaphone::before {
content: "\ed3a";
}
.lnil-message-attachement::before {
content: "\ed3b";
}
.lnil-message-block::before {
content: "\ed3c";
}
.lnil-message-check::before {
content: "\ed3d";
}
.lnil-message-cross::before {
content: "\ed3e";
}
.lnil-message-desktop::before {
content: "\ed3f";
}
.lnil-message-edit::before {
content: "\ed40";
}
.lnil-message-forward::before {
content: "\ed41";
}
.lnil-message-incoming::before {
content: "\ed42";
}
.lnil-message-laptop::before {
content: "\ed43";
}
.lnil-message-lock::before {
content: "\ed44";
}
.lnil-message-love::before {
content: "\ed45";
}
.lnil-message-minus::before {
content: "\ed46";
}
.lnil-message-outgoing::before {
content: "\ed47";
}
.lnil-message-plus::before {
content: "\ed48";
}
.lnil-message-reply::before {
content: "\ed49";
}
.lnil-message-search::before {
content: "\ed4a";
}
.lnil-message-share::before {
content: "\ed4b";
}
.lnil-mobile-chat::before {
content: "\ed4c";
}
.lnil-page::before {
content: "\ed4d";
}
.lnil-phone-block::before {
content: "\ed4e";
}
.lnil-phone-caling::before {
content: "\ed4f";
}
.lnil-phone-conference::before {
content: "\ed50";
}
.lnil-phone-cut::before {
content: "\ed51";
}
.lnil-phone-forward::before {
content: "\ed52";
}
.lnil-phone-incoming::before {
content: "\ed53";
}
.lnil-phone-misscall::before {
content: "\ed54";
}
.lnil-phone-outgoing::before {
content: "\ed55";
}
.lnil-phone-pause::before {
content: "\ed56";
}
.lnil-phone-redial::before {
content: "\ed57";
}
.lnil-phone-ring::before {
content: "\ed58";
}
.lnil-phone-set::before {
content: "\ed59";
}
.lnil-phone::before {
content: "\ed5a";
}
.lnil-plane-alt::before {
content: "\ed5b";
}
.lnil-plane::before {
content: "\ed5c";
}
.lnil-popup::before {
content: "\ed5d";
}
.lnil-postcard-alt::before {
content: "\ed5e";
}
.lnil-postcard::before {
content: "\ed5f";
}
.lnil-reply::before {
content: "\ed60";
}
.lnil-road::before {
content: "\ed61";
}
.lnil-scooter::before {
content: "\ed62";
}
.lnil-ship::before {
content: "\ed63";
}
.lnil-support::before {
content: "\ed64";
}
.lnil-target-mail::before {
content: "\ed65";
}
.lnil-taxi::before {
content: "\ed66";
}
.lnil-train-alt::before {
content: "\ed67";
}
.lnil-train::before {
content: "\ed68";
}
.lnil-bullhorn::before {
content: "\ed69";
}
.lnil-bus::before {
content: "\ed6a";
}
.lnil-boarding-pass-alt::before {
content: "\ed6b";
}
.lnil-achievement::before {
content: "\ed6c";
}
.lnil-agenda::before {
content: "\ed6d";
}
.lnil-briefcase-alt::before {
content: "\ed6e";
}
.lnil-apartment-alt::before {
content: "\ed6f";
}
.lnil-apartment::before {
content: "\ed70";
}
.lnil-analytics-alt-1::before {
content: "\ed71";
}
.lnil-briefcase::before {
content: "\ed72";
}
.lnil-cart-alt::before {
content: "\ed73";
}
.lnil-cart-down::before {
content: "\ed74";
}
.lnil-cart-empty::before {
content: "\ed75";
}
.lnil-cart-full::before {
content: "\ed76";
}
.lnil-delivery::before {
content: "\ed77";
}
.lnil-desk::before {
content: "\ed78";
}
.lnil-customer::before {
content: "\ed79";
}
.lnil-graph::before {
content: "\ed7a";
}
.lnil-grow::before {
content: "\ed7b";
}
.lnil-hierchy-alt::before {
content: "\ed7c";
}
.lnil-global::before {
content: "\ed7d";
}
.lnil-hierchy::before {
content: "\ed7e";
}
.lnil-investment::before {
content: "\ed7f";
}
.lnil-notepad::before {
content: "\ed80";
}
.lnil-consulting::before {
content: "\ed81";
}
.lnil-office-plan::before {
content: "\ed82";
}
.lnil-paperclip::before {
content: "\ed83";
}
.lnil-cart::before {
content: "\ed84";
}
.lnil-offer::before {
content: "\ed85";
}
.lnil-pie-chart-alt::before {
content: "\ed86";
}
.lnil-pie-chart-dollar::before {
content: "\ed87";
}
.lnil-pie-chart::before {
content: "\ed88";
}
.lnil-pie-report::before {
content: "\ed89";
}
.lnil-handshake::before {
content: "\ed8a";
}
.lnil-pin-alt::before {
content: "\ed8b";
}
.lnil-pin::before {
content: "\ed8c";
}
.lnil-quotation::before {
content: "\ed8d";
}
.lnil-revenue::before {
content: "\ed8e";
}
.lnil-stamp::before {
content: "\ed8f";
}
.lnil-tablet-alt::before {
content: "\ed90";
}
.lnil-tag::before {
content: "\ed91";
}
.lnil-target-achievement::before {
content: "\ed92";
}
.lnil-table::before {
content: "\ed93";
}
.lnil-target-alt::before {
content: "\ed94";
}
.lnil-target-alt-1::before {
content: "\ed95";
}
.lnil-swatches::before {
content: "\ed96";
}
.lnil-stats-down::before {
content: "\ed97";
}
.lnil-stats-up::before {
content: "\ed98";
}
.lnil-target-revenue::before {
content: "\ed99";
}
.lnil-tie::before {
content: "\ed9a";
}
.lnil-target::before {
content: "\ed9b";
}
.lnil-licencse::before {
content: "\ed9c";
}
.lnil-target-remove::before {
content: "\ed9d";
}
.lnil-sales-report::before {
content: "\ed9e";
}
.lnil-Instagram::before {
content: "\ed9f";
}
.lnil-amazon::before {
content: "\eda0";
}
.lnil-amex::before {
content: "\eda1";
}
.lnil-bitbucket::before {
content: "\eda2";
}
.lnil-bitcoin::before {
content: "\eda3";
}
.lnil-chrome::before {
content: "\eda4";
}
.lnil-css3::before {
content: "\eda5";
}
.lnil-dribbble::before {
content: "\eda6";
}
.lnil-dropbox::before {
content: "\eda7";
}
.lnil-drupal::before {
content: "\eda8";
}
.lnil-facebook::before {
content: "\eda9";
}
.lnil-firefox::before {
content: "\edaa";
}
.lnil-github::before {
content: "\edab";
}
.lnil-html5::before {
content: "\edac";
}
.lnil-mastercard::before {
content: "\edad";
}
.lnil-paypal::before {
content: "\edae";
}
.lnil-play-store::before {
content: "\edaf";
}
.lnil-slack::before {
content: "\edb0";
}
.lnil-quora::before {
content: "\edb1";
}
.lnil-soundcloud::before {
content: "\edb2";
}
.lnil-spotify::before {
content: "\edb3";
}
.lnil-twitter::before {
content: "\edb4";
}
.lnil-visa::before {
content: "\edb5";
}
.lnil-android::before {
content: "\edb6";
}
.lnil-apple::before {
content: "\edb7";
}
.lnil-behance::before {
content: "\edb8";
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[11].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[11].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[11].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[11].oneOf[13].use[5]!./public/assets/fonts/LineIcons-PRO/WebFonts/Pro-Regular/font-css/LineIcons.css ***!
\*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*--------------------------------
LineIconsPro Regular Web Font
Author: lineicons.com
-------------------------------- */
@font-face {
font-family: "LineIconsPro Regular";
src: url("/_next/static/media/LineIconsPro Regular.58347dd4.eot");
src: url("/_next/static/media/LineIconsPro Regular.58347dd4.eot") format("embedded-opentype"), url("/_next/static/media/LineIconsPro Regular.473569b7.woff2") format("woff2"), url("/_next/static/media/LineIconsPro Regular.3f129577.woff") format("woff"), url("/_next/static/media/LineIconsPro Regular.e073e397.ttf") format("truetype"), url("/_next/static/media/LineIconsPro Regular.3558469e.svg") format("svg");
font-weight: normal;
font-style: normal;
}
/*------------------------
base class definition
-------------------------*/
.lnir {
display: inline-block;
font: normal normal normal 1em/1 "LineIconsPro Regular";
speak: none;
text-transform: none;
/* Better Font Rendering */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/*------------------------
change icon size
-------------------------*/
/* relative units */
.lnir-sm {
font-size: 0.8em;
}
.lnir-lg {
font-size: 1.2em;
}
/* absolute units */
.lnir-16 {
font-size: 16px;
}
.lnir-32 {
font-size: 32px;
}
/*----------------------------------
add a square/circle background
-----------------------------------*/
.lnir-bg-square,
.lnir-bg-circle {
padding: 0.35em;
background-color: #eee;
}
.lnir-bg-circle {
border-radius: 50%;
}
/*------------------------------------
use icons as list item markers
-------------------------------------*/
.lnir-ul {
padding-left: 0;
list-style-type: none;
}
.lnir-ul > li {
display: flex;
align-items: flex-start;
line-height: 1.4;
}
.lnir-ul > li > .lnir {
margin-right: 0.4em;
line-height: inherit;
}
/*------------------------
spinning icons
-------------------------*/
.lnir-is-spinning {
animation: lnir-spin 2s infinite linear;
}
@keyframes lnir-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/*------------------------
rotated/flipped icons
-------------------------*/
.lnir-rotate-90 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
transform: rotate(90deg);
}
.lnir-rotate-180 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
transform: rotate(180deg);
}
.lnir-rotate-270 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
transform: rotate(270deg);
}
.lnir-flip-y {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
transform: scale(-1, 1);
}
.lnir-flip-x {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
transform: scale(1, -1);
}
/*------------------------
icons
-------------------------*/
.lnir-500px::before {
content: "\ea02";
}
.lnir-adobe::before {
content: "\ea03";
}
.lnir-airbnb::before {
content: "\ea04";
}
.lnir-amazon-original::before {
content: "\ea05";
}
.lnir-amazon-pay::before {
content: "\ea06";
}
.lnir-amazon::before {
content: "\ea07";
}
.lnir-angellist::before {
content: "\ea08";
}
.lnir-android-original::before {
content: "\ea09";
}
.lnir-android::before {
content: "\ea0a";
}
.lnir-amex::before {
content: "\ea0b";
}
.lnir-angular::before {
content: "\ea0c";
}
.lnir-atlassian::before {
content: "\ea0d";
}
.lnir-apple-pay::before {
content: "\ea0e";
}
.lnir-apple::before {
content: "\ea0f";
}
.lnir-app-store::before {
content: "\ea10";
}
.lnir-aws::before {
content: "\ea11";
}
.lnir-behance-original::before {
content: "\ea12";
}
.lnir-behance::before {
content: "\ea13";
}
.lnir-bitbucket::before {
content: "\ea14";
}
.lnir-chrome::before {
content: "\ea15";
}
.lnir-bitcoin::before {
content: "\ea16";
}
.lnir-codepen::before {
content: "\ea17";
}
.lnir-bootstrap::before {
content: "\ea18";
}
.lnir-css3::before {
content: "\ea19";
}
.lnir-blogger::before {
content: "\ea1a";
}
.lnir-dev::before {
content: "\ea1b";
}
.lnir-diners-club::before {
content: "\ea1c";
}
.lnir-discord::before {
content: "\ea1d";
}
.lnir-discover::before {
content: "\ea1e";
}
.lnir-docker::before {
content: "\ea1f";
}
.lnir-dribbble::before {
content: "\ea20";
}
.lnir-dropbox::before {
content: "\ea21";
}
.lnir-drupal-original::before {
content: "\ea22";
}
.lnir-drupal::before {
content: "\ea23";
}
.lnir-edge::before {
content: "\ea24";
}
.lnir-envato::before {
content: "\ea25";
}
.lnir-facebook-filled::before {
content: "\ea26";
}
.lnir-cpanel::before {
content: "\ea27";
}
.lnir-creative-commons::before {
content: "\ea28";
}
.lnir-facebook-messenger::before {
content: "\ea29";
}
.lnir-facebook-original::before {
content: "\ea2a";
}
.lnir-facebook-oval::before {
content: "\ea2b";
}
.lnir-facebook::before {
content: "\ea2c";
}
.lnir-figma::before {
content: "\ea2d";
}
.lnir-firefox-original::before {
content: "\ea2e";
}
.lnir-firefox::before {
content: "\ea2f";
}
.lnir-flickr::before {
content: "\ea30";
}
.lnir-git::before {
content: "\ea31";
}
.lnir-github-original::before {
content: "\ea32";
}
.lnir-github::before {
content: "\ea33";
}
.lnir-goodreads::before {
content: "\ea34";
}
.lnir-google-drive::before {
content: "\ea35";
}
.lnir-google-pay::before {
content: "\ea36";
}
.lnir-google-wallet::before {
content: "\ea37";
}
.lnir-google::before {
content: "\ea38";
}
.lnir-hacker-news::before {
content: "\ea39";
}
.lnir-html5::before {
content: "\ea3a";
}
.lnir-instagram-filled::before {
content: "\ea3b";
}
.lnir-instagram-original::before {
content: "\ea3c";
}
.lnir-instagram::before {
content: "\ea3d";
}
.lnir-javascript::before {
content: "\ea3e";
}
.lnir-jcb::before {
content: "\ea3f";
}
.lnir-joomla::before {
content: "\ea40";
}
.lnir-laravel::before {
content: "\ea41";
}
.lnir-lineicons-alt::before {
content: "\ea42";
}
.lnir-dropbox-original::before {
content: "\ea43";
}
.lnir-linkedin-original::before {
content: "\ea44";
}
.lnir-mailchimp::before {
content: "\ea45";
}
.lnir-mastercard::before {
content: "\ea46";
}
.lnir-medium::before {
content: "\ea47";
}
.lnir-megento::before {
content: "\ea48";
}
.lnir-microsoft::before {
content: "\ea49";
}
.lnir-nodejs-alt::before {
content: "\ea4a";
}
.lnir-nodejs::before {
content: "\ea4b";
}
.lnir-npm::before {
content: "\ea4c";
}
.lnir-opera::before {
content: "\ea4d";
}
.lnir-patreon::before {
content: "\ea4e";
}
.lnir-paypal-original::before {
content: "\ea4f";
}
.lnir-paypal::before {
content: "\ea50";
}
.lnir-php::before {
content: "\ea51";
}
.lnir-line::before {
content: "\ea52";
}
.lnir-lineicons::before {
content: "\ea53";
}
.lnir-linkedin::before {
content: "\ea54";
}
.lnir-pinterest::before {
content: "\ea55";
}
.lnir-play-store::before {
content: "\ea56";
}
.lnir-producthunt::before {
content: "\ea57";
}
.lnir-python::before {
content: "\ea58";
}
.lnir-quora::before {
content: "\ea59";
}
.lnir-react::before {
content: "\ea5a";
}
.lnir-reddit::before {
content: "\ea5b";
}
.lnir-shopify::before {
content: "\ea5c";
}
.lnir-sketch::before {
content: "\ea5d";
}
.lnir-skype::before {
content: "\ea5e";
}
.lnir-slack::before {
content: "\ea5f";
}
.lnir-slideshare::before {
content: "\ea60";
}
.lnir-snapchat::before {
content: "\ea61";
}
.lnir-souncloud-original::before {
content: "\ea62";
}
.lnir-soundcloud::before {
content: "\ea63";
}
.lnir-spotify-original::before {
content: "\ea64";
}
.lnir-spotify::before {
content: "\ea65";
}
.lnir-stackoverflow::before {
content: "\ea66";
}
.lnir-swift::before {
content: "\ea67";
}
.lnir-telegram-original::before {
content: "\ea68";
}
.lnir-telegram::before {
content: "\ea69";
}
.lnir-trello::before {
content: "\ea6a";
}
.lnir-stripe::before {
content: "\ea6b";
}
.lnir-tumblr::before {
content: "\ea6c";
}
.lnir-stumbleupon::before {
content: "\ea6d";
}
.lnir-twitter-original::before {
content: "\ea6e";
}
.lnir-twitter::before {
content: "\ea6f";
}
.lnir-ubuntu::before {
content: "\ea70";
}
.lnir-vimeo::before {
content: "\ea71";
}
.lnir-twitch::before {
content: "\ea72";
}
.lnir-steam::before {
content: "\ea73";
}
.lnir-twitter-filled::before {
content: "\ea74";
}
.lnir-visa::before {
content: "\ea75";
}
.lnir-vk::before {
content: "\ea76";
}
.lnir-wechat::before {
content: "\ea77";
}
.lnir-whatsapp::before {
content: "\ea78";
}
.lnir-windows::before {
content: "\ea79";
}
.lnir-wordpress-filled::before {
content: "\ea7a";
}
.lnir-wordpress::before {
content: "\ea7b";
}
.lnir-yahoo::before {
content: "\ea7c";
}
.lnir-ycombinator::before {
content: "\ea7d";
}
.lnir-youtube::before {
content: "\ea7e";
}
.lnir-anchor::before {
content: "\ea7f";
}
.lnir-bi-cycle::before {
content: "\ea80";
}
.lnir-boarding-pass-alt::before {
content: "\ea81";
}
.lnir-boarding-pass::before {
content: "\ea82";
}
.lnir-java::before {
content: "\ea83";
}
.lnir-jsfiddle::before {
content: "\ea84";
}
.lnir-bridge::before {
content: "\ea85";
}
.lnir-bullhorn::before {
content: "\ea86";
}
.lnir-bus::before {
content: "\ea87";
}
.lnir-car-alt::before {
content: "\ea88";
}
.lnir-car::before {
content: "\ea89";
}
.lnir-caravan::before {
content: "\ea8a";
}
.lnir-chat-add::before {
content: "\ea8b";
}
.lnir-chat-minus::before {
content: "\ea8c";
}
.lnir-comments-alt::before {
content: "\ea8d";
}
.lnir-comments-reply::before {
content: "\ea8e";
}
.lnir-comments::before {
content: "\ea8f";
}
.lnir-envelope-alt::before {
content: "\ea90";
}
.lnir-helicopter::before {
content: "\ea91";
}
.lnir-inbox::before {
content: "\ea92";
}
.lnir-megaphone::before {
content: "\ea93";
}
.lnir-message-attachement::before {
content: "\ea94";
}
.lnir-message-block::before {
content: "\ea95";
}
.lnir-message-check::before {
content: "\ea96";
}
.lnir-message-cross::before {
content: "\ea97";
}
.lnir-message-desktop::before {
content: "\ea98";
}
.lnir-message-edit::before {
content: "\ea99";
}
.lnir-message-forward::before {
content: "\ea9a";
}
.lnir-message-incoming::before {
content: "\ea9b";
}
.lnir-message-laptop::before {
content: "\ea9c";
}
.lnir-message-lock::before {
content: "\ea9d";
}
.lnir-message-love::before {
content: "\ea9e";
}
.lnir-message-minus::before {
content: "\ea9f";
}
.lnir-message-outgoing::before {
content: "\eaa0";
}
.lnir-message-plus::before {
content: "\eaa1";
}
.lnir-message-reply::before {
content: "\eaa2";
}
.lnir-message-search::before {
content: "\eaa3";
}
.lnir-message-share::before {
content: "\eaa4";
}
.lnir-mobile-chat::before {
content: "\eaa5";
}
.lnir-page::before {
content: "\eaa6";
}
.lnir-phone-block::before {
content: "\eaa7";
}
.lnir-phone-caling::before {
content: "\eaa8";
}
.lnir-phone-conference::before {
content: "\eaa9";
}
.lnir-phone-cut::before {
content: "\eaaa";
}
.lnir-phone-forward::before {
content: "\eaab";
}
.lnir-phone-incoming::before {
content: "\eaac";
}
.lnir-phone-misscall::before {
content: "\eaad";
}
.lnir-phone-outgoing::before {
content: "\eaae";
}
.lnir-phone-pause::before {
content: "\eaaf";
}
.lnir-phone-redial::before {
content: "\eab0";
}
.lnir-phone-ring::before {
content: "\eab1";
}
.lnir-phone-set::before {
content: "\eab2";
}
.lnir-phone::before {
content: "\eab3";
}
.lnir-plane-alt::before {
content: "\eab4";
}
.lnir-plane::before {
content: "\eab5";
}
.lnir-popup::before {
content: "\eab6";
}
.lnir-postcard-alt::before {
content: "\eab7";
}
.lnir-postcard::before {
content: "\eab8";
}
.lnir-reply::before {
content: "\eab9";
}
.lnir-road::before {
content: "\eaba";
}
.lnir-scooter::before {
content: "\eabb";
}
.lnir-ship::before {
content: "\eabc";
}
.lnir-support::before {
content: "\eabd";
}
.lnir-target-mail::before {
content: "\eabe";
}
.lnir-taxi::before {
content: "\eabf";
}
.lnir-train-alt::before {
content: "\eac0";
}
.lnir-train::before {
content: "\eac1";
}
.lnir-boundary::before {
content: "\eac2";
}
.lnir-bricks-alt::before {
content: "\eac3";
}
.lnir-bricks::before {
content: "\eac4";
}
.lnir-bulldozer::before {
content: "\eac5";
}
.lnir-cone::before {
content: "\eac6";
}
.lnir-construction-hammer::before {
content: "\eac7";
}
.lnir-construction-rular::before {
content: "\eac8";
}
.lnir-construction::before {
content: "\eac9";
}
.lnir-door-alt::before {
content: "\eaca";
}
.lnir-drill::before {
content: "\eacb";
}
.lnir-fence::before {
content: "\eacc";
}
.lnir-hammer-alt::before {
content: "\eacd";
}
.lnir-envelope::before {
content: "\eace";
}
.lnir-joomla-original::before {
content: "\eacf";
}
.lnir-bubble::before {
content: "\ead0";
}
.lnir-door::before {
content: "\ead1";
}
.lnir-helmet::before {
content: "\ead2";
}
.lnir-hook::before {
content: "\ead3";
}
.lnir-house-alt-1::before {
content: "\ead4";
}
.lnir-house-alt::before {
content: "\ead5";
}
.lnir-house-heart::before {
content: "\ead6";
}
.lnir-house-plan::before {
content: "\ead7";
}
.lnir-house::before {
content: "\ead8";
}
.lnir-measuring-tape::before {
content: "\ead9";
}
.lnir-paint-bucket::before {
content: "\eada";
}
.lnir-paint-roller-alt-1::before {
content: "\eadb";
}
.lnir-paint-roller-alt::before {
content: "\eadc";
}
.lnir-paint-roller::before {
content: "\eadd";
}
.lnir-pipe::before {
content: "\eade";
}
.lnir-ruler-alt::before {
content: "\eadf";
}
.lnir-ruler-pencil::before {
content: "\eae0";
}
.lnir-ruler::before {
content: "\eae1";
}
.lnir-saw-alt::before {
content: "\eae2";
}
.lnir-saw::before {
content: "\eae3";
}
.lnir-screw::before {
content: "\eae4";
}
.lnir-screwdriver::before {
content: "\eae5";
}
.lnir-shovel::before {
content: "\eae6";
}
.lnir-toolbox::before {
content: "\eae7";
}
.lnir-triangle-ruler-1::before {
content: "\eae8";
}
.lnir-triangle-ruler::before {
content: "\eae9";
}
.lnir-trowel-alt::before {
content: "\eaea";
}
.lnir-trowel::before {
content: "\eaeb";
}
.lnir-wheelbarrow::before {
content: "\eaec";
}
.lnir-wrench::before {
content: "\eaed";
}
.lnir-brush-alt::before {
content: "\eaee";
}
.lnir-brush::before {
content: "\eaef";
}
.lnir-color-palette::before {
content: "\eaf0";
}
.lnir-crop-alt::before {
content: "\eaf1";
}
.lnir-crop::before {
content: "\eaf2";
}
.lnir-grid-alt::before {
content: "\eaf3";
}
.lnir-grid::before {
content: "\eaf4";
}
.lnir-highlight-alt::before {
content: "\eaf5";
}
.lnir-highlight::before {
content: "\eaf6";
}
.lnir-image-crop::before {
content: "\eaf7";
}
.lnir-layers-alt-1::before {
content: "\eaf8";
}
.lnir-layers-alt::before {
content: "\eaf9";
}
.lnir-layers::before {
content: "\eafa";
}
.lnir-layout-alt-1::before {
content: "\eafb";
}
.lnir-layout-alt-2::before {
content: "\eafc";
}
.lnir-layout-alt::before {
content: "\eafd";
}
.lnir-layout::before {
content: "\eafe";
}
.lnir-magic-wand::before {
content: "\eaff";
}
.lnir-margin::before {
content: "\eb00";
}
.lnir-move::before {
content: "\eb01";
}
.lnir-pallet::before {
content: "\eb02";
}
.lnir-rotate::before {
content: "\eb03";
}
.lnir-scaling::before {
content: "\eb04";
}
.lnir-select::before {
content: "\eb05";
}
.lnir-size::before {
content: "\eb06";
}
.lnir-slice::before {
content: "\eb07";
}
.lnir-transform::before {
content: "\eb08";
}
.lnir-ux::before {
content: "\eb09";
}
.lnir-vector-alt::before {
content: "\eb0a";
}
.lnir-vector-pen::before {
content: "\eb0b";
}
.lnir-vector::before {
content: "\eb0c";
}
.lnir-angle-double-down::before {
content: "\eb0d";
}
.lnir-angle-double-left::before {
content: "\eb0e";
}
.lnir-angle-double-right::before {
content: "\eb0f";
}
.lnir-angle-double-up::before {
content: "\eb10";
}
.lnir-arrow-double-down::before {
content: "\eb11";
}
.lnir-arrow-double-left::before {
content: "\eb12";
}
.lnir-arrow-double-right::before {
content: "\eb13";
}
.lnir-arrow-double-top::before {
content: "\eb14";
}
.lnir-arrow-down-circle::before {
content: "\eb15";
}
.lnir-arrow-down::before {
content: "\eb16";
}
.lnir-arrow-expand-alt::before {
content: "\eb17";
}
.lnir-arrow-expand::before {
content: "\eb18";
}
.lnir-arrow-left-circle::before {
content: "\eb19";
}
.lnir-arrow-left::before {
content: "\eb1a";
}
.lnir-arrow-minimize-alt::before {
content: "\eb1b";
}
.lnir-arrow-minimize::before {
content: "\eb1c";
}
.lnir-arrow-right-circle::before {
content: "\eb1d";
}
.lnir-arrow-right::before {
content: "\eb1e";
}
.lnir-arrow-top-left::before {
content: "\eb1f";
}
.lnir-arrow-top-right::before {
content: "\eb20";
}
.lnir-arrow-up-circle::before {
content: "\eb21";
}
.lnir-arrow-up::before {
content: "\eb22";
}
.lnir-arrows-horizontal::before {
content: "\eb23";
}
.lnir-arrows-vertical::before {
content: "\eb24";
}
.lnir-axis::before {
content: "\eb25";
}
.lnir-chevron-down-circle::before {
content: "\eb26";
}
.lnir-chevron-down::before {
content: "\eb27";
}
.lnir-chevron-left-circle::before {
content: "\eb28";
}
.lnir-chevron-left::before {
content: "\eb29";
}
.lnir-chevron-right-circle::before {
content: "\eb2a";
}
.lnir-chevron-right::before {
content: "\eb2b";
}
.lnir-chevron-up-circle::before {
content: "\eb2c";
}
.lnir-chevron-up::before {
content: "\eb2d";
}
.lnir-direction-alt::before {
content: "\eb2e";
}
.lnir-direction-ltr::before {
content: "\eb2f";
}
.lnir-direction-rtl::before {
content: "\eb30";
}
.lnir-direction::before {
content: "\eb31";
}
.lnir-down-arrow-box::before {
content: "\eb32";
}
.lnir-down-left-arrow-box::before {
content: "\eb33";
}
.lnir-down-right-arrow-box::before {
content: "\eb34";
}
.lnir-enter::before {
content: "\eb35";
}
.lnir-exit-down::before {
content: "\eb36";
}
.lnir-exit-up::before {
content: "\eb37";
}
.lnir-exit::before {
content: "\eb38";
}
.lnir-left-arrow-box::before {
content: "\eb39";
}
.lnir-pointer-down::before {
content: "\eb3a";
}
.lnir-pointer-left::before {
content: "\eb3b";
}
.lnir-pointer-right::before {
content: "\eb3c";
}
.lnir-pointer-up::before {
content: "\eb3d";
}
.lnir-right-arrow-box::before {
content: "\eb3e";
}
.lnir-shift-left::before {
content: "\eb3f";
}
.lnir-shift-right::before {
content: "\eb40";
}
.lnir-top-left-arrow-box::before {
content: "\eb41";
}
.lnir-top-arrow-box::before {
content: "\eb42";
}
.lnir-top-right-arrow-box::before {
content: "\eb43";
}
.lnir-capital-letter::before {
content: "\eb44";
}
.lnir-font::before {
content: "\eb45";
}
.lnir-height::before {
content: "\eb46";
}
.lnir-indent-decrease::before {
content: "\eb47";
}
.lnir-indent-increase::before {
content: "\eb48";
}
.lnir-italic::before {
content: "\eb49";
}
.lnir-line-dashed::before {
content: "\eb4a";
}
.lnir-line-dotted::before {
content: "\eb4b";
}
.lnir-line-double::before {
content: "\eb4c";
}
.lnir-line-spacing::before {
content: "\eb4d";
}
.lnir-page-break::before {
content: "\eb4e";
}
.lnir-pagination::before {
content: "\eb4f";
}
.lnir-pilcrow::before {
content: "\eb50";
}
.lnir-redo::before {
content: "\eb51";
}
.lnir-reflect::before {
content: "\eb52";
}
.lnir-sort-alpha-asc::before {
content: "\eb53";
}
.lnir-sort-amount-asc::before {
content: "\eb54";
}
.lnir-sort-amount-dsc::before {
content: "\eb55";
}
.lnir-spellcheck::before {
content: "\eb56";
}
.lnir-text-align-justify::before {
content: "\eb57";
}
.lnir-text-align-left::before {
content: "\eb58";
}
.lnir-hammer::before {
content: "\eb59";
}
.lnir-helmet-alt::before {
content: "\eb5a";
}
.lnir-text-align-right::before {
content: "\eb5b";
}
.lnir-text-align-center::before {
content: "\eb5c";
}
.lnir-text-format-remove::before {
content: "\eb5d";
}
.lnir-text::before {
content: "\eb5e";
}
.lnir-underline::before {
content: "\eb5f";
}
.lnir-undo::before {
content: "\eb60";
}
.lnir-vertical-line::before {
content: "\eb61";
}
.lnir-atom::before {
content: "\eb62";
}
.lnir-backpack-alt::before {
content: "\eb63";
}
.lnir-backpack::before {
content: "\eb64";
}
.lnir-blackboard::before {
content: "\eb65";
}
.lnir-book-alt::before {
content: "\eb66";
}
.lnir-book::before {
content: "\eb67";
}
.lnir-books-alt::before {
content: "\eb68";
}
.lnir-books::before {
content: "\eb69";
}
.lnir-brakckets::before {
content: "\eb6a";
}
.lnir-certificate-alt-1::before {
content: "\eb6b";
}
.lnir-certificate-alt::before {
content: "\eb6c";
}
.lnir-certificate::before {
content: "\eb6d";
}
.lnir-classroom::before {
content: "\eb6e";
}
.lnir-clipboard::before {
content: "\eb6f";
}
.lnir-compass::before {
content: "\eb70";
}
.lnir-cubes::before {
content: "\eb71";
}
.lnir-eraser::before {
content: "\eb72";
}
.lnir-flask-alt-1::before {
content: "\eb73";
}
.lnir-flask-alt-2::before {
content: "\eb74";
}
.lnir-flask-alt::before {
content: "\eb75";
}
.lnir-flask::before {
content: "\eb76";
}
.lnir-graduate-alt::before {
content: "\eb77";
}
.lnir-graduate::before {
content: "\eb78";
}
.lnir-graduation::before {
content: "\eb79";
}
.lnir-letterblocks::before {
content: "\eb7a";
}
.lnir-library::before {
content: "\eb7b";
}
.lnir-medal-alt::before {
content: "\eb7c";
}
.lnir-medal::before {
content: "\eb7d";
}
.lnir-molecule-alt::before {
content: "\eb7e";
}
.lnir-molecule::before {
content: "\eb7f";
}
.lnir-pencil-alt::before {
content: "\eb80";
}
.lnir-pencil::before {
content: "\eb81";
}
.lnir-quill::before {
content: "\eb82";
}
.lnir-school-bench-alt::before {
content: "\eb83";
}
.lnir-school-bench::before {
content: "\eb84";
}
.lnir-sketchbook::before {
content: "\eb85";
}
.lnir-whiteboard-alt-1::before {
content: "\eb86";
}
.lnir-whiteboard-alt-2::before {
content: "\eb87";
}
.lnir-whiteboard-alt::before {
content: "\eb88";
}
.lnir-whiteboard::before {
content: "\eb89";
}
.lnir-world-2::before {
content: "\eb8a";
}
.lnir-world-alt::before {
content: "\eb8b";
}
.lnir-world::before {
content: "\eb8c";
}
.lnir-write::before {
content: "\eb8d";
}
.lnir-apple-alt::before {
content: "\eb8e";
}
.lnir-banana::before {
content: "\eb8f";
}
.lnir-bowl-alt::before {
content: "\eb90";
}
.lnir-bowl-alt-1::before {
content: "\eb91";
}
.lnir-bowl::before {
content: "\eb92";
}
.lnir-brocolli::before {
content: "\eb93";
}
.lnir-burger-alt-1::before {
content: "\eb94";
}
.lnir-burger-alt::before {
content: "\eb95";
}
.lnir-burger::before {
content: "\eb96";
}
.lnir-chef-hat-alt-1::before {
content: "\eb97";
}
.lnir-chef-hat-alt-2::before {
content: "\eb98";
}
.lnir-chef-hat-alt::before {
content: "\eb99";
}
.lnir-chef-hat::before {
content: "\eb9a";
}
.lnir-chicken::before {
content: "\eb9b";
}
.lnir-cocktail-alt-1::before {
content: "\eb9c";
}
.lnir-cocktail-alt::before {
content: "\eb9d";
}
.lnir-cocktail::before {
content: "\eb9e";
}
.lnir-coffee-cup-alt::before {
content: "\eb9f";
}
.lnir-coffee-cup::before {
content: "\eba0";
}
.lnir-cupcake-alt::before {
content: "\eba1";
}
.lnir-cupcake::before {
content: "\eba2";
}
.lnir-cutlery-alt-1::before {
content: "\eba3";
}
.lnir-cutlery-alt::before {
content: "\eba4";
}
.lnir-cutlery::before {
content: "\eba5";
}
.lnir-dinner-table::before {
content: "\eba6";
}
.lnir-dinner::before {
content: "\eba7";
}
.lnir-drumstick::before {
content: "\eba8";
}
.lnir-fresh-juice::before {
content: "\eba9";
}
.lnir-ice-cream-alt::before {
content: "\ebaa";
}
.lnir-ice-cream::before {
content: "\ebab";
}
.lnir-juice::before {
content: "\ebac";
}
.lnir-lolypop::before {
content: "\ebad";
}
.lnir-meat::before {
content: "\ebae";
}
.lnir-pizza-alt::before {
content: "\ebaf";
}
.lnir-pizza::before {
content: "\ebb0";
}
.lnir-plate::before {
content: "\ebb1";
}
.lnir-popcorn::before {
content: "\ebb2";
}
.lnir-restaurant::before {
content: "\ebb3";
}
.lnir-service::before {
content: "\ebb4";
}
.lnir-silverware::before {
content: "\ebb5";
}
.lnir-spatula::before {
content: "\ebb6";
}
.lnir-ambulance-alt-1::before {
content: "\ebb7";
}
.lnir-ambulance-alt::before {
content: "\ebb8";
}
.lnir-ambulance::before {
content: "\ebb9";
}
.lnir-basketball::before {
content: "\ebba";
}
.lnir-bone::before {
content: "\ebbb";
}
.lnir-brain-alt::before {
content: "\ebbc";
}
.lnir-brain-check-alt::before {
content: "\ebbd";
}
.lnir-brain-check::before {
content: "\ebbe";
}
.lnir-brain::before {
content: "\ebbf";
}
.lnir-broken-bone::before {
content: "\ebc0";
}
.lnir-capsule-alt-1::before {
content: "\ebc1";
}
.lnir-capsule-alt::before {
content: "\ebc2";
}
.lnir-capsule::before {
content: "\ebc3";
}
.lnir-capsules::before {
content: "\ebc4";
}
.lnir-cardiology::before {
content: "\ebc5";
}
.lnir-diagnosis-alt::before {
content: "\ebc6";
}
.lnir-diagnosis::before {
content: "\ebc7";
}
.lnir-dna::before {
content: "\ebc8";
}
.lnir-dropper-alt-1::before {
content: "\ebc9";
}
.lnir-dropper-alt-2::before {
content: "\ebca";
}
.lnir-dropper-alt::before {
content: "\ebcb";
}
.lnir-dropper::before {
content: "\ebcc";
}
.lnir-dumbbell::before {
content: "\ebcd";
}
.lnir-eye-test::before {
content: "\ebce";
}
.lnir-female::before {
content: "\ebcf";
}
.lnir-first-aid::before {
content: "\ebd0";
}
.lnir-gluten-free::before {
content: "\ebd1";
}
.lnir-heart-check::before {
content: "\ebd2";
}
.lnir-heart-monitor::before {
content: "\ebd3";
}
.lnir-heartrate-monitor::before {
content: "\ebd4";
}
.lnir-hospital-alt-1::before {
content: "\ebd5";
}
.lnir-hospital-alt-2::before {
content: "\ebd6";
}
.lnir-hospital-alt-3::before {
content: "\ebd7";
}
.lnir-hospital-alt-4::before {
content: "\ebd8";
}
.lnir-hospital-alt::before {
content: "\ebd9";
}
.lnir-hospital-bed-alt-1::before {
content: "\ebda";
}
.lnir-hospital-bed-alt-2::before {
content: "\ebdb";
}
.lnir-hospital-bed-alt::before {
content: "\ebdc";
}
.lnir-hospital-bed::before {
content: "\ebdd";
}
.lnir-hospital-location::before {
content: "\ebde";
}
.lnir-hospital-sign::before {
content: "\ebdf";
}
.lnir-hospital::before {
content: "\ebe0";
}
.lnir-kettlebell::before {
content: "\ebe1";
}
.lnir-lungs::before {
content: "\ebe2";
}
.lnir-male::before {
content: "\ebe3";
}
.lnir-medical-briefcase-alt::before {
content: "\ebe4";
}
.lnir-medical-briefcase::before {
content: "\ebe5";
}
.lnir-medical-protection::before {
content: "\ebe6";
}
.lnir-medical-sign::before {
content: "\ebe7";
}
.lnir-medicine-alt::before {
content: "\ebe8";
}
.lnir-medicine-bottle::before {
content: "\ebe9";
}
.lnir-medicine::before {
content: "\ebea";
}
.lnir-microscope::before {
content: "\ebeb";
}
.lnir-pulse::before {
content: "\ebec";
}
.lnir-report-laptop::before {
content: "\ebed";
}
.lnir-saline-alt-1::before {
content: "\ebee";
}
.lnir-saline::before {
content: "\ebef";
}
.lnir-skipping-rope::before {
content: "\ebf0";
}
.lnir-slim::before {
content: "\ebf1";
}
.lnir-sthethoscope::before {
content: "\ebf2";
}
.lnir-saline-alt::before {
content: "\ebf3";
}
.lnir-syringe::before {
content: "\ebf4";
}
.lnir-test-tube-alt::before {
content: "\ebf5";
}
.lnir-test-tube::before {
content: "\ebf6";
}
.lnir-thermometer-alt::before {
content: "\ebf7";
}
.lnir-thermometer::before {
content: "\ebf8";
}
.lnir-tooth::before {
content: "\ebf9";
}
.lnir-walker::before {
content: "\ebfa";
}
.lnir-weight-machine::before {
content: "\ebfb";
}
.lnir-weight::before {
content: "\ebfc";
}
.lnir-wheelchair::before {
content: "\ebfd";
}
.lnir-yoga-mat::before {
content: "\ebfe";
}
.lnir-achievement::before {
content: "\ebff";
}
.lnir-analytics-alt-1::before {
content: "\ec00";
}
.lnir-agenda::before {
content: "\ec01";
}
.lnir-apartment-alt::before {
content: "\ec02";
}
.lnir-apartment::before {
content: "\ec03";
}
.lnir-briefcase-alt::before {
content: "\ec04";
}
.lnir-briefcase::before {
content: "\ec05";
}
.lnir-cart-alt::before {
content: "\ec06";
}
.lnir-cart-down::before {
content: "\ec07";
}
.lnir-cart-empty::before {
content: "\ec08";
}
.lnir-cart-full::before {
content: "\ec09";
}
.lnir-cart::before {
content: "\ec0a";
}
.lnir-consulting::before {
content: "\ec0b";
}
.lnir-customer::before {
content: "\ec0c";
}
.lnir-delivery::before {
content: "\ec0d";
}
.lnir-desk::before {
content: "\ec0e";
}
.lnir-global::before {
content: "\ec0f";
}
.lnir-grow::before {
content: "\ec10";
}
.lnir-handshake::before {
content: "\ec11";
}
.lnir-hierchy-alt::before {
content: "\ec12";
}
.lnir-hierchy::before {
content: "\ec13";
}
.lnir-invest-monitor::before {
content: "\ec14";
}
.lnir-investment::before {
content: "\ec15";
}
.lnir-license::before {
content: "\ec16";
}
.lnir-notepad::before {
content: "\ec17";
}
.lnir-offer::before {
content: "\ec18";
}
.lnir-office-plan::before {
content: "\ec19";
}
.lnir-pie-chart-alt::before {
content: "\ec1a";
}
.lnir-paperclip::before {
content: "\ec1b";
}
.lnir-pie-chart-dollar::before {
content: "\ec1c";
}
.lnir-pie-chart::before {
content: "\ec1d";
}
.lnir-pie-report::before {
content: "\ec1e";
}
.lnir-pin-alt::before {
content: "\ec1f";
}
.lnir-pin::before {
content: "\ec20";
}
.lnir-quotation::before {
content: "\ec21";
}
.lnir-revenue::before {
content: "\ec22";
}
.lnir-sales-report::before {
content: "\ec23";
}
.lnir-stamp::before {
content: "\ec24";
}
.lnir-stats-down::before {
content: "\ec25";
}
.lnir-stats-up::before {
content: "\ec26";
}
.lnir-swatches::before {
content: "\ec27";
}
.lnir-table::before {
content: "\ec28";
}
.lnir-tablet-alt::before {
content: "\ec29";
}
.lnir-tag::before {
content: "\ec2a";
}
.lnir-target-achievement::before {
content: "\ec2b";
}
.lnir-target-alt-1::before {
content: "\ec2c";
}
.lnir-target-alt::before {
content: "\ec2d";
}
.lnir-target-remove::before {
content: "\ec2e";
}
.lnir-target-revenue::before {
content: "\ec2f";
}
.lnir-target::before {
content: "\ec30";
}
.lnir-tie::before {
content: "\ec31";
}
.lnir-analytics::before {
content: "\ec32";
}
.lnir-bar-chart::before {
content: "\ec33";
}
.lnir-bar-check::before {
content: "\ec34";
}
.lnir-billboard-alt::before {
content: "\ec35";
}
.lnir-billboard::before {
content: "\ec36";
}
.lnir-graph-alt-1::before {
content: "\ec37";
}
.lnir-graph-alt-2::before {
content: "\ec38";
}
.lnir-graph-alt-3::before {
content: "\ec39";
}
.lnir-graph-alt-4::before {
content: "\ec3a";
}
.lnir-graph-alt::before {
content: "\ec3b";
}
.lnir-graph-decrease::before {
content: "\ec3c";
}
.lnir-graph-increase::before {
content: "\ec3d";
}
.lnir-graph::before {
content: "\ec3e";
}
.lnir-keyword-research::before {
content: "\ec3f";
}
.lnir-network-alt::before {
content: "\ec40";
}
.lnir-network::before {
content: "\ec41";
}
.lnir-pyramid-decrease::before {
content: "\ec42";
}
.lnir-pyramid-increase::before {
content: "\ec43";
}
.lnir-pyramid::before {
content: "\ec44";
}
.lnir-rook::before {
content: "\ec45";
}
.lnir-seo::before {
content: "\ec46";
}
.lnir-strategy::before {
content: "\ec47";
}
.lnir-target-audience-alt::before {
content: "\ec48";
}
.lnir-target-customer::before {
content: "\ec49";
}
.lnir-website-rank::before {
content: "\ec4a";
}
.lnir-barrier::before {
content: "\ec4b";
}
.lnir-bolt-alt::before {
content: "\ec4c";
}
.lnir-bolt::before {
content: "\ec4d";
}
.lnir-checkbox::before {
content: "\ec4e";
}
.lnir-checkmark-circle::before {
content: "\ec4f";
}
.lnir-checkmark::before {
content: "\ec50";
}
.lnir-circle-minus::before {
content: "\ec51";
}
.lnir-circle-plus::before {
content: "\ec52";
}
.lnir-close::before {
content: "\ec53";
}
.lnir-cross-circle::before {
content: "\ec54";
}
.lnir-electricity::before {
content: "\ec55";
}
.lnir-eye-alt::before {
content: "\ec56";
}
.lnir-eye::before {
content: "\ec57";
}
.lnir-find::before {
content: "\ec58";
}
.lnir-flag-alt::before {
content: "\ec59";
}
.lnir-flag::before {
content: "\ec5a";
}
.lnir-funnel-alt-1::before {
content: "\ec5b";
}
.lnir-funnel-alt::before {
content: "\ec5c";
}
.lnir-funnel::before {
content: "\ec5d";
}
.lnir-hand::before {
content: "\ec5e";
}
.lnir-heart-filled::before {
content: "\ec5f";
}
.lnir-heart-plus::before {
content: "\ec60";
}
.lnir-heart::before {
content: "\ec61";
}
.lnir-help::before {
content: "\ec62";
}
.lnir-hotel-sign::before {
content: "\ec63";
}
.lnir-idea-alt::before {
content: "\ec64";
}
.lnir-identity::before {
content: "\ec65";
}
.lnir-infinite::before {
content: "\ec66";
}
.lnir-information::before {
content: "\ec67";
}
.lnir-invention::before {
content: "\ec68";
}
.lnir-key-alt-1::before {
content: "\ec69";
}
.lnir-key-alt-2::before {
content: "\ec6a";
}
.lnir-key-alt-3::before {
content: "\ec6b";
}
.lnir-key-alt::before {
content: "\ec6c";
}
.lnir-key::before {
content: "\ec6d";
}
.lnir-life-ring::before {
content: "\ec6e";
}
.lnir-list-alt-1::before {
content: "\ec6f";
}
.lnir-list-alt::before {
content: "\ec70";
}
.lnir-list::before {
content: "\ec71";
}
.lnir-lock-alt-1::before {
content: "\ec72";
}
.lnir-lock-alt-2::before {
content: "\ec73";
}
.lnir-lock-alt::before {
content: "\ec74";
}
.lnir-lock::before {
content: "\ec75";
}
.lnir-minus::before {
content: "\ec76";
}
.lnir-more-alt-1::before {
content: "\ec77";
}
.lnir-more-alt::before {
content: "\ec78";
}
.lnir-more::before {
content: "\ec79";
}
.lnir-music-note::before {
content: "\ec7a";
}
.lnir-music::before {
content: "\ec7b";
}
.lnir-notification::before {
content: "\ec7c";
}
.lnir-passport-alt::before {
content: "\ec7d";
}
.lnir-passport::before {
content: "\ec7e";
}
.lnir-playlist-alt::before {
content: "\ec7f";
}
.lnir-playlist::before {
content: "\ec80";
}
.lnir-plus::before {
content: "\ec81";
}
.lnir-pointer::before {
content: "\ec82";
}
.lnir-power-switch::before {
content: "\ec83";
}
.lnir-protection::before {
content: "\ec84";
}
.lnir-question-circle::before {
content: "\ec85";
}
.lnir-radio-button::before {
content: "\ec86";
}
.lnir-record::before {
content: "\ec87";
}
.lnir-round-box-check::before {
content: "\ec88";
}
.lnir-round-box-cross::before {
content: "\ec89";
}
.lnir-round-box-minus::before {
content: "\ec8a";
}
.lnir-round-box-plus::before {
content: "\ec8b";
}
.lnir-shield::before {
content: "\ec8c";
}
.lnir-sort::before {
content: "\ec8d";
}
.lnir-switch::before {
content: "\ec8e";
}
.lnir-teabag::before {
content: "\ec8f";
}
.lnir-thumbs-down-alt::before {
content: "\ec90";
}
.lnir-thumbs-down::before {
content: "\ec91";
}
.lnir-thumbs-up-alt::before {
content: "\ec92";
}
.lnir-thumbs-up::before {
content: "\ec93";
}
.lnir-thunderbolt::before {
content: "\ec94";
}
.lnir-ticket-alt-1::before {
content: "\ec95";
}
.lnir-ticket-alt-2::before {
content: "\ec96";
}
.lnir-ticket-alt-3::before {
content: "\ec97";
}
.lnir-ticket-alt::before {
content: "\ec98";
}
.lnir-ticket::before {
content: "\ec99";
}
.lnir-unlock::before {
content: "\ec9a";
}
.lnir-warning::before {
content: "\ec9b";
}
.lnir-backward-alt::before {
content: "\ec9c";
}
.lnir-backward::before {
content: "\ec9d";
}
.lnir-expand-alt-1::before {
content: "\ec9e";
}
.lnir-fast-forward::before {
content: "\ec9f";
}
.lnir-film::before {
content: "\eca0";
}
.lnir-forward::before {
content: "\eca1";
}
.lnir-frame-expand::before {
content: "\eca2";
}
.lnir-full-screen::before {
content: "\eca3";
}
.lnir-gallery::before {
content: "\eca4";
}
.lnir-next::before {
content: "\eca5";
}
.lnir-pause::before {
content: "\eca6";
}
.lnir-play::before {
content: "\eca7";
}
.lnir-previous::before {
content: "\eca8";
}
.lnir-repeat-one::before {
content: "\eca9";
}
.lnir-shuffle::before {
content: "\ecaa";
}
.lnir-slideshow::before {
content: "\ecab";
}
.lnir-stop::before {
content: "\ecac";
}
.lnir-video-alt-1::before {
content: "\ecad";
}
.lnir-video-alt::before {
content: "\ecae";
}
.lnir-video-camera-alt-1::before {
content: "\ecaf";
}
.lnir-video-camera-alt-2::before {
content: "\ecb0";
}
.lnir-video-camera-alt::before {
content: "\ecb1";
}
.lnir-video-cut::before {
content: "\ecb2";
}
.lnir-video::before {
content: "\ecb3";
}
.lnir-volume-high::before {
content: "\ecb4";
}
.lnir-volume-low::before {
content: "\ecb5";
}
.lnir-volume-medium::before {
content: "\ecb6";
}
.lnir-volume-mute::before {
content: "\ecb7";
}
.lnir-volume::before {
content: "\ecb8";
}
.lnir-bank::before {
content: "\ecb9";
}
.lnir-calculator-alt::before {
content: "\ecba";
}
.lnir-calculator::before {
content: "\ecbb";
}
.lnir-coin::before {
content: "\ecbc";
}
.lnir-coins::before {
content: "\ecbd";
}
.lnir-credit-card::before {
content: "\ecbe";
}
.lnir-credit-cards::before {
content: "\ecbf";
}
.lnir-diamond-alt::before {
content: "\ecc0";
}
.lnir-diamond::before {
content: "\ecc1";
}
.lnir-dollar-card::before {
content: "\ecc2";
}
.lnir-dollar-down::before {
content: "\ecc3";
}
.lnir-dollar-up::before {
content: "\ecc4";
}
.lnir-dollar::before {
content: "\ecc5";
}
.lnir-euro-card::before {
content: "\ecc6";
}
.lnir-euro-coin::before {
content: "\ecc7";
}
.lnir-euro-down::before {
content: "\ecc8";
}
.lnir-euro-up::before {
content: "\ecc9";
}
.lnir-euro::before {
content: "\ecca";
}
.lnir-gold-bar::before {
content: "\eccb";
}
.lnir-mobile-coin-taka::before {
content: "\eccc";
}
.lnir-mobile-coin::before {
content: "\eccd";
}
.lnir-money-bag::before {
content: "\ecce";
}
.lnir-money-location::before {
content: "\eccf";
}
.lnir-money-protection::before {
content: "\ecd0";
}
.lnir-pound-card::before {
content: "\ecd1";
}
.lnir-pound-coin::before {
content: "\ecd2";
}
.lnir-pound-down::before {
content: "\ecd3";
}
.lnir-pound-up::before {
content: "\ecd4";
}
.lnir-pound::before {
content: "\ecd5";
}
.lnir-rupee-card::before {
content: "\ecd6";
}
.lnir-rupee-coin::before {
content: "\ecd7";
}
.lnir-text-format::before {
content: "\ecd8";
}
.lnir-rupee-down::before {
content: "\ecd9";
}
.lnir-bold::before {
content: "\ecda";
}
.lnir-taka-card::before {
content: "\ecdb";
}
.lnir-taka-coin::before {
content: "\ecdc";
}
.lnir-strikethrough::before {
content: "\ecdd";
}
.lnir-taka-down::before {
content: "\ecde";
}
.lnir-rupee::before {
content: "\ecdf";
}
.lnir-taka-up::before {
content: "\ece0";
}
.lnir-taka::before {
content: "\ece1";
}
.lnir-rupee-up::before {
content: "\ece2";
}
.lnir-wallet-alt-1::before {
content: "\ece3";
}
.lnir-wallet::before {
content: "\ece4";
}
.lnir-yen-card::before {
content: "\ece5";
}
.lnir-yen-coin::before {
content: "\ece6";
}
.lnir-yen-up::before {
content: "\ece7";
}
.lnir-bug-alt::before {
content: "\ece8";
}
.lnir-yen-down::before {
content: "\ece9";
}
.lnir-yen::before {
content: "\ecea";
}
.lnir-cactus-alt::before {
content: "\eceb";
}
.lnir-flower::before {
content: "\ecec";
}
.lnir-bug::before {
content: "\eced";
}
.lnir-cactus::before {
content: "\ecee";
}
.lnir-island::before {
content: "\ecef";
}
.lnir-leaf-alt::before {
content: "\ecf0";
}
.lnir-leaf::before {
content: "\ecf1";
}
.lnir-leaves::before {
content: "\ecf2";
}
.lnir-mashroom::before {
content: "\ecf3";
}
.lnir-mountain::before {
content: "\ecf4";
}
.lnir-mushroom-alt::before {
content: "\ecf5";
}
.lnir-mushrooms::before {
content: "\ecf6";
}
.lnir-plant-pot::before {
content: "\ecf7";
}
.lnir-plant::before {
content: "\ecf8";
}
.lnir-sprout-alt::before {
content: "\ecf9";
}
.lnir-sprout::before {
content: "\ecfa";
}
.lnir-tree-alt-1::before {
content: "\ecfb";
}
.lnir-tree-alt::before {
content: "\ecfc";
}
.lnir-tree::before {
content: "\ecfd";
}
.lnir-trees-alt-1::before {
content: "\ecfe";
}
.lnir-trees-alt::before {
content: "\ecff";
}
.lnir-trees::before {
content: "\ed00";
}
.lnir-baloon-alt-1::before {
content: "\ed01";
}
.lnir-baloon-alt::before {
content: "\ed02";
}
.lnir-baloon::before {
content: "\ed03";
}
.lnir-birthday-hat::before {
content: "\ed04";
}
.lnir-cake::before {
content: "\ed05";
}
.lnir-leaf-alt-1::before {
content: "\ed06";
}
.lnir-candy-cane::before {
content: "\ed07";
}
.lnir-tornado::before {
content: "\ed08";
}
.lnir-candy::before {
content: "\ed09";
}
.lnir-confetti::before {
content: "\ed0a";
}
.lnir-firecracker::before {
content: "\ed0b";
}
.lnir-fireworks::before {
content: "\ed0c";
}
.lnir-flags::before {
content: "\ed0d";
}
.lnir-mask::before {
content: "\ed0e";
}
.lnir-spray::before {
content: "\ed0f";
}
.lnir-wand::before {
content: "\ed10";
}
.lnir-cotton-bud::before {
content: "\ed11";
}
.lnir-crown-alt-1::before {
content: "\ed12";
}
.lnir-crown-alt::before {
content: "\ed13";
}
.lnir-crown-alt-2::before {
content: "\ed14";
}
.lnir-crown::before {
content: "\ed15";
}
.lnir-cup-alt::before {
content: "\ed16";
}
.lnir-flower-alt::before {
content: "\ed17";
}
.lnir-gift-alt-1::before {
content: "\ed18";
}
.lnir-gift-alt::before {
content: "\ed19";
}
.lnir-gift-bag::before {
content: "\ed1a";
}
.lnir-gift::before {
content: "\ed1b";
}
.lnir-glasses::before {
content: "\ed1c";
}
.lnir-home::before {
content: "\ed1d";
}
.lnir-ladies-tshirt::before {
content: "\ed1e";
}
.lnir-sunglass::before {
content: "\ed1f";
}
.lnir-thought::before {
content: "\ed20";
}
.lnir-tshirt-alt-1::before {
content: "\ed21";
}
.lnir-tshirt-alt::before {
content: "\ed22";
}
.lnir-tshirt::before {
content: "\ed23";
}
.lnir-beach-chair::before {
content: "\ed24";
}
.lnir-beach::before {
content: "\ed25";
}
.lnir-beachball::before {
content: "\ed26";
}
.lnir-cable-car::before {
content: "\ed27";
}
.lnir-flight-search::before {
content: "\ed28";
}
.lnir-hot-air-baloon::before {
content: "\ed29";
}
.lnir-pyramids::before {
content: "\ed2a";
}
.lnir-suitcase-alt::before {
content: "\ed2b";
}
.lnir-suitcase::before {
content: "\ed2c";
}
.lnir-surf-board::before {
content: "\ed2d";
}
.lnir-tent-alt::before {
content: "\ed2e";
}
.lnir-tent::before {
content: "\ed2f";
}
.lnir-travel::before {
content: "\ed30";
}
.lnir-air-flow::before {
content: "\ed31";
}
.lnir-air::before {
content: "\ed32";
}
.lnir-cloud-alt-1::before {
content: "\ed33";
}
.lnir-cloud-alt-2::before {
content: "\ed34";
}
.lnir-cloud-alt::before {
content: "\ed35";
}
.lnir-cloud-moon::before {
content: "\ed36";
}
.lnir-cloud-sun::before {
content: "\ed37";
}
.lnir-cloud::before {
content: "\ed38";
}
.lnir-cloudy-sun::before {
content: "\ed39";
}
.lnir-drop-alt::before {
content: "\ed3a";
}
.lnir-drop::before {
content: "\ed3b";
}
.lnir-farenheit::before {
content: "\ed3c";
}
.lnir-moon-star::before {
content: "\ed3d";
}
.lnir-moon::before {
content: "\ed3e";
}
.lnir-night-thunder::before {
content: "\ed3f";
}
.lnir-night-wind::before {
content: "\ed40";
}
.lnir-night::before {
content: "\ed41";
}
.lnir-rain::before {
content: "\ed42";
}
.lnir-snowfall::before {
content: "\ed43";
}
.lnir-sun-rain::before {
content: "\ed44";
}
.lnir-sun::before {
content: "\ed45";
}
.lnir-thunder-alt::before {
content: "\ed46";
}
.lnir-thunder::before {
content: "\ed47";
}
.lnir-umbrella-alt::before {
content: "\ed48";
}
.lnir-umbrella-rain-alt::before {
content: "\ed49";
}
.lnir-umbrella-rain::before {
content: "\ed4a";
}
.lnir-umbrella::before {
content: "\ed4b";
}
.lnir-water-drops::before {
content: "\ed4c";
}
.lnir-wind-cloud::before {
content: "\ed4d";
}
.lnir-wind-sun::before {
content: "\ed4e";
}
.lnir-hourglass::before {
content: "\ed4f";
}
.lnir-spiner-solid::before {
content: "\ed50";
}
.lnir-spinner-1::before {
content: "\ed51";
}
.lnir-spinner-10::before {
content: "\ed52";
}
.lnir-cup::before {
content: "\ed53";
}
.lnir-spinner-11::before {
content: "\ed54";
}
.lnir-spinner-5::before {
content: "\ed55";
}
.lnir-spinner-6::before {
content: "\ed56";
}
.lnir-spinner-2::before {
content: "\ed57";
}
.lnir-spinner-3::before {
content: "\ed58";
}
.lnir-spinner-7::before {
content: "\ed59";
}
.lnir-spinner-8::before {
content: "\ed5a";
}
.lnir-spinner-9::before {
content: "\ed5b";
}
.lnir-spinner-arrow::before {
content: "\ed5c";
}
.lnir-spinner::before {
content: "\ed5d";
}
.lnir-3d::before {
content: "\ed5e";
}
.lnir-add-files::before {
content: "\ed5f";
}
.lnir-ai::before {
content: "\ed60";
}
.lnir-alarm-2::before {
content: "\ed61";
}
.lnir-alarm-3::before {
content: "\ed62";
}
.lnir-alarm-4::before {
content: "\ed63";
}
.lnir-alarm-clock-alt::before {
content: "\ed64";
}
.lnir-alarm-clock::before {
content: "\ed65";
}
.lnir-alarm::before {
content: "\ed66";
}
.lnir-candle-alt::before {
content: "\ed67";
}
.lnir-spinner-4::before {
content: "\ed68";
}
.lnir-archive::before {
content: "\ed69";
}
.lnir-backspace::before {
content: "\ed6a";
}
.lnir-battery::before {
content: "\ed6b";
}
.lnir-block-user::before {
content: "\ed6c";
}
.lnir-bluetooth::before {
content: "\ed6d";
}
.lnir-bookmark-alt::before {
content: "\ed6e";
}
.lnir-bookmark::before {
content: "\ed6f";
}
.lnir-brightness::before {
content: "\ed70";
}
.lnir-bulb-alt::before {
content: "\ed71";
}
.lnir-bulb::before {
content: "\ed72";
}
.lnir-calendar::before {
content: "\ed73";
}
.lnir-calender-alt-1::before {
content: "\ed74";
}
.lnir-calender-alt-2::before {
content: "\ed75";
}
.lnir-calender-alt-3::before {
content: "\ed76";
}
.lnir-calender-alt-4::before {
content: "\ed77";
}
.lnir-calender-alt::before {
content: "\ed78";
}
.lnir-camera-alt-1::before {
content: "\ed79";
}
.lnir-camera-alt::before {
content: "\ed7a";
}
.lnir-camera::before {
content: "\ed7b";
}
.lnir-change::before {
content: "\ed7c";
}
.lnir-charging::before {
content: "\ed7d";
}
.lnir-cloud-check-alt::before {
content: "\ed7e";
}
.lnir-cloud-check::before {
content: "\ed7f";
}
.lnir-cloud-computing-alt::before {
content: "\ed80";
}
.lnir-cloud-computing::before {
content: "\ed81";
}
.lnir-cloud-download-alt::before {
content: "\ed82";
}
.lnir-cloud-download::before {
content: "\ed83";
}
.lnir-cloud-network-2::before {
content: "\ed84";
}
.lnir-cloud-network::before {
content: "\ed85";
}
.lnir-cloud-search-alt-1::before {
content: "\ed86";
}
.lnir-cloud-search-alt::before {
content: "\ed87";
}
.lnir-cloud-search::before {
content: "\ed88";
}
.lnir-cloud-sync-alt::before {
content: "\ed89";
}
.lnir-cloud-sync::before {
content: "\ed8a";
}
.lnir-cloud-upload-alt::before {
content: "\ed8b";
}
.lnir-cloud-upload::before {
content: "\ed8c";
}
.lnir-code-alt::before {
content: "\ed8d";
}
.lnir-code::before {
content: "\ed8e";
}
.lnir-cog::before {
content: "\ed8f";
}
.lnir-cogs::before {
content: "\ed90";
}
.lnir-control-panel::before {
content: "\ed91";
}
.lnir-copy::before {
content: "\ed92";
}
.lnir-cut::before {
content: "\ed93";
}
.lnir-dashboard::before {
content: "\ed94";
}
.lnir-database::before {
content: "\ed95";
}
.lnir-display-alt::before {
content: "\ed96";
}
.lnir-display::before {
content: "\ed97";
}
.lnir-domain::before {
content: "\ed98";
}
.lnir-download::before {
content: "\ed99";
}
.lnir-empty-battery::before {
content: "\ed9a";
}
.lnir-empty-file::before {
content: "\ed9b";
}
.lnir-file-download::before {
content: "\ed9c";
}
.lnir-file-lock::before {
content: "\ed9d";
}
.lnir-file-name::before {
content: "\ed9e";
}
.lnir-file-protection::before {
content: "\ed9f";
}
.lnir-file-upload::before {
content: "\eda0";
}
.lnir-files-alt::before {
content: "\eda1";
}
.lnir-files::before {
content: "\eda2";
}
.lnir-folder-alt-1::before {
content: "\eda3";
}
.lnir-folder-alt::before {
content: "\eda4";
}
.lnir-game::before {
content: "\eda5";
}
.lnir-folder::before {
content: "\eda6";
}
.lnir-half-battery::before {
content: "\eda7";
}
.lnir-headphone::before {
content: "\eda8";
}
.lnir-image::before {
content: "\eda9";
}
.lnir-keyboard::before {
content: "\edaa";
}
.lnir-laptop-alt-keyboard::before {
content: "\edab";
}
.lnir-laptop-alt-switch::before {
content: "\edac";
}
.lnir-laptop-alt::before {
content: "\edad";
}
.lnir-laptop-phone::before {
content: "\edae";
}
.lnir-laptop::before {
content: "\edaf";
}
.lnir-link-alt-1::before {
content: "\edb0";
}
.lnir-link-alt::before {
content: "\edb1";
}
.lnir-link::before {
content: "\edb2";
}
.lnir-low-battery::before {
content: "\edb3";
}
.lnir-magnet::before {
content: "\edb4";
}
.lnir-magnifier::before {
content: "\edb5";
}
.lnir-map-marker::before {
content: "\edb6";
}
.lnir-map::before {
content: "\edb7";
}
.lnir-menu-alt-1::before {
content: "\edb8";
}
.lnir-menu-alt-2::before {
content: "\edb9";
}
.lnir-menu-alt-3::before {
content: "\edba";
}
.lnir-menu-alt-4::before {
content: "\edbb";
}
.lnir-menu-alt-5::before {
content: "\edbc";
}
.lnir-menu-alt::before {
content: "\edbd";
}
.lnir-menu-circle::before {
content: "\edbe";
}
.lnir-menu::before {
content: "\edbf";
}
.lnir-mic::before {
content: "\edc0";
}
.lnir-microphone-alt-1::before {
content: "\edc1";
}
.lnir-microphone-alt::before {
content: "\edc2";
}
.lnir-microphone::before {
content: "\edc3";
}
.lnir-mobile-alt-1::before {
content: "\edc4";
}
.lnir-mobile-alt-2::before {
content: "\edc5";
}
.lnir-harddrive::before {
content: "\edc6";
}
.lnir-mobile-alt-button::before {
content: "\edc7";
}
.lnir-mobile::before {
content: "\edc8";
}
.lnir-headphone-alt::before {
content: "\edc9";
}
.lnir-full-battery::before {
content: "\edca";
}
.lnir-mouse::before {
content: "\edcb";
}
.lnir-no-charge-battery::before {
content: "\edcc";
}
.lnir-package::before {
content: "\edcd";
}
.lnir-plug::before {
content: "\edce";
}
.lnir-presentation::before {
content: "\edcf";
}
.lnir-printer::before {
content: "\edd0";
}
.lnir-ps::before {
content: "\edd1";
}
.lnir-recycle-alt::before {
content: "\edd2";
}
.lnir-recycle::before {
content: "\edd3";
}
.lnir-reload-alt-box::before {
content: "\edd4";
}
.lnir-reload-alt::before {
content: "\edd5";
}
.lnir-reload::before {
content: "\edd6";
}
.lnir-remove-file::before {
content: "\edd7";
}
.lnir-rocket::before {
content: "\edd8";
}
.lnir-rss-feed::before {
content: "\edd9";
}
.lnir-save-alt::before {
content: "\edda";
}
.lnir-save::before {
content: "\eddb";
}
.lnir-scan::before {
content: "\eddc";
}
.lnir-scroll-down::before {
content: "\eddd";
}
.lnir-search-alt::before {
content: "\edde";
}
.lnir-search::before {
content: "\eddf";
}
.lnir-share-alt::before {
content: "\ede0";
}
.lnir-share::before {
content: "\ede1";
}
.lnir-shopping-basket::before {
content: "\ede2";
}
.lnir-shortcode::before {
content: "\ede3";
}
.lnir-signal::before {
content: "\ede4";
}
.lnir-star-empty::before {
content: "\ede5";
}
.lnir-star-filled::before {
content: "\ede6";
}
.lnir-star-half::before {
content: "\ede7";
}
.lnir-star::before {
content: "\ede8";
}
.lnir-tab::before {
content: "\ede9";
}
.lnir-tap::before {
content: "\edea";
}
.lnir-thumbnail::before {
content: "\edeb";
}
.lnir-timer::before {
content: "\edec";
}
.lnir-trash-can-alt-1::before {
content: "\eded";
}
.lnir-trash-can-alt::before {
content: "\edee";
}
.lnir-trash-can::before {
content: "\edef";
}
.lnir-trash::before {
content: "\edf0";
}
.lnir-unlink::before {
content: "\edf1";
}
.lnir-upload::before {
content: "\edf2";
}
.lnir-user-alt-1::before {
content: "\edf3";
}
.lnir-user-alt-2::before {
content: "\edf4";
}
.lnir-user-alt::before {
content: "\edf5";
}
.lnir-user::before {
content: "\edf6";
}
.lnir-users-2::before {
content: "\edf7";
}
.lnir-users::before {
content: "\edf8";
}
.lnir-website-alt::before {
content: "\edf9";
}
.lnir-website::before {
content: "\edfa";
}
.lnir-zip::before {
content: "\edfb";
}
.lnir-ban::before {
content: "\edfc";
}
.lnir-candle::before {
content: "\edfd";
}
.lnir-appointment::before {
content: "\edfe";
}
.lnir-zoom-in::before {
content: "\edff";
}
.lnir-cool-1::before {
content: "\ee00";
}
.lnir-cool-3::before {
content: "\ee01";
}
.lnir-cool-kiss::before {
content: "\ee02";
}
.lnir-cry::before {
content: "\ee03";
}
.lnir-cute::before {
content: "\ee04";
}
.lnir-dead::before {
content: "\ee05";
}
.lnir-bored::before {
content: "\ee06";
}
.lnir-emoji-friendly::before {
content: "\ee07";
}
.lnir-emoji-happy::before {
content: "\ee08";
}
.lnir-emoji-sad::before {
content: "\ee09";
}
.lnir-emoji-cool::before {
content: "\ee0a";
}
.lnir-emoji-speechless::before {
content: "\ee0b";
}
.lnir-emoji-suspect::before {
content: "\ee0c";
}
.lnir-emoji-tounge::before {
content: "\ee0d";
}
.lnir-emoji-smile::before {
content: "\ee0e";
}
.lnir-happy-2::before {
content: "\ee0f";
}
.lnir-happy-smile::before {
content: "\ee10";
}
.lnir-kiss-2::before {
content: "\ee11";
}
.lnir-kiss::before {
content: "\ee12";
}
.lnir-angry::before {
content: "\ee13";
}
.lnir-loved-surprise::before {
content: "\ee14";
}
.lnir-zoom-out::before {
content: "\ee15";
}
.lnir-piss::before {
content: "\ee16";
}
.lnir-sick-1::before {
content: "\ee17";
}
.lnir-sick::before {
content: "\ee18";
}
.lnir-mute::before {
content: "\ee19";
}
.lnir-super-cool::before {
content: "\ee1a";
}
.lnir-love::before {
content: "\ee1b";
}
.lnir-wink::before {
content: "\ee1c";
}
.lnir-wow::before {
content: "\ee1d";
}
.lnir-yawn::before {
content: "\ee1e";
}
.lnir-super-happy::before {
content: "\ee1f";
}
.lnir-happy-1::before {
content: "\ee20";
}
.lnir-sleep::before {
content: "\ee21";
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[11].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[11].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[11].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[11].oneOf[13].use[5]!./public/assets/fonts/Socicons/socicon.css ***!
\****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
font-family: "Socicon";
src: url(/_next/static/media/Socicon.707acc1c.eot);
src: url(/_next/static/media/Socicon.707acc1c.eot) format("embedded-opentype"), url(/_next/static/media/Socicon.a3cab0a1.woff2) format("woff2"), url(/_next/static/media/Socicon.42bcd809.ttf) format("truetype"), url(/_next/static/media/Socicon.070ce968.woff) format("woff"), url(/_next/static/media/Socicon.f1838920.svg) format("svg");
font-weight: normal;
font-style: normal;
}
[class^=socicon-] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: "Socicon" !important;
display: inline-block;
font-style: normal;
font-feature-settings: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.socicon-fw {
text-align: center;
width: 1.25em;
}
.socicon-internet:before {
content: "\e957";
}
.socicon-moddb:before {
content: "\e94b";
}
.socicon-indiedb:before {
content: "\e94c";
}
.socicon-traxsource:before {
content: "\e94d";
}
.socicon-gamefor:before {
content: "\e94e";
}
.socicon-pixiv:before {
content: "\e94f";
}
.socicon-myanimelist:before {
content: "\e950";
}
.socicon-blackberry:before {
content: "\e951";
}
.socicon-wickr:before {
content: "\e952";
}
.socicon-spip:before {
content: "\e953";
}
.socicon-napster:before {
content: "\e954";
}
.socicon-beatport:before {
content: "\e955";
}
.socicon-hackerone:before {
content: "\e956";
}
.socicon-hackernews:before {
content: "\e946";
}
.socicon-smashwords:before {
content: "\e947";
}
.socicon-kobo:before {
content: "\e948";
}
.socicon-bookbub:before {
content: "\e949";
}
.socicon-mailru:before {
content: "\e94a";
}
.socicon-gitlab:before {
content: "\e945";
}
.socicon-instructables:before {
content: "\e944";
}
.socicon-portfolio:before {
content: "\e943";
}
.socicon-codered:before {
content: "\e940";
}
.socicon-origin:before {
content: "\e941";
}
.socicon-nextdoor:before {
content: "\e942";
}
.socicon-udemy:before {
content: "\e93f";
}
.socicon-livemaster:before {
content: "\e93e";
}
.socicon-crunchbase:before {
content: "\e93b";
}
.socicon-homefy:before {
content: "\e93c";
}
.socicon-calendly:before {
content: "\e93d";
}
.socicon-realtor:before {
content: "\e90f";
}
.socicon-tidal:before {
content: "\e910";
}
.socicon-qobuz:before {
content: "\e911";
}
.socicon-natgeo:before {
content: "\e912";
}
.socicon-mastodon:before {
content: "\e913";
}
.socicon-unsplash:before {
content: "\e914";
}
.socicon-homeadvisor:before {
content: "\e915";
}
.socicon-angieslist:before {
content: "\e916";
}
.socicon-codepen:before {
content: "\e917";
}
.socicon-slack:before {
content: "\e918";
}
.socicon-openaigym:before {
content: "\e919";
}
.socicon-logmein:before {
content: "\e91a";
}
.socicon-fiverr:before {
content: "\e91b";
}
.socicon-gotomeeting:before {
content: "\e91c";
}
.socicon-aliexpress:before {
content: "\e91d";
}
.socicon-guru:before {
content: "\e91e";
}
.socicon-appstore:before {
content: "\e91f";
}
.socicon-homes:before {
content: "\e920";
}
.socicon-zoom:before {
content: "\e921";
}
.socicon-alibaba:before {
content: "\e922";
}
.socicon-craigslist:before {
content: "\e923";
}
.socicon-wix:before {
content: "\e924";
}
.socicon-redfin:before {
content: "\e925";
}
.socicon-googlecalendar:before {
content: "\e926";
}
.socicon-shopify:before {
content: "\e927";
}
.socicon-freelancer:before {
content: "\e928";
}
.socicon-seedrs:before {
content: "\e929";
}
.socicon-bing:before {
content: "\e92a";
}
.socicon-doodle:before {
content: "\e92b";
}
.socicon-bonanza:before {
content: "\e92c";
}
.socicon-squarespace:before {
content: "\e92d";
}
.socicon-toptal:before {
content: "\e92e";
}
.socicon-gust:before {
content: "\e92f";
}
.socicon-ask:before {
content: "\e930";
}
.socicon-trulia:before {
content: "\e931";
}
.socicon-loomly:before {
content: "\e932";
}
.socicon-ghost:before {
content: "\e933";
}
.socicon-upwork:before {
content: "\e934";
}
.socicon-fundable:before {
content: "\e935";
}
.socicon-booking:before {
content: "\e936";
}
.socicon-googlemaps:before {
content: "\e937";
}
.socicon-zillow:before {
content: "\e938";
}
.socicon-niconico:before {
content: "\e939";
}
.socicon-toneden:before {
content: "\e93a";
}
.socicon-augment:before {
content: "\e908";
}
.socicon-bitbucket:before {
content: "\e909";
}
.socicon-fyuse:before {
content: "\e90a";
}
.socicon-yt-gaming:before {
content: "\e90b";
}
.socicon-sketchfab:before {
content: "\e90c";
}
.socicon-mobcrush:before {
content: "\e90d";
}
.socicon-microsoft:before {
content: "\e90e";
}
.socicon-pandora:before {
content: "\e907";
}
.socicon-messenger:before {
content: "\e906";
}
.socicon-gamewisp:before {
content: "\e905";
}
.socicon-bloglovin:before {
content: "\e904";
}
.socicon-tunein:before {
content: "\e903";
}
.socicon-gamejolt:before {
content: "\e901";
}
.socicon-trello:before {
content: "\e902";
}
.socicon-spreadshirt:before {
content: "\e900";
}
.socicon-500px:before {
content: "\e000";
}
.socicon-8tracks:before {
content: "\e001";
}
.socicon-airbnb:before {
content: "\e002";
}
.socicon-alliance:before {
content: "\e003";
}
.socicon-amazon:before {
content: "\e004";
}
.socicon-amplement:before {
content: "\e005";
}
.socicon-android:before {
content: "\e006";
}
.socicon-angellist:before {
content: "\e007";
}
.socicon-apple:before {
content: "\e008";
}
.socicon-appnet:before {
content: "\e009";
}
.socicon-baidu:before {
content: "\e00a";
}
.socicon-bandcamp:before {
content: "\e00b";
}
.socicon-battlenet:before {
content: "\e00c";
}
.socicon-mixer:before {
content: "\e00d";
}
.socicon-bebee:before {
content: "\e00e";
}
.socicon-bebo:before {
content: "\e00f";
}
.socicon-behance:before {
content: "\e010";
}
.socicon-blizzard:before {
content: "\e011";
}
.socicon-blogger:before {
content: "\e012";
}
.socicon-buffer:before {
content: "\e013";
}
.socicon-chrome:before {
content: "\e014";
}
.socicon-coderwall:before {
content: "\e015";
}
.socicon-curse:before {
content: "\e016";
}
.socicon-dailymotion:before {
content: "\e017";
}
.socicon-deezer:before {
content: "\e018";
}
.socicon-delicious:before {
content: "\e019";
}
.socicon-deviantart:before {
content: "\e01a";
}
.socicon-diablo:before {
content: "\e01b";
}
.socicon-digg:before {
content: "\e01c";
}
.socicon-discord:before {
content: "\e01d";
}
.socicon-disqus:before {
content: "\e01e";
}
.socicon-douban:before {
content: "\e01f";
}
.socicon-draugiem:before {
content: "\e020";
}
.socicon-dribbble:before {
content: "\e021";
}
.socicon-drupal:before {
content: "\e022";
}
.socicon-ebay:before {
content: "\e023";
}
.socicon-ello:before {
content: "\e024";
}
.socicon-endomodo:before {
content: "\e025";
}
.socicon-envato:before {
content: "\e026";
}
.socicon-etsy:before {
content: "\e027";
}
.socicon-facebook:before {
content: "\e028";
}
.socicon-feedburner:before {
content: "\e029";
}
.socicon-filmweb:before {
content: "\e02a";
}
.socicon-firefox:before {
content: "\e02b";
}
.socicon-flattr:before {
content: "\e02c";
}
.socicon-flickr:before {
content: "\e02d";
}
.socicon-formulr:before {
content: "\e02e";
}
.socicon-forrst:before {
content: "\e02f";
}
.socicon-foursquare:before {
content: "\e030";
}
.socicon-friendfeed:before {
content: "\e031";
}
.socicon-github:before {
content: "\e032";
}
.socicon-goodreads:before {
content: "\e033";
}
.socicon-google:before {
content: "\e034";
}
.socicon-googlescholar:before {
content: "\e035";
}
.socicon-googlegroups:before {
content: "\e036";
}
.socicon-googlephotos:before {
content: "\e037";
}
.socicon-googleplus:before {
content: "\e038";
}
.socicon-grooveshark:before {
content: "\e039";
}
.socicon-hackerrank:before {
content: "\e03a";
}
.socicon-hearthstone:before {
content: "\e03b";
}
.socicon-hellocoton:before {
content: "\e03c";
}
.socicon-heroes:before {
content: "\e03d";
}
.socicon-smashcast:before {
content: "\e03e";
}
.socicon-horde:before {
content: "\e03f";
}
.socicon-houzz:before {
content: "\e040";
}
.socicon-icq:before {
content: "\e041";
}
.socicon-identica:before {
content: "\e042";
}
.socicon-imdb:before {
content: "\e043";
}
.socicon-instagram:before {
content: "\e044";
}
.socicon-issuu:before {
content: "\e045";
}
.socicon-istock:before {
content: "\e046";
}
.socicon-itunes:before {
content: "\e047";
}
.socicon-keybase:before {
content: "\e048";
}
.socicon-lanyrd:before {
content: "\e049";
}
.socicon-lastfm:before {
content: "\e04a";
}
.socicon-line:before {
content: "\e04b";
}
.socicon-linkedin:before {
content: "\e04c";
}
.socicon-livejournal:before {
content: "\e04d";
}
.socicon-lyft:before {
content: "\e04e";
}
.socicon-macos:before {
content: "\e04f";
}
.socicon-mail:before {
content: "\e050";
}
.socicon-medium:before {
content: "\e051";
}
.socicon-meetup:before {
content: "\e052";
}
.socicon-mixcloud:before {
content: "\e053";
}
.socicon-modelmayhem:before {
content: "\e054";
}
.socicon-mumble:before {
content: "\e055";
}
.socicon-myspace:before {
content: "\e056";
}
.socicon-newsvine:before {
content: "\e057";
}
.socicon-nintendo:before {
content: "\e058";
}
.socicon-npm:before {
content: "\e059";
}
.socicon-odnoklassniki:before {
content: "\e05a";
}
.socicon-openid:before {
content: "\e05b";
}
.socicon-opera:before {
content: "\e05c";
}
.socicon-outlook:before {
content: "\e05d";
}
.socicon-overwatch:before {
content: "\e05e";
}
.socicon-patreon:before {
content: "\e05f";
}
.socicon-paypal:before {
content: "\e060";
}
.socicon-periscope:before {
content: "\e061";
}
.socicon-persona:before {
content: "\e062";
}
.socicon-pinterest:before {
content: "\e063";
}
.socicon-play:before {
content: "\e064";
}
.socicon-player:before {
content: "\e065";
}
.socicon-playstation:before {
content: "\e066";
}
.socicon-pocket:before {
content: "\e067";
}
.socicon-qq:before {
content: "\e068";
}
.socicon-quora:before {
content: "\e069";
}
.socicon-raidcall:before {
content: "\e06a";
}
.socicon-ravelry:before {
content: "\e06b";
}
.socicon-reddit:before {
content: "\e06c";
}
.socicon-renren:before {
content: "\e06d";
}
.socicon-researchgate:before {
content: "\e06e";
}
.socicon-residentadvisor:before {
content: "\e06f";
}
.socicon-reverbnation:before {
content: "\e070";
}
.socicon-rss:before {
content: "\e071";
}
.socicon-sharethis:before {
content: "\e072";
}
.socicon-skype:before {
content: "\e073";
}
.socicon-slideshare:before {
content: "\e074";
}
.socicon-smugmug:before {
content: "\e075";
}
.socicon-snapchat:before {
content: "\e076";
}
.socicon-songkick:before {
content: "\e077";
}
.socicon-soundcloud:before {
content: "\e078";
}
.socicon-spotify:before {
content: "\e079";
}
.socicon-stackexchange:before {
content: "\e07a";
}
.socicon-stackoverflow:before {
content: "\e07b";
}
.socicon-starcraft:before {
content: "\e07c";
}
.socicon-stayfriends:before {
content: "\e07d";
}
.socicon-steam:before {
content: "\e07e";
}
.socicon-storehouse:before {
content: "\e07f";
}
.socicon-strava:before {
content: "\e080";
}
.socicon-streamjar:before {
content: "\e081";
}
.socicon-stumbleupon:before {
content: "\e082";
}
.socicon-swarm:before {
content: "\e083";
}
.socicon-teamspeak:before {
content: "\e084";
}
.socicon-teamviewer:before {
content: "\e085";
}
.socicon-technorati:before {
content: "\e086";
}
.socicon-telegram:before {
content: "\e087";
}
.socicon-tripadvisor:before {
content: "\e088";
}
.socicon-tripit:before {
content: "\e089";
}
.socicon-triplej:before {
content: "\e08a";
}
.socicon-tumblr:before {
content: "\e08b";
}
.socicon-twitch:before {
content: "\e08c";
}
.socicon-twitter:before {
content: "\e08d";
}
.socicon-uber:before {
content: "\e08e";
}
.socicon-ventrilo:before {
content: "\e08f";
}
.socicon-viadeo:before {
content: "\e090";
}
.socicon-viber:before {
content: "\e091";
}
.socicon-viewbug:before {
content: "\e092";
}
.socicon-vimeo:before {
content: "\e093";
}
.socicon-vine:before {
content: "\e094";
}
.socicon-vkontakte:before {
content: "\e095";
}
.socicon-warcraft:before {
content: "\e096";
}
.socicon-wechat:before {
content: "\e097";
}
.socicon-weibo:before {
content: "\e098";
}
.socicon-whatsapp:before {
content: "\e099";
}
.socicon-wikipedia:before {
content: "\e09a";
}
.socicon-windows:before {
content: "\e09b";
}
.socicon-wordpress:before {
content: "\e09c";
}
.socicon-wykop:before {
content: "\e09d";
}
.socicon-xbox:before {
content: "\e09e";
}
.socicon-xing:before {
content: "\e09f";
}
.socicon-yahoo:before {
content: "\e0a0";
}
.socicon-yammer:before {
content: "\e0a1";
}
.socicon-yandex:before {
content: "\e0a2";
}
.socicon-yelp:before {
content: "\e0a3";
}
.socicon-younow:before {
content: "\e0a4";
}
.socicon-youtube:before {
content: "\e0a5";
}
.socicon-zapier:before {
content: "\e0a6";
}
.socicon-zerply:before {
content: "\e0a7";
}
.socicon-zomato:before {
content: "\e0a8";
}
.socicon-zynga:before {
content: "\e0a9";
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[11].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[11].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[11].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[11].oneOf[13].use[5]!./public/assets/scss/main.scss ***!
\****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* Master Stylesheet
* Version: 1.0.0
*
* Coded by ib-themes
*
* 01. Helpers
* 02. Base
* 03. Layout
* 04. Pages
* 05. Partials
* 06. Vendors
* 07. Widgets
*/
/*!
* Bootstrap v5.3.0 (https://getbootstrap.com/)
* Copyright 2011-2023 The Bootstrap Authors
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
@import url("https://fonts.googleapis.com/css2?family=Amiri&display=swap");
:root,
[data-bs-theme=light] {
--bs-blue: #0d6efd;
--bs-indigo: #6610f2;
--bs-purple: #6f42c1;
--bs-pink: #d63384;
--bs-red: #dc3545;
--bs-orange: #fd7e14;
--bs-yellow: #ffc107;
--bs-green: #198754;
--bs-teal: #20c997;
--bs-cyan: #0dcaf0;
--bs-black: #000;
--bs-white: #fff;
--bs-gray: #6c757d;
--bs-gray-dark: #343a40;
--bs-gray-100: #f8f9fa;
--bs-gray-200: #e9ecef;
--bs-gray-300: #dee2e6;
--bs-gray-400: #ced4da;
--bs-gray-500: #adb5bd;
--bs-gray-600: #6c757d;
--bs-gray-700: #495057;
--bs-gray-800: #343a40;
--bs-gray-900: #212529;
--bs-primary: #0d6efd;
--bs-secondary: #6c757d;
--bs-success: #198754;
--bs-info: #0dcaf0;
--bs-warning: #ffc107;
--bs-danger: #dc3545;
--bs-light: #f8f9fa;
--bs-dark: #212529;
--bs-primary-rgb: 13, 110, 253;
--bs-secondary-rgb: 108, 117, 125;
--bs-success-rgb: 25, 135, 84;
--bs-info-rgb: 13, 202, 240;
--bs-warning-rgb: 255, 193, 7;
--bs-danger-rgb: 220, 53, 69;
--bs-light-rgb: 248, 249, 250;
--bs-dark-rgb: 33, 37, 41;
--bs-primary-text-emphasis: #052c65;
--bs-secondary-text-emphasis: #2b2f32;
--bs-success-text-emphasis: #0a3622;
--bs-info-text-emphasis: #055160;
--bs-warning-text-emphasis: #664d03;
--bs-danger-text-emphasis: #58151c;
--bs-light-text-emphasis: #495057;
--bs-dark-text-emphasis: #495057;
--bs-primary-bg-subtle: #cfe2ff;
--bs-secondary-bg-subtle: #e2e3e5;
--bs-success-bg-subtle: #d1e7dd;
--bs-info-bg-subtle: #cff4fc;
--bs-warning-bg-subtle: #fff3cd;
--bs-danger-bg-subtle: #f8d7da;
--bs-light-bg-subtle: #fcfcfd;
--bs-dark-bg-subtle: #ced4da;
--bs-primary-border-subtle: #9ec5fe;
--bs-secondary-border-subtle: #c4c8cb;
--bs-success-border-subtle: #a3cfbb;
--bs-info-border-subtle: #9eeaf9;
--bs-warning-border-subtle: #ffe69c;
--bs-danger-border-subtle: #f1aeb5;
--bs-light-border-subtle: #e9ecef;
--bs-dark-border-subtle: #adb5bd;
--bs-white-rgb: 255, 255, 255;
--bs-black-rgb: 0, 0, 0;
--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
--bs-body-font-family: var(--bs-font-sans-serif);
--bs-body-font-size: 1rem;
--bs-body-font-weight: 400;
--bs-body-line-height: 1.5;
--bs-body-color: #212529;
--bs-body-color-rgb: 33, 37, 41;
--bs-body-bg: #fff;
--bs-body-bg-rgb: 255, 255, 255;
--bs-emphasis-color: #000;
--bs-emphasis-color-rgb: 0, 0, 0;
--bs-secondary-color: rgba(33, 37, 41, 0.75);
--bs-secondary-color-rgb: 33, 37, 41;
--bs-secondary-bg: #e9ecef;
--bs-secondary-bg-rgb: 233, 236, 239;
--bs-tertiary-color: rgba(33, 37, 41, 0.5);
--bs-tertiary-color-rgb: 33, 37, 41;
--bs-tertiary-bg: #f8f9fa;
--bs-tertiary-bg-rgb: 248, 249, 250;
--bs-heading-color: inherit;
--bs-link-color: #0d6efd;
--bs-link-color-rgb: 13, 110, 253;
--bs-link-decoration: underline;
--bs-link-hover-color: #0a58ca;
--bs-link-hover-color-rgb: 10, 88, 202;
--bs-code-color: #d63384;
--bs-highlight-bg: #fff3cd;
--bs-border-width: 1px;
--bs-border-style: solid;
--bs-border-color: #dee2e6;
--bs-border-color-translucent: rgba(0, 0, 0, 0.175);
--bs-border-radius: 0.375rem;
--bs-border-radius-sm: 0.25rem;
--bs-border-radius-lg: 0.5rem;
--bs-border-radius-xl: 1rem;
--bs-border-radius-xxl: 2rem;
--bs-border-radius-2xl: var(--bs-border-radius-xxl);
--bs-border-radius-pill: 50rem;
--bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
--bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
--bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
--bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
--bs-focus-ring-width: 0.25rem;
--bs-focus-ring-opacity: 0.25;
--bs-focus-ring-color: rgba(13, 110, 253, 0.25);
--bs-form-valid-color: #198754;
--bs-form-valid-border-color: #198754;
--bs-form-invalid-color: #dc3545;
--bs-form-invalid-border-color: #dc3545;
}
[data-bs-theme=dark] {
color-scheme: dark;
--bs-body-color: #adb5bd;
--bs-body-color-rgb: 173, 181, 189;
--bs-body-bg: #212529;
--bs-body-bg-rgb: 33, 37, 41;
--bs-emphasis-color: #fff;
--bs-emphasis-color-rgb: 255, 255, 255;
--bs-secondary-color: rgba(173, 181, 189, 0.75);
--bs-secondary-color-rgb: 173, 181, 189;
--bs-secondary-bg: #343a40;
--bs-secondary-bg-rgb: 52, 58, 64;
--bs-tertiary-color: rgba(173, 181, 189, 0.5);
--bs-tertiary-color-rgb: 173, 181, 189;
--bs-tertiary-bg: #2b3035;
--bs-tertiary-bg-rgb: 43, 48, 53;
--bs-primary-text-emphasis: #6ea8fe;
--bs-secondary-text-emphasis: #a7acb1;
--bs-success-text-emphasis: #75b798;
--bs-info-text-emphasis: #6edff6;
--bs-warning-text-emphasis: #ffda6a;
--bs-danger-text-emphasis: #ea868f;
--bs-light-text-emphasis: #f8f9fa;
--bs-dark-text-emphasis: #dee2e6;
--bs-primary-bg-subtle: #031633;
--bs-secondary-bg-subtle: #161719;
--bs-success-bg-subtle: #051b11;
--bs-info-bg-subtle: #032830;
--bs-warning-bg-subtle: #332701;
--bs-danger-bg-subtle: #2c0b0e;
--bs-light-bg-subtle: #343a40;
--bs-dark-bg-subtle: #1a1d20;
--bs-primary-border-subtle: #084298;
--bs-secondary-border-subtle: #41464b;
--bs-success-border-subtle: #0f5132;
--bs-info-border-subtle: #087990;
--bs-warning-border-subtle: #997404;
--bs-danger-border-subtle: #842029;
--bs-light-border-subtle: #495057;
--bs-dark-border-subtle: #343a40;
--bs-heading-color: inherit;
--bs-link-color: #6ea8fe;
--bs-link-hover-color: #8bb9fe;
--bs-link-color-rgb: 110, 168, 254;
--bs-link-hover-color-rgb: 139, 185, 254;
--bs-code-color: #e685b5;
--bs-border-color: #495057;
--bs-border-color-translucent: rgba(255, 255, 255, 0.15);
--bs-form-valid-color: #75b798;
--bs-form-valid-border-color: #75b798;
--bs-form-invalid-color: #ea868f;
--bs-form-invalid-border-color: #ea868f;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
@media (prefers-reduced-motion: no-preference) {
:root {
scroll-behavior: smooth;
}
}
body {
margin: 0;
font-family: var(--bs-body-font-family);
font-size: var(--bs-body-font-size);
font-weight: var(--bs-body-font-weight);
line-height: var(--bs-body-line-height);
color: var(--bs-body-color);
text-align: var(--bs-body-text-align);
background-color: var(--bs-body-bg);
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
hr {
margin: 1rem 0;
color: inherit;
border: 0;
border-top: var(--bs-border-width) solid;
opacity: 0.25;
}
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
margin-top: 0;
margin-bottom: 0.5rem;
font-weight: 500;
line-height: 1.2;
color: var(--bs-heading-color);
}
h1, .h1 {
font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
h1, .h1 {
font-size: 2.5rem;
}
}
h2, .h2 {
font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
h2, .h2 {
font-size: 2rem;
}
}
h3, .h3 {
font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
h3, .h3 {
font-size: 1.75rem;
}
}
h4, .h4 {
font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
h4, .h4 {
font-size: 1.5rem;
}
}
h5, .h5 {
font-size: 1.25rem;
}
h6, .h6 {
font-size: 1rem;
}
p {
margin-top: 0;
margin-bottom: 1rem;
}
abbr[title] {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: help;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit;
}
ol,
ul {
padding-left: 2rem;
}
ol,
ul,
dl {
margin-top: 0;
margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0;
}
dt {
font-weight: 700;
}
dd {
margin-bottom: 0.5rem;
margin-left: 0;
}
blockquote {
margin: 0 0 1rem;
}
b,
strong {
font-weight: bolder;
}
small, .small {
font-size: 0.875em;
}
mark, .mark {
padding: 0.1875em;
background-color: var(--bs-highlight-bg);
}
sub,
sup {
position: relative;
font-size: 0.75em;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
a {
color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
text-decoration: underline;
}
a:hover {
--bs-link-color-rgb: var(--bs-link-hover-color-rgb);
}
a:not([href]):not([class]), a:not([href]):not([class]):hover {
color: inherit;
text-decoration: none;
}
pre,
code,
kbd,
samp {
font-family: var(--bs-font-monospace);
font-size: 1em;
}
pre {
display: block;
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
font-size: 0.875em;
}
pre code {
font-size: inherit;
color: inherit;
word-break: normal;
}
code {
font-size: 0.875em;
color: var(--bs-code-color);
word-wrap: break-word;
}
a > code {
color: inherit;
}
kbd {
padding: 0.1875rem 0.375rem;
font-size: 0.875em;
color: var(--bs-body-bg);
background-color: var(--bs-body-color);
border-radius: 0.25rem;
}
kbd kbd {
padding: 0;
font-size: 1em;
}
figure {
margin: 0 0 1rem;
}
img,
svg {
vertical-align: middle;
}
table {
caption-side: bottom;
border-collapse: collapse;
}
caption {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
color: var(--bs-secondary-color);
text-align: left;
}
th {
text-align: inherit;
text-align: -webkit-match-parent;
}
thead,
tbody,
tfoot,
tr,
td,
th {
border-color: inherit;
border-style: solid;
border-width: 0;
}
label {
display: inline-block;
}
button {
border-radius: 0;
}
button:focus:not(:focus-visible) {
outline: 0;
}
input,
button,
select,
optgroup,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
button,
select {
text-transform: none;
}
[role=button] {
cursor: pointer;
}
select {
word-wrap: normal;
}
select:disabled {
opacity: 1;
}
[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
display: none !important;
}
button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
cursor: pointer;
}
::-moz-focus-inner {
padding: 0;
border-style: none;
}
textarea {
resize: vertical;
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend {
float: left;
width: 100%;
padding: 0;
margin-bottom: 0.5rem;
font-size: calc(1.275rem + 0.3vw);
line-height: inherit;
}
@media (min-width: 1200px) {
legend {
font-size: 1.5rem;
}
}
legend + * {
clear: left;
}
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
padding: 0;
}
::-webkit-inner-spin-button {
height: auto;
}
[type=search] {
outline-offset: -2px;
-webkit-appearance: textfield;
}
/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
direction: ltr;
}
*/
::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-color-swatch-wrapper {
padding: 0;
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
::file-selector-button {
font: inherit;
-webkit-appearance: button;
}
output {
display: inline-block;
}
iframe {
border: 0;
}
summary {
display: list-item;
cursor: pointer;
}
progress {
vertical-align: baseline;
}
[hidden] {
display: none !important;
}
.lead {
font-size: 1.25rem;
font-weight: 300;
}
.display-1 {
font-size: calc(1.625rem + 4.5vw);
font-weight: 300;
line-height: 1.2;
}
@media (min-width: 1200px) {
.display-1 {
font-size: 5rem;
}
}
.display-2 {
font-size: calc(1.575rem + 3.9vw);
font-weight: 300;
line-height: 1.2;
}
@media (min-width: 1200px) {
.display-2 {
font-size: 4.5rem;
}
}
.display-3 {
font-size: calc(1.525rem + 3.3vw);
font-weight: 300;
line-height: 1.2;
}
@media (min-width: 1200px) {
.display-3 {
font-size: 4rem;
}
}
.display-4 {
font-size: calc(1.475rem + 2.7vw);
font-weight: 300;
line-height: 1.2;
}
@media (min-width: 1200px) {
.display-4 {
font-size: 3.5rem;
}
}
.display-5 {
font-size: calc(1.425rem + 2.1vw);
font-weight: 300;
line-height: 1.2;
}
@media (min-width: 1200px) {
.display-5 {
font-size: 3rem;
}
}
.display-6 {
font-size: calc(1.375rem + 1.5vw);
font-weight: 300;
line-height: 1.2;
}
@media (min-width: 1200px) {
.display-6 {
font-size: 2.5rem;
}
}
.list-unstyled {
padding-left: 0;
list-style: none;
}
.list-inline {
padding-left: 0;
list-style: none;
}
.list-inline-item {
display: inline-block;
}
.list-inline-item:not(:last-child) {
margin-right: 0.5rem;
}
.initialism {
font-size: 0.875em;
text-transform: uppercase;
}
.blockquote {
margin-bottom: 1rem;
font-size: 1.25rem;
}
.blockquote > :last-child {
margin-bottom: 0;
}
.blockquote-footer {
margin-top: -1rem;
margin-bottom: 1rem;
font-size: 0.875em;
color: #6c757d;
}
.blockquote-footer::before {
content: "— ";
}
.img-fluid {
max-width: 100%;
height: auto;
}
.img-thumbnail {
padding: 0.25rem;
background-color: var(--bs-body-bg);
border: var(--bs-border-width) solid var(--bs-border-color);
border-radius: var(--bs-border-radius);
max-width: 100%;
height: auto;
}
.figure {
display: inline-block;
}
.figure-img {
margin-bottom: 0.5rem;
line-height: 1;
}
.figure-caption {
font-size: 0.875em;
color: var(--bs-secondary-color);
}
.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
width: 100%;
padding-right: calc(var(--bs-gutter-x) * 0.5);
padding-left: calc(var(--bs-gutter-x) * 0.5);
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container-sm, .container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container-md, .container-sm, .container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container-lg, .container-md, .container-sm, .container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container-xl, .container-lg, .container-md, .container-sm, .container {
max-width: 1140px;
}
}
@media (min-width: 1400px) {
.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
max-width: 1320px;
}
}
:root {
--bs-breakpoint-xs: 0;
--bs-breakpoint-sm: 576px;
--bs-breakpoint-md: 768px;
--bs-breakpoint-lg: 992px;
--bs-breakpoint-xl: 1200px;
--bs-breakpoint-xxl: 1400px;
}
.row {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
display: flex;
flex-wrap: wrap;
margin-top: calc(-1 * var(--bs-gutter-y));
margin-right: calc(-0.5 * var(--bs-gutter-x));
margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
flex-shrink: 0;
width: 100%;
max-width: 100%;
padding-right: calc(var(--bs-gutter-x) * 0.5);
padding-left: calc(var(--bs-gutter-x) * 0.5);
margin-top: var(--bs-gutter-y);
}
.col {
flex: 1 0;
}
.row-cols-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-3 > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-6 > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-auto {
flex: 0 0 auto;
width: auto;
}
.col-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-3 {
flex: 0 0 auto;
width: 25%;
}
.col-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-6 {
flex: 0 0 auto;
width: 50%;
}
.col-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-9 {
flex: 0 0 auto;
width: 75%;
}
.col-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-1 {
margin-left: 8.33333333%;
}
.offset-2 {
margin-left: 16.66666667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.33333333%;
}
.offset-5 {
margin-left: 41.66666667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.33333333%;
}
.offset-8 {
margin-left: 66.66666667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.33333333%;
}
.offset-11 {
margin-left: 91.66666667%;
}
.g-0,
.gx-0 {
--bs-gutter-x: 0;
}
.g-0,
.gy-0 {
--bs-gutter-y: 0;
}
.g-1,
.gx-1 {
--bs-gutter-x: 0.25rem;
}
.g-1,
.gy-1 {
--bs-gutter-y: 0.25rem;
}
.g-2,
.gx-2 {
--bs-gutter-x: 0.5rem;
}
.g-2,
.gy-2 {
--bs-gutter-y: 0.5rem;
}
.g-3,
.gx-3 {
--bs-gutter-x: 1rem;
}
.g-3,
.gy-3 {
--bs-gutter-y: 1rem;
}
.g-4,
.gx-4 {
--bs-gutter-x: 1.5rem;
}
.g-4,
.gy-4 {
--bs-gutter-y: 1.5rem;
}
.g-5,
.gx-5 {
--bs-gutter-x: 3rem;
}
.g-5,
.gy-5 {
--bs-gutter-y: 3rem;
}
@media (min-width: 576px) {
.col-sm {
flex: 1 0;
}
.row-cols-sm-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-sm-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-sm-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-sm-3 > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-sm-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-sm-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-sm-6 > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-sm-auto {
flex: 0 0 auto;
width: auto;
}
.col-sm-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-sm-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-sm-3 {
flex: 0 0 auto;
width: 25%;
}
.col-sm-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-sm-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-sm-6 {
flex: 0 0 auto;
width: 50%;
}
.col-sm-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-sm-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-sm-9 {
flex: 0 0 auto;
width: 75%;
}
.col-sm-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-sm-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-sm-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.33333333%;
}
.offset-sm-2 {
margin-left: 16.66666667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.33333333%;
}
.offset-sm-5 {
margin-left: 41.66666667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.33333333%;
}
.offset-sm-8 {
margin-left: 66.66666667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.33333333%;
}
.offset-sm-11 {
margin-left: 91.66666667%;
}
.g-sm-0,
.gx-sm-0 {
--bs-gutter-x: 0;
}
.g-sm-0,
.gy-sm-0 {
--bs-gutter-y: 0;
}
.g-sm-1,
.gx-sm-1 {
--bs-gutter-x: 0.25rem;
}
.g-sm-1,
.gy-sm-1 {
--bs-gutter-y: 0.25rem;
}
.g-sm-2,
.gx-sm-2 {
--bs-gutter-x: 0.5rem;
}
.g-sm-2,
.gy-sm-2 {
--bs-gutter-y: 0.5rem;
}
.g-sm-3,
.gx-sm-3 {
--bs-gutter-x: 1rem;
}
.g-sm-3,
.gy-sm-3 {
--bs-gutter-y: 1rem;
}
.g-sm-4,
.gx-sm-4 {
--bs-gutter-x: 1.5rem;
}
.g-sm-4,
.gy-sm-4 {
--bs-gutter-y: 1.5rem;
}
.g-sm-5,
.gx-sm-5 {
--bs-gutter-x: 3rem;
}
.g-sm-5,
.gy-sm-5 {
--bs-gutter-y: 3rem;
}
}
@media (min-width: 768px) {
.col-md {
flex: 1 0;
}
.row-cols-md-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-md-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-md-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-md-3 > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-md-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-md-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-md-6 > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-md-auto {
flex: 0 0 auto;
width: auto;
}
.col-md-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-md-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-md-3 {
flex: 0 0 auto;
width: 25%;
}
.col-md-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-md-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-md-6 {
flex: 0 0 auto;
width: 50%;
}
.col-md-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-md-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-md-9 {
flex: 0 0 auto;
width: 75%;
}
.col-md-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-md-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-md-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.33333333%;
}
.offset-md-2 {
margin-left: 16.66666667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.33333333%;
}
.offset-md-5 {
margin-left: 41.66666667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.33333333%;
}
.offset-md-8 {
margin-left: 66.66666667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.33333333%;
}
.offset-md-11 {
margin-left: 91.66666667%;
}
.g-md-0,
.gx-md-0 {
--bs-gutter-x: 0;
}
.g-md-0,
.gy-md-0 {
--bs-gutter-y: 0;
}
.g-md-1,
.gx-md-1 {
--bs-gutter-x: 0.25rem;
}
.g-md-1,
.gy-md-1 {
--bs-gutter-y: 0.25rem;
}
.g-md-2,
.gx-md-2 {
--bs-gutter-x: 0.5rem;
}
.g-md-2,
.gy-md-2 {
--bs-gutter-y: 0.5rem;
}
.g-md-3,
.gx-md-3 {
--bs-gutter-x: 1rem;
}
.g-md-3,
.gy-md-3 {
--bs-gutter-y: 1rem;
}
.g-md-4,
.gx-md-4 {
--bs-gutter-x: 1.5rem;
}
.g-md-4,
.gy-md-4 {
--bs-gutter-y: 1.5rem;
}
.g-md-5,
.gx-md-5 {
--bs-gutter-x: 3rem;
}
.g-md-5,
.gy-md-5 {
--bs-gutter-y: 3rem;
}
}
@media (min-width: 992px) {
.col-lg {
flex: 1 0;
}
.row-cols-lg-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-lg-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-lg-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-lg-3 > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-lg-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-lg-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-lg-6 > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-lg-auto {
flex: 0 0 auto;
width: auto;
}
.col-lg-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-lg-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-lg-3 {
flex: 0 0 auto;
width: 25%;
}
.col-lg-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-lg-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-lg-6 {
flex: 0 0 auto;
width: 50%;
}
.col-lg-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-lg-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-lg-9 {
flex: 0 0 auto;
width: 75%;
}
.col-lg-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-lg-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-lg-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.33333333%;
}
.offset-lg-2 {
margin-left: 16.66666667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.33333333%;
}
.offset-lg-5 {
margin-left: 41.66666667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.33333333%;
}
.offset-lg-8 {
margin-left: 66.66666667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.33333333%;
}
.offset-lg-11 {
margin-left: 91.66666667%;
}
.g-lg-0,
.gx-lg-0 {
--bs-gutter-x: 0;
}
.g-lg-0,
.gy-lg-0 {
--bs-gutter-y: 0;
}
.g-lg-1,
.gx-lg-1 {
--bs-gutter-x: 0.25rem;
}
.g-lg-1,
.gy-lg-1 {
--bs-gutter-y: 0.25rem;
}
.g-lg-2,
.gx-lg-2 {
--bs-gutter-x: 0.5rem;
}
.g-lg-2,
.gy-lg-2 {
--bs-gutter-y: 0.5rem;
}
.g-lg-3,
.gx-lg-3 {
--bs-gutter-x: 1rem;
}
.g-lg-3,
.gy-lg-3 {
--bs-gutter-y: 1rem;
}
.g-lg-4,
.gx-lg-4 {
--bs-gutter-x: 1.5rem;
}
.g-lg-4,
.gy-lg-4 {
--bs-gutter-y: 1.5rem;
}
.g-lg-5,
.gx-lg-5 {
--bs-gutter-x: 3rem;
}
.g-lg-5,
.gy-lg-5 {
--bs-gutter-y: 3rem;
}
}
@media (min-width: 1200px) {
.col-xl {
flex: 1 0;
}
.row-cols-xl-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-xl-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-xl-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-xl-3 > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-xl-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-xl-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-xl-6 > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-xl-auto {
flex: 0 0 auto;
width: auto;
}
.col-xl-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-xl-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-xl-3 {
flex: 0 0 auto;
width: 25%;
}
.col-xl-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-xl-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-xl-6 {
flex: 0 0 auto;
width: 50%;
}
.col-xl-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-xl-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-xl-9 {
flex: 0 0 auto;
width: 75%;
}
.col-xl-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-xl-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-xl-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.33333333%;
}
.offset-xl-2 {
margin-left: 16.66666667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.33333333%;
}
.offset-xl-5 {
margin-left: 41.66666667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.33333333%;
}
.offset-xl-8 {
margin-left: 66.66666667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.33333333%;
}
.offset-xl-11 {
margin-left: 91.66666667%;
}
.g-xl-0,
.gx-xl-0 {
--bs-gutter-x: 0;
}
.g-xl-0,
.gy-xl-0 {
--bs-gutter-y: 0;
}
.g-xl-1,
.gx-xl-1 {
--bs-gutter-x: 0.25rem;
}
.g-xl-1,
.gy-xl-1 {
--bs-gutter-y: 0.25rem;
}
.g-xl-2,
.gx-xl-2 {
--bs-gutter-x: 0.5rem;
}
.g-xl-2,
.gy-xl-2 {
--bs-gutter-y: 0.5rem;
}
.g-xl-3,
.gx-xl-3 {
--bs-gutter-x: 1rem;
}
.g-xl-3,
.gy-xl-3 {
--bs-gutter-y: 1rem;
}
.g-xl-4,
.gx-xl-4 {
--bs-gutter-x: 1.5rem;
}
.g-xl-4,
.gy-xl-4 {
--bs-gutter-y: 1.5rem;
}
.g-xl-5,
.gx-xl-5 {
--bs-gutter-x: 3rem;
}
.g-xl-5,
.gy-xl-5 {
--bs-gutter-y: 3rem;
}
}
@media (min-width: 1400px) {
.col-xxl {
flex: 1 0;
}
.row-cols-xxl-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-xxl-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-xxl-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-xxl-3 > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-xxl-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-xxl-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-xxl-6 > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-xxl-auto {
flex: 0 0 auto;
width: auto;
}
.col-xxl-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-xxl-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-xxl-3 {
flex: 0 0 auto;
width: 25%;
}
.col-xxl-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-xxl-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-xxl-6 {
flex: 0 0 auto;
width: 50%;
}
.col-xxl-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-xxl-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-xxl-9 {
flex: 0 0 auto;
width: 75%;
}
.col-xxl-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-xxl-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-xxl-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-xxl-0 {
margin-left: 0;
}
.offset-xxl-1 {
margin-left: 8.33333333%;
}
.offset-xxl-2 {
margin-left: 16.66666667%;
}
.offset-xxl-3 {
margin-left: 25%;
}
.offset-xxl-4 {
margin-left: 33.33333333%;
}
.offset-xxl-5 {
margin-left: 41.66666667%;
}
.offset-xxl-6 {
margin-left: 50%;
}
.offset-xxl-7 {
margin-left: 58.33333333%;
}
.offset-xxl-8 {
margin-left: 66.66666667%;
}
.offset-xxl-9 {
margin-left: 75%;
}
.offset-xxl-10 {
margin-left: 83.33333333%;
}
.offset-xxl-11 {
margin-left: 91.66666667%;
}
.g-xxl-0,
.gx-xxl-0 {
--bs-gutter-x: 0;
}
.g-xxl-0,
.gy-xxl-0 {
--bs-gutter-y: 0;
}
.g-xxl-1,
.gx-xxl-1 {
--bs-gutter-x: 0.25rem;
}
.g-xxl-1,
.gy-xxl-1 {
--bs-gutter-y: 0.25rem;
}
.g-xxl-2,
.gx-xxl-2 {
--bs-gutter-x: 0.5rem;
}
.g-xxl-2,
.gy-xxl-2 {
--bs-gutter-y: 0.5rem;
}
.g-xxl-3,
.gx-xxl-3 {
--bs-gutter-x: 1rem;
}
.g-xxl-3,
.gy-xxl-3 {
--bs-gutter-y: 1rem;
}
.g-xxl-4,
.gx-xxl-4 {
--bs-gutter-x: 1.5rem;
}
.g-xxl-4,
.gy-xxl-4 {
--bs-gutter-y: 1.5rem;
}
.g-xxl-5,
.gx-xxl-5 {
--bs-gutter-x: 3rem;
}
.g-xxl-5,
.gy-xxl-5 {
--bs-gutter-y: 3rem;
}
}
.table {
--bs-table-color-type: initial;
--bs-table-bg-type: initial;
--bs-table-color-state: initial;
--bs-table-bg-state: initial;
--bs-table-color: var(--bs-body-color);
--bs-table-bg: var(--bs-body-bg);
--bs-table-border-color: var(--bs-border-color);
--bs-table-accent-bg: transparent;
--bs-table-striped-color: var(--bs-body-color);
--bs-table-striped-bg: rgba(0, 0, 0, 0.05);
--bs-table-active-color: var(--bs-body-color);
--bs-table-active-bg: rgba(0, 0, 0, 0.1);
--bs-table-hover-color: var(--bs-body-color);
--bs-table-hover-bg: rgba(0, 0, 0, 0.075);
width: 100%;
margin-bottom: 1rem;
vertical-align: top;
border-color: var(--bs-table-border-color);
}
.table > :not(caption) > * > * {
padding: 0.5rem 0.5rem;
color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
background-color: var(--bs-table-bg);
border-bottom-width: var(--bs-border-width);
box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
}
.table > tbody {
vertical-align: inherit;
}
.table > thead {
vertical-align: bottom;
}
.table-group-divider {
border-top: calc(var(--bs-border-width) * 2) solid currentcolor;
}
.caption-top {
caption-side: top;
}
.table-sm > :not(caption) > * > * {
padding: 0.25rem 0.25rem;
}
.table-bordered > :not(caption) > * {
border-width: var(--bs-border-width) 0;
}
.table-bordered > :not(caption) > * > * {
border-width: 0 var(--bs-border-width);
}
.table-borderless > :not(caption) > * > * {
border-bottom-width: 0;
}
.table-borderless > :not(:first-child) {
border-top-width: 0;
}
.table-striped > tbody > tr:nth-of-type(odd) > * {
--bs-table-color-type: var(--bs-table-striped-color);
--bs-table-bg-type: var(--bs-table-striped-bg);
}
.table-striped-columns > :not(caption) > tr > :nth-child(even) {
--bs-table-color-type: var(--bs-table-striped-color);
--bs-table-bg-type: var(--bs-table-striped-bg);
}
.table-active {
--bs-table-color-state: var(--bs-table-active-color);
--bs-table-bg-state: var(--bs-table-active-bg);
}
.table-hover > tbody > tr:hover > * {
--bs-table-color-state: var(--bs-table-hover-color);
--bs-table-bg-state: var(--bs-table-hover-bg);
}
.table-primary {
--bs-table-color: #000;
--bs-table-bg: #cfe2ff;
--bs-table-border-color: #bacbe6;
--bs-table-striped-bg: #c5d7f2;
--bs-table-striped-color: #000;
--bs-table-active-bg: #bacbe6;
--bs-table-active-color: #000;
--bs-table-hover-bg: #bfd1ec;
--bs-table-hover-color: #000;
color: var(--bs-table-color);
border-color: var(--bs-table-border-color);
}
.table-secondary {
--bs-table-color: #000;
--bs-table-bg: #e2e3e5;
--bs-table-border-color: #cbccce;
--bs-table-striped-bg: #d7d8da;
--bs-table-striped-color: #000;
--bs-table-active-bg: #cbccce;
--bs-table-active-color: #000;
--bs-table-hover-bg: #d1d2d4;
--bs-table-hover-color: #000;
color: var(--bs-table-color);
border-color: var(--bs-table-border-color);
}
.table-success {
--bs-table-color: #000;
--bs-table-bg: #d1e7dd;
--bs-table-border-color: #bcd0c7;
--bs-table-striped-bg: #c7dbd2;
--bs-table-striped-color: #000;
--bs-table-active-bg: #bcd0c7;
--bs-table-active-color: #000;
--bs-table-hover-bg: #c1d6cc;
--bs-table-hover-color: #000;
color: var(--bs-table-color);
border-color: var(--bs-table-border-color);
}
.table-info {
--bs-table-color: #000;
--bs-table-bg: #cff4fc;
--bs-table-border-color: #badce3;
--bs-table-striped-bg: #c5e8ef;
--bs-table-striped-color: #000;
--bs-table-active-bg: #badce3;
--bs-table-active-color: #000;
--bs-table-hover-bg: #bfe2e9;
--bs-table-hover-color: #000;
color: var(--bs-table-color);
border-color: var(--bs-table-border-color);
}
.table-warning {
--bs-table-color: #000;
--bs-table-bg: #fff3cd;
--bs-table-border-color: #e6dbb9;
--bs-table-striped-bg: #f2e7c3;
--bs-table-striped-color: #000;
--bs-table-active-bg: #e6dbb9;
--bs-table-active-color: #000;
--bs-table-hover-bg: #ece1be;
--bs-table-hover-color: #000;
color: var(--bs-table-color);
border-color: var(--bs-table-border-color);
}
.table-danger {
--bs-table-color: #000;
--bs-table-bg: #f8d7da;
--bs-table-border-color: #dfc2c4;
--bs-table-striped-bg: #eccccf;
--bs-table-striped-color: #000;
--bs-table-active-bg: #dfc2c4;
--bs-table-active-color: #000;
--bs-table-hover-bg: #e5c7ca;
--bs-table-hover-color: #000;
color: var(--bs-table-color);
border-color: var(--bs-table-border-color);
}
.table-light {
--bs-table-color: #000;
--bs-table-bg: #f8f9fa;
--bs-table-border-color: #dfe0e1;
--bs-table-striped-bg: #ecedee;
--bs-table-striped-color: #000;
--bs-table-active-bg: #dfe0e1;
--bs-table-active-color: #000;
--bs-table-hover-bg: #e5e6e7;
--bs-table-hover-color: #000;
color: var(--bs-table-color);
border-color: var(--bs-table-border-color);
}
.table-dark {
--bs-table-color: #fff;
--bs-table-bg: #212529;
--bs-table-border-color: #373b3e;
--bs-table-striped-bg: #2c3034;
--bs-table-striped-color: #fff;
--bs-table-active-bg: #373b3e;
--bs-table-active-color: #fff;
--bs-table-hover-bg: #323539;
--bs-table-hover-color: #fff;
color: var(--bs-table-color);
border-color: var(--bs-table-border-color);
}
.table-responsive {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
@media (max-width: 575.98px) {
.table-responsive-sm {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
}
@media (max-width: 767.98px) {
.table-responsive-md {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
}
@media (max-width: 991.98px) {
.table-responsive-lg {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
}
@media (max-width: 1199.98px) {
.table-responsive-xl {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
}
@media (max-width: 1399.98px) {
.table-responsive-xxl {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
}
.form-label {
margin-bottom: 0.5rem;
}
.col-form-label {
padding-top: calc(0.375rem + var(--bs-border-width));
padding-bottom: calc(0.375rem + var(--bs-border-width));
margin-bottom: 0;
font-size: inherit;
line-height: 1.5;
}
.col-form-label-lg {
padding-top: calc(0.5rem + var(--bs-border-width));
padding-bottom: calc(0.5rem + var(--bs-border-width));
font-size: 1.25rem;
}
.col-form-label-sm {
padding-top: calc(0.25rem + var(--bs-border-width));
padding-bottom: calc(0.25rem + var(--bs-border-width));
font-size: 0.875rem;
}
.form-text {
margin-top: 0.25rem;
font-size: 0.875em;
color: var(--bs-secondary-color);
}
.form-control {
display: block;
width: 100%;
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: var(--bs-body-color);
background-color: var(--bs-body-bg);
background-clip: padding-box;
border: var(--bs-border-width) solid var(--bs-border-color);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: var(--bs-border-radius);
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.form-control {
transition: none;
}
}
.form-control[type=file] {
overflow: hidden;
}
.form-control[type=file]:not(:disabled):not([readonly]) {
cursor: pointer;
}
.form-control:focus {
color: var(--bs-body-color);
background-color: var(--bs-body-bg);
border-color: #86b7fe;
outline: 0;
box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-control::-webkit-date-and-time-value {
min-width: 85px;
height: 1.5em;
margin: 0;
}
.form-control::-webkit-datetime-edit {
display: block;
padding: 0;
}
.form-control::placeholder {
color: var(--bs-secondary-color);
opacity: 1;
}
.form-control:disabled {
background-color: var(--bs-secondary-bg);
opacity: 1;
}
.form-control::-webkit-file-upload-button {
padding: 0.375rem 0.75rem;
margin: -0.375rem -0.75rem;
-webkit-margin-end: 0.75rem;
margin-inline-end: 0.75rem;
color: var(--bs-body-color);
background-color: var(--bs-tertiary-bg);
pointer-events: none;
border-color: inherit;
border-style: solid;
border-width: 0;
border-inline-end-width: var(--bs-border-width);
border-radius: 0;
-webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-control::file-selector-button {
padding: 0.375rem 0.75rem;
margin: -0.375rem -0.75rem;
-webkit-margin-end: 0.75rem;
margin-inline-end: 0.75rem;
color: var(--bs-body-color);
background-color: var(--bs-tertiary-bg);
pointer-events: none;
border-color: inherit;
border-style: solid;
border-width: 0;
border-inline-end-width: var(--bs-border-width);
border-radius: 0;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.form-control::-webkit-file-upload-button {
-webkit-transition: none;
transition: none;
}
.form-control::file-selector-button {
transition: none;
}
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
background-color: var(--bs-secondary-bg);
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
background-color: var(--bs-secondary-bg);
}
.form-control-plaintext {
display: block;
width: 100%;
padding: 0.375rem 0;
margin-bottom: 0;
line-height: 1.5;
color: var(--bs-body-color);
background-color: transparent;
border: solid transparent;
border-width: var(--bs-border-width) 0;
}
.form-control-plaintext:focus {
outline: 0;
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
padding-right: 0;
padding-left: 0;
}
.form-control-sm {
min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
border-radius: var(--bs-border-radius-sm);
}
.form-control-sm::-webkit-file-upload-button {
padding: 0.25rem 0.5rem;
margin: -0.25rem -0.5rem;
-webkit-margin-end: 0.5rem;
margin-inline-end: 0.5rem;
}
.form-control-sm::file-selector-button {
padding: 0.25rem 0.5rem;
margin: -0.25rem -0.5rem;
-webkit-margin-end: 0.5rem;
margin-inline-end: 0.5rem;
}
.form-control-lg {
min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
padding: 0.5rem 1rem;
font-size: 1.25rem;
border-radius: var(--bs-border-radius-lg);
}
.form-control-lg::-webkit-file-upload-button {
padding: 0.5rem 1rem;
margin: -0.5rem -1rem;
-webkit-margin-end: 1rem;
margin-inline-end: 1rem;
}
.form-control-lg::file-selector-button {
padding: 0.5rem 1rem;
margin: -0.5rem -1rem;
-webkit-margin-end: 1rem;
margin-inline-end: 1rem;
}
textarea.form-control {
min-height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
}
textarea.form-control-sm {
min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
}
textarea.form-control-lg {
min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
}
.form-control-color {
width: 3rem;
height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
padding: 0.375rem;
}
.form-control-color:not(:disabled):not([readonly]) {
cursor: pointer;
}
.form-control-color::-moz-color-swatch {
border: 0 !important;
border-radius: var(--bs-border-radius);
}
.form-control-color::-webkit-color-swatch {
border: 0 !important;
border-radius: var(--bs-border-radius);
}
.form-control-color.form-control-sm {
height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
}
.form-control-color.form-control-lg {
height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
}
.form-select {
--bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
display: block;
width: 100%;
padding: 0.375rem 2.25rem 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: var(--bs-body-color);
background-color: var(--bs-body-bg);
background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
background-repeat: no-repeat;
background-position: right 0.75rem center;
background-size: 16px 12px;
border: var(--bs-border-width) solid var(--bs-border-color);
border-radius: var(--bs-border-radius);
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
@media (prefers-reduced-motion: reduce) {
.form-select {
transition: none;
}
}
.form-select:focus {
border-color: #86b7fe;
outline: 0;
box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-select[multiple], .form-select[size]:not([size="1"]) {
padding-right: 0.75rem;
background-image: none;
}
.form-select:disabled {
background-color: var(--bs-secondary-bg);
}
.form-select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 var(--bs-body-color);
}
.form-select-sm {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
padding-left: 0.5rem;
font-size: 0.875rem;
border-radius: var(--bs-border-radius-sm);
}
.form-select-lg {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 1rem;
font-size: 1.25rem;
border-radius: var(--bs-border-radius-lg);
}
[data-bs-theme=dark] .form-select {
--bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23adb5bd' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}
.form-check {
display: block;
min-height: 1.5rem;
padding-left: 1.5em;
margin-bottom: 0.125rem;
}
.form-check .form-check-input {
float: left;
margin-left: -1.5em;
}
.form-check-reverse {
padding-right: 1.5em;
padding-left: 0;
text-align: right;
}
.form-check-reverse .form-check-input {
float: right;
margin-right: -1.5em;
margin-left: 0;
}
.form-check-input {
--bs-form-check-bg: var(--bs-body-bg);
width: 1em;
height: 1em;
margin-top: 0.25em;
vertical-align: top;
background-color: var(--bs-form-check-bg);
background-image: var(--bs-form-check-bg-image);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
border: var(--bs-border-width) solid var(--bs-border-color);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
print-color-adjust: exact;
}
.form-check-input[type=checkbox] {
border-radius: 0.25em;
}
.form-check-input[type=radio] {
border-radius: 50%;
}
.form-check-input:active {
filter: brightness(90%);
}
.form-check-input:focus {
border-color: #86b7fe;
outline: 0;
box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-check-input:checked {
background-color: #0d6efd;
border-color: #0d6efd;
}
.form-check-input:checked[type=checkbox] {
--bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
.form-check-input:checked[type=radio] {
--bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
.form-check-input[type=checkbox]:indeterminate {
background-color: #0d6efd;
border-color: #0d6efd;
--bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-input:disabled {
pointer-events: none;
filter: none;
opacity: 0.5;
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
cursor: default;
opacity: 0.5;
}
.form-switch {
padding-left: 2.5em;
}
.form-switch .form-check-input {
--bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
width: 2em;
margin-left: -2.5em;
background-image: var(--bs-form-switch-bg);
background-position: left center;
border-radius: 2em;
transition: background-position 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.form-switch .form-check-input {
transition: none;
}
}
.form-switch .form-check-input:focus {
--bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
background-position: right center;
--bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.form-switch.form-check-reverse {
padding-right: 2.5em;
padding-left: 0;
}
.form-switch.form-check-reverse .form-check-input {
margin-right: -2.5em;
margin-left: 0;
}
.form-check-inline {
display: inline-block;
margin-right: 1rem;
}
.btn-check {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none;
}
.btn-check[disabled] + .btn, .btn-check:disabled + .btn {
pointer-events: none;
filter: none;
opacity: 0.65;
}
[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
--bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e");
}
.form-range {
width: 100%;
height: 1.5rem;
padding: 0;
background-color: transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.form-range:focus {
outline: 0;
}
.form-range:focus::-webkit-slider-thumb {
box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-range:focus::-moz-range-thumb {
box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-range::-moz-focus-outer {
border: 0;
}
.form-range::-webkit-slider-thumb {
width: 1rem;
height: 1rem;
margin-top: -0.25rem;
background-color: #0d6efd;
border: 0;
border-radius: 1rem;
-webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-webkit-appearance: none;
appearance: none;
}
@media (prefers-reduced-motion: reduce) {
.form-range::-webkit-slider-thumb {
-webkit-transition: none;
transition: none;
}
}
.form-range::-webkit-slider-thumb:active {
background-color: #b6d4fe;
}
.form-range::-webkit-slider-runnable-track {
width: 100%;
height: 0.5rem;
color: transparent;
cursor: pointer;
background-color: var(--bs-tertiary-bg);
border-color: transparent;
border-radius: 1rem;
}
.form-range::-moz-range-thumb {
width: 1rem;
height: 1rem;
background-color: #0d6efd;
border: 0;
border-radius: 1rem;
-moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-moz-appearance: none;
appearance: none;
}
@media (prefers-reduced-motion: reduce) {
.form-range::-moz-range-thumb {
-moz-transition: none;
transition: none;
}
}
.form-range::-moz-range-thumb:active {
background-color: #b6d4fe;
}
.form-range::-moz-range-track {
width: 100%;
height: 0.5rem;
color: transparent;
cursor: pointer;
background-color: var(--bs-tertiary-bg);
border-color: transparent;
border-radius: 1rem;
}
.form-range:disabled {
pointer-events: none;
}
.form-range:disabled::-webkit-slider-thumb {
background-color: var(--bs-secondary-color);
}
.form-range:disabled::-moz-range-thumb {
background-color: var(--bs-secondary-color);
}
.form-floating {
position: relative;
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
height: calc(3.5rem + calc(var(--bs-border-width) * 2));
min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));
line-height: 1.25;
}
.form-floating > label {
position: absolute;
top: 0;
left: 0;
z-index: 2;
height: 100%;
padding: 1rem 0.75rem;
overflow: hidden;
text-align: start;
text-overflow: ellipsis;
white-space: nowrap;
pointer-events: none;
border: var(--bs-border-width) solid transparent;
transform-origin: 0 0;
transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.form-floating > label {
transition: none;
}
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext {
padding: 1rem 0.75rem;
}
.form-floating > .form-control::placeholder,
.form-floating > .form-control-plaintext::placeholder {
color: transparent;
}
.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown),
.form-floating > .form-control-plaintext:focus,
.form-floating > .form-control-plaintext:not(:placeholder-shown) {
padding-top: 1.625rem;
padding-bottom: 0.625rem;
}
.form-floating > .form-control:-webkit-autofill,
.form-floating > .form-control-plaintext:-webkit-autofill {
padding-top: 1.625rem;
padding-bottom: 0.625rem;
}
.form-floating > .form-select {
padding-top: 1.625rem;
padding-bottom: 0.625rem;
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-select ~ label {
color: rgba(var(--bs-body-color-rgb), 0.65);
transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:focus ~ label::after,
.form-floating > .form-control:not(:placeholder-shown) ~ label::after,
.form-floating > .form-control-plaintext ~ label::after,
.form-floating > .form-select ~ label::after {
position: absolute;
inset: 1rem 0.375rem;
z-index: -1;
height: 1.5em;
content: "";
background-color: var(--bs-body-bg);
border-radius: var(--bs-border-radius);
}
.form-floating > .form-control:-webkit-autofill ~ label {
color: rgba(var(--bs-body-color-rgb), 0.65);
transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control-plaintext ~ label {
border-width: var(--bs-border-width) 0;
}
.form-floating > :disabled ~ label {
color: #6c757d;
}
.form-floating > :disabled ~ label::after {
background-color: var(--bs-secondary-bg);
}
.input-group {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: stretch;
width: 100%;
}
.input-group > .form-control,
.input-group > .form-select,
.input-group > .form-floating {
position: relative;
flex: 1 1 auto;
width: 1%;
min-width: 0;
}
.input-group > .form-control:focus,
.input-group > .form-select:focus,
.input-group > .form-floating:focus-within {
z-index: 5;
}
.input-group .btn {
position: relative;
z-index: 2;
}
.input-group .btn:focus {
z-index: 5;
}
.input-group-text {
display: flex;
align-items: center;
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: var(--bs-body-color);
text-align: center;
white-space: nowrap;
background-color: var(--bs-tertiary-bg);
border: var(--bs-border-width) solid var(--bs-border-color);
border-radius: var(--bs-border-radius);
}
.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text,
.input-group-lg > .btn {
padding: 0.5rem 1rem;
font-size: 1.25rem;
border-radius: var(--bs-border-radius-lg);
}
.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text,
.input-group-sm > .btn {
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
border-radius: var(--bs-border-radius-sm);
}
.input-group-lg > .form-select,
.input-group-sm > .form-select {
padding-right: 3rem;
}
.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4),
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control,
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
margin-left: calc(var(--bs-border-width) * -1);
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.input-group > .form-floating:not(:first-child) > .form-control,
.input-group > .form-floating:not(:first-child) > .form-select {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.valid-feedback {
display: none;
width: 100%;
margin-top: 0.25rem;
font-size: 0.875em;
color: var(--bs-form-valid-color);
}
.valid-tooltip {
position: absolute;
top: 100%;
z-index: 5;
display: none;
max-width: 100%;
padding: 0.25rem 0.5rem;
margin-top: 0.1rem;
font-size: 0.875rem;
color: #fff;
background-color: var(--bs-success);
border-radius: var(--bs-border-radius);
}
.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
display: block;
}
.was-validated .form-control:valid, .form-control.is-valid {
border-color: var(--bs-form-valid-border-color);
padding-right: calc(1.5em + 0.75rem);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right calc(0.375em + 0.1875rem) center;
background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
border-color: var(--bs-form-valid-border-color);
box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}
.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
padding-right: calc(1.5em + 0.75rem);
background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
.was-validated .form-select:valid, .form-select.is-valid {
border-color: var(--bs-form-valid-border-color);
}
.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
--bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
padding-right: 4.125rem;
background-position: right 0.75rem center, center right 2.25rem;
background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:valid:focus, .form-select.is-valid:focus {
border-color: var(--bs-form-valid-border-color);
box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}
.was-validated .form-control-color:valid, .form-control-color.is-valid {
width: calc(3rem + calc(1.5em + 0.75rem));
}
.was-validated .form-check-input:valid, .form-check-input.is-valid {
border-color: var(--bs-form-valid-border-color);
}
.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
background-color: var(--bs-form-valid-color);
}
.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
color: var(--bs-form-valid-color);
}
.form-check-inline .form-check-input ~ .valid-feedback {
margin-left: 0.5em;
}
.was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid,
.was-validated .input-group > .form-select:not(:focus):valid,
.input-group > .form-select:not(:focus).is-valid,
.was-validated .input-group > .form-floating:not(:focus-within):valid,
.input-group > .form-floating:not(:focus-within).is-valid {
z-index: 3;
}
.invalid-feedback {
display: none;
width: 100%;
margin-top: 0.25rem;
font-size: 0.875em;
color: var(--bs-form-invalid-color);
}
.invalid-tooltip {
position: absolute;
top: 100%;
z-index: 5;
display: none;
max-width: 100%;
padding: 0.25rem 0.5rem;
margin-top: 0.1rem;
font-size: 0.875rem;
color: #fff;
background-color: var(--bs-danger);
border-radius: var(--bs-border-radius);
}
.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
display: block;
}
.was-validated .form-control:invalid, .form-control.is-invalid {
border-color: var(--bs-form-invalid-border-color);
padding-right: calc(1.5em + 0.75rem);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right calc(0.375em + 0.1875rem) center;
background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
border-color: var(--bs-form-invalid-border-color);
box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}
.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
padding-right: calc(1.5em + 0.75rem);
background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
.was-validated .form-select:invalid, .form-select.is-invalid {
border-color: var(--bs-form-invalid-border-color);
}
.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {
--bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
padding-right: 4.125rem;
background-position: right 0.75rem center, center right 2.25rem;
background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
border-color: var(--bs-form-invalid-border-color);
box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}
.was-validated .form-control-color:invalid, .form-control-color.is-invalid {
width: calc(3rem + calc(1.5em + 0.75rem));
}
.was-validated .form-check-input:invalid, .form-check-input.is-invalid {
border-color: var(--bs-form-invalid-border-color);
}
.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
background-color: var(--bs-form-invalid-color);
}
.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
color: var(--bs-form-invalid-color);
}
.form-check-inline .form-check-input ~ .invalid-feedback {
margin-left: 0.5em;
}
.was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid,
.was-validated .input-group > .form-select:not(:focus):invalid,
.input-group > .form-select:not(:focus).is-invalid,
.was-validated .input-group > .form-floating:not(:focus-within):invalid,
.input-group > .form-floating:not(:focus-within).is-invalid {
z-index: 4;
}
.btn {
--bs-btn-padding-x: 0.75rem;
--bs-btn-padding-y: 0.375rem;
--bs-btn-font-family: ;
--bs-btn-font-size: 1rem;
--bs-btn-font-weight: 400;
--bs-btn-line-height: 1.5;
--bs-btn-color: var(--bs-body-color);
--bs-btn-bg: transparent;
--bs-btn-border-width: var(--bs-border-width);
--bs-btn-border-color: transparent;
--bs-btn-border-radius: var(--bs-border-radius);
--bs-btn-hover-border-color: transparent;
--bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
--bs-btn-disabled-opacity: 0.65;
--bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
display: inline-block;
padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
font-family: var(--bs-btn-font-family);
font-size: var(--bs-btn-font-size);
font-weight: var(--bs-btn-font-weight);
line-height: var(--bs-btn-line-height);
color: var(--bs-btn-color);
text-align: center;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
border-radius: var(--bs-btn-border-radius);
background-color: var(--bs-btn-bg);
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.btn {
transition: none;
}
}
.btn:hover {
color: var(--bs-btn-hover-color);
background-color: var(--bs-btn-hover-bg);
border-color: var(--bs-btn-hover-border-color);
}
.btn-check + .btn:hover {
color: var(--bs-btn-color);
background-color: var(--bs-btn-bg);
border-color: var(--bs-btn-border-color);
}
.btn:focus-visible {
color: var(--bs-btn-hover-color);
background-color: var(--bs-btn-hover-bg);
border-color: var(--bs-btn-hover-border-color);
outline: 0;
box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:focus-visible + .btn {
border-color: var(--bs-btn-hover-border-color);
outline: 0;
box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
color: var(--bs-btn-active-color);
background-color: var(--bs-btn-active-bg);
border-color: var(--bs-btn-active-border-color);
}
.btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible {
box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn:disabled, .btn.disabled, fieldset:disabled .btn {
color: var(--bs-btn-disabled-color);
pointer-events: none;
background-color: var(--bs-btn-disabled-bg);
border-color: var(--bs-btn-disabled-border-color);
opacity: var(--bs-btn-disabled-opacity);
}
.btn-primary {
--bs-btn-color: #fff;
--bs-btn-bg: #0d6efd;
--bs-btn-border-color: #0d6efd;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #0b5ed7;
--bs-btn-hover-border-color: #0a58ca;
--bs-btn-focus-shadow-rgb: 49, 132, 253;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #0a58ca;
--bs-btn-active-border-color: #0a53be;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #0d6efd;
--bs-btn-disabled-border-color: #0d6efd;
}
.btn-secondary {
--bs-btn-color: #fff;
--bs-btn-bg: #6c757d;
--bs-btn-border-color: #6c757d;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #5c636a;
--bs-btn-hover-border-color: #565e64;
--bs-btn-focus-shadow-rgb: 130, 138, 145;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #565e64;
--bs-btn-active-border-color: #51585e;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #6c757d;
--bs-btn-disabled-border-color: #6c757d;
}
.btn-success {
--bs-btn-color: #fff;
--bs-btn-bg: #198754;
--bs-btn-border-color: #198754;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #157347;
--bs-btn-hover-border-color: #146c43;
--bs-btn-focus-shadow-rgb: 60, 153, 110;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #146c43;
--bs-btn-active-border-color: #13653f;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #198754;
--bs-btn-disabled-border-color: #198754;
}
.btn-info {
--bs-btn-color: #000;
--bs-btn-bg: #0dcaf0;
--bs-btn-border-color: #0dcaf0;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #31d2f2;
--bs-btn-hover-border-color: #25cff2;
--bs-btn-focus-shadow-rgb: 11, 172, 204;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #3dd5f3;
--bs-btn-active-border-color: #25cff2;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #000;
--bs-btn-disabled-bg: #0dcaf0;
--bs-btn-disabled-border-color: #0dcaf0;
}
.btn-warning {
--bs-btn-color: #000;
--bs-btn-bg: #ffc107;
--bs-btn-border-color: #ffc107;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #ffca2c;
--bs-btn-hover-border-color: #ffc720;
--bs-btn-focus-shadow-rgb: 217, 164, 6;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #ffcd39;
--bs-btn-active-border-color: #ffc720;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #000;
--bs-btn-disabled-bg: #ffc107;
--bs-btn-disabled-border-color: #ffc107;
}
.btn-danger {
--bs-btn-color: #fff;
--bs-btn-bg: #dc3545;
--bs-btn-border-color: #dc3545;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #bb2d3b;
--bs-btn-hover-border-color: #b02a37;
--bs-btn-focus-shadow-rgb: 225, 83, 97;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #b02a37;
--bs-btn-active-border-color: #a52834;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #dc3545;
--bs-btn-disabled-border-color: #dc3545;
}
.btn-light {
--bs-btn-color: #000;
--bs-btn-bg: #f8f9fa;
--bs-btn-border-color: #f8f9fa;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #d3d4d5;
--bs-btn-hover-border-color: #c6c7c8;
--bs-btn-focus-shadow-rgb: 211, 212, 213;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #c6c7c8;
--bs-btn-active-border-color: #babbbc;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #000;
--bs-btn-disabled-bg: #f8f9fa;
--bs-btn-disabled-border-color: #f8f9fa;
}
.btn-dark {
--bs-btn-color: #fff;
--bs-btn-bg: #212529;
--bs-btn-border-color: #212529;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #424649;
--bs-btn-hover-border-color: #373b3e;
--bs-btn-focus-shadow-rgb: 66, 70, 73;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #4d5154;
--bs-btn-active-border-color: #373b3e;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #212529;
--bs-btn-disabled-border-color: #212529;
}
.btn-outline-primary {
--bs-btn-color: #0d6efd;
--bs-btn-border-color: #0d6efd;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #0d6efd;
--bs-btn-hover-border-color: #0d6efd;
--bs-btn-focus-shadow-rgb: 13, 110, 253;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #0d6efd;
--bs-btn-active-border-color: #0d6efd;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #0d6efd;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #0d6efd;
--bs-gradient: none;
}
.btn-outline-secondary {
--bs-btn-color: #6c757d;
--bs-btn-border-color: #6c757d;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #6c757d;
--bs-btn-hover-border-color: #6c757d;
--bs-btn-focus-shadow-rgb: 108, 117, 125;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #6c757d;
--bs-btn-active-border-color: #6c757d;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #6c757d;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #6c757d;
--bs-gradient: none;
}
.btn-outline-success {
--bs-btn-color: #198754;
--bs-btn-border-color: #198754;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #198754;
--bs-btn-hover-border-color: #198754;
--bs-btn-focus-shadow-rgb: 25, 135, 84;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #198754;
--bs-btn-active-border-color: #198754;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #198754;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #198754;
--bs-gradient: none;
}
.btn-outline-info {
--bs-btn-color: #0dcaf0;
--bs-btn-border-color: #0dcaf0;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #0dcaf0;
--bs-btn-hover-border-color: #0dcaf0;
--bs-btn-focus-shadow-rgb: 13, 202, 240;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #0dcaf0;
--bs-btn-active-border-color: #0dcaf0;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #0dcaf0;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #0dcaf0;
--bs-gradient: none;
}
.btn-outline-warning {
--bs-btn-color: #ffc107;
--bs-btn-border-color: #ffc107;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #ffc107;
--bs-btn-hover-border-color: #ffc107;
--bs-btn-focus-shadow-rgb: 255, 193, 7;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #ffc107;
--bs-btn-active-border-color: #ffc107;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #ffc107;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #ffc107;
--bs-gradient: none;
}
.btn-outline-danger {
--bs-btn-color: #dc3545;
--bs-btn-border-color: #dc3545;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #dc3545;
--bs-btn-hover-border-color: #dc3545;
--bs-btn-focus-shadow-rgb: 220, 53, 69;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #dc3545;
--bs-btn-active-border-color: #dc3545;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #dc3545;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #dc3545;
--bs-gradient: none;
}
.btn-outline-light {
--bs-btn-color: #f8f9fa;
--bs-btn-border-color: #f8f9fa;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #f8f9fa;
--bs-btn-hover-border-color: #f8f9fa;
--bs-btn-focus-shadow-rgb: 248, 249, 250;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #f8f9fa;
--bs-btn-active-border-color: #f8f9fa;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #f8f9fa;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #f8f9fa;
--bs-gradient: none;
}
.btn-outline-dark {
--bs-btn-color: #212529;
--bs-btn-border-color: #212529;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #212529;
--bs-btn-hover-border-color: #212529;
--bs-btn-focus-shadow-rgb: 33, 37, 41;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #212529;
--bs-btn-active-border-color: #212529;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #212529;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #212529;
--bs-gradient: none;
}
.btn-link {
--bs-btn-font-weight: 400;
--bs-btn-color: var(--bs-link-color);
--bs-btn-bg: transparent;
--bs-btn-border-color: transparent;
--bs-btn-hover-color: var(--bs-link-hover-color);
--bs-btn-hover-border-color: transparent;
--bs-btn-active-color: var(--bs-link-hover-color);
--bs-btn-active-border-color: transparent;
--bs-btn-disabled-color: #6c757d;
--bs-btn-disabled-border-color: transparent;
--bs-btn-box-shadow: 0 0 0 #000;
--bs-btn-focus-shadow-rgb: 49, 132, 253;
text-decoration: underline;
}
.btn-link:focus-visible {
color: var(--bs-btn-color);
}
.btn-link:hover {
color: var(--bs-btn-hover-color);
}
.btn-lg, .btn-group-lg > .btn {
--bs-btn-padding-y: 0.5rem;
--bs-btn-padding-x: 1rem;
--bs-btn-font-size: 1.25rem;
--bs-btn-border-radius: var(--bs-border-radius-lg);
}
.btn-sm, .btn-group-sm > .btn {
--bs-btn-padding-y: 0.25rem;
--bs-btn-padding-x: 0.5rem;
--bs-btn-font-size: 0.875rem;
--bs-btn-border-radius: var(--bs-border-radius-sm);
}
.fade {
transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
.fade {
transition: none;
}
}
.fade:not(.show) {
opacity: 0;
}
.collapse:not(.show) {
display: none;
}
.collapsing {
height: 0;
overflow: hidden;
transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
.collapsing {
transition: none;
}
}
.collapsing.collapse-horizontal {
width: 0;
height: auto;
transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
.collapsing.collapse-horizontal {
transition: none;
}
}
.dropup,
.dropend,
.dropdown,
.dropstart,
.dropup-center,
.dropdown-center {
position: relative;
}
.dropdown-toggle {
white-space: nowrap;
}
.dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid;
border-right: 0.3em solid transparent;
border-bottom: 0;
border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
margin-left: 0;
}
.dropdown-menu {
--bs-dropdown-zindex: 1000;
--bs-dropdown-min-width: 10rem;
--bs-dropdown-padding-x: 0;
--bs-dropdown-padding-y: 0.5rem;
--bs-dropdown-spacer: 0.125rem;
--bs-dropdown-font-size: 1rem;
--bs-dropdown-color: var(--bs-body-color);
--bs-dropdown-bg: var(--bs-body-bg);
--bs-dropdown-border-color: var(--bs-border-color-translucent);
--bs-dropdown-border-radius: var(--bs-border-radius);
--bs-dropdown-border-width: var(--bs-border-width);
--bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
--bs-dropdown-divider-bg: var(--bs-border-color-translucent);
--bs-dropdown-divider-margin-y: 0.5rem;
--bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
--bs-dropdown-link-color: var(--bs-body-color);
--bs-dropdown-link-hover-color: var(--bs-body-color);
--bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
--bs-dropdown-link-active-color: #fff;
--bs-dropdown-link-active-bg: #0d6efd;
--bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
--bs-dropdown-item-padding-x: 1rem;
--bs-dropdown-item-padding-y: 0.25rem;
--bs-dropdown-header-color: #6c757d;
--bs-dropdown-header-padding-x: 1rem;
--bs-dropdown-header-padding-y: 0.5rem;
position: absolute;
z-index: var(--bs-dropdown-zindex);
display: none;
min-width: var(--bs-dropdown-min-width);
padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
margin: 0;
font-size: var(--bs-dropdown-font-size);
color: var(--bs-dropdown-color);
text-align: left;
list-style: none;
background-color: var(--bs-dropdown-bg);
background-clip: padding-box;
border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
border-radius: var(--bs-dropdown-border-radius);
}
.dropdown-menu[data-bs-popper] {
top: 100%;
left: 0;
margin-top: var(--bs-dropdown-spacer);
}
.dropdown-menu-start {
--bs-position: start;
}
.dropdown-menu-start[data-bs-popper] {
right: auto;
left: 0;
}
.dropdown-menu-end {
--bs-position: end;
}
.dropdown-menu-end[data-bs-popper] {
right: 0;
left: auto;
}
@media (min-width: 576px) {
.dropdown-menu-sm-start {
--bs-position: start;
}
.dropdown-menu-sm-start[data-bs-popper] {
right: auto;
left: 0;
}
.dropdown-menu-sm-end {
--bs-position: end;
}
.dropdown-menu-sm-end[data-bs-popper] {
right: 0;
left: auto;
}
}
@media (min-width: 768px) {
.dropdown-menu-md-start {
--bs-position: start;
}
.dropdown-menu-md-start[data-bs-popper] {
right: auto;
left: 0;
}
.dropdown-menu-md-end {
--bs-position: end;
}
.dropdown-menu-md-end[data-bs-popper] {
right: 0;
left: auto;
}
}
@media (min-width: 992px) {
.dropdown-menu-lg-start {
--bs-position: start;
}
.dropdown-menu-lg-start[data-bs-popper] {
right: auto;
left: 0;
}
.dropdown-menu-lg-end {
--bs-position: end;
}
.dropdown-menu-lg-end[data-bs-popper] {
right: 0;
left: auto;
}
}
@media (min-width: 1200px) {
.dropdown-menu-xl-start {
--bs-position: start;
}
.dropdown-menu-xl-start[data-bs-popper] {
right: auto;
left: 0;
}
.dropdown-menu-xl-end {
--bs-position: end;
}
.dropdown-menu-xl-end[data-bs-popper] {
right: 0;
left: auto;
}
}
@media (min-width: 1400px) {
.dropdown-menu-xxl-start {
--bs-position: start;
}
.dropdown-menu-xxl-start[data-bs-popper] {
right: auto;
left: 0;
}
.dropdown-menu-xxl-end {
--bs-position: end;
}
.dropdown-menu-xxl-end[data-bs-popper] {
right: 0;
left: auto;
}
}
.dropup .dropdown-menu[data-bs-popper] {
top: auto;
bottom: 100%;
margin-top: 0;
margin-bottom: var(--bs-dropdown-spacer);
}
.dropup .dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0;
border-right: 0.3em solid transparent;
border-bottom: 0.3em solid;
border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
margin-left: 0;
}
.dropend .dropdown-menu[data-bs-popper] {
top: 0;
right: auto;
left: 100%;
margin-top: 0;
margin-left: var(--bs-dropdown-spacer);
}
.dropend .dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid transparent;
border-right: 0;
border-bottom: 0.3em solid transparent;
border-left: 0.3em solid;
}
.dropend .dropdown-toggle:empty::after {
margin-left: 0;
}
.dropend .dropdown-toggle::after {
vertical-align: 0;
}
.dropstart .dropdown-menu[data-bs-popper] {
top: 0;
right: 100%;
left: auto;
margin-top: 0;
margin-right: var(--bs-dropdown-spacer);
}
.dropstart .dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
}
.dropstart .dropdown-toggle::after {
display: none;
}
.dropstart .dropdown-toggle::before {
display: inline-block;
margin-right: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid transparent;
border-right: 0.3em solid;
border-bottom: 0.3em solid transparent;
}
.dropstart .dropdown-toggle:empty::after {
margin-left: 0;
}
.dropstart .dropdown-toggle::before {
vertical-align: 0;
}
.dropdown-divider {
height: 0;
margin: var(--bs-dropdown-divider-margin-y) 0;
overflow: hidden;
border-top: 1px solid var(--bs-dropdown-divider-bg);
opacity: 1;
}
.dropdown-item {
display: block;
width: 100%;
padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
clear: both;
font-weight: 400;
color: var(--bs-dropdown-link-color);
text-align: inherit;
text-decoration: none;
white-space: nowrap;
background-color: transparent;
border: 0;
border-radius: var(--bs-dropdown-item-border-radius, 0);
}
.dropdown-item:hover, .dropdown-item:focus {
color: var(--bs-dropdown-link-hover-color);
background-color: var(--bs-dropdown-link-hover-bg);
}
.dropdown-item.active, .dropdown-item:active {
color: var(--bs-dropdown-link-active-color);
text-decoration: none;
background-color: var(--bs-dropdown-link-active-bg);
}
.dropdown-item.disabled, .dropdown-item:disabled {
color: var(--bs-dropdown-link-disabled-color);
pointer-events: none;
background-color: transparent;
}
.dropdown-menu.show {
display: block;
}
.dropdown-header {
display: block;
padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
margin-bottom: 0;
font-size: 0.875rem;
color: var(--bs-dropdown-header-color);
white-space: nowrap;
}
.dropdown-item-text {
display: block;
padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
color: var(--bs-dropdown-link-color);
}
.dropdown-menu-dark {
--bs-dropdown-color: #dee2e6;
--bs-dropdown-bg: #343a40;
--bs-dropdown-border-color: var(--bs-border-color-translucent);
--bs-dropdown-box-shadow: ;
--bs-dropdown-link-color: #dee2e6;
--bs-dropdown-link-hover-color: #fff;
--bs-dropdown-divider-bg: var(--bs-border-color-translucent);
--bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
--bs-dropdown-link-active-color: #fff;
--bs-dropdown-link-active-bg: #0d6efd;
--bs-dropdown-link-disabled-color: #adb5bd;
--bs-dropdown-header-color: #adb5bd;
}
.btn-group,
.btn-group-vertical {
position: relative;
display: inline-flex;
vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
position: relative;
flex: 1 1 auto;
}
.btn-group > .btn-check:checked + .btn,
.btn-group > .btn-check:focus + .btn,
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn-check:checked + .btn,
.btn-group-vertical > .btn-check:focus + .btn,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
z-index: 1;
}
.btn-toolbar {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
.btn-toolbar .input-group {
width: auto;
}
.btn-group {
border-radius: var(--bs-border-radius);
}
.btn-group > :not(.btn-check:first-child) + .btn,
.btn-group > .btn-group:not(:first-child) {
margin-left: calc(var(--bs-border-width) * -1);
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn.dropdown-toggle-split:first-child,
.btn-group > .btn-group:not(:last-child) > .btn {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.btn-group > .btn:nth-child(n+3),
.btn-group > :not(.btn-check) + .btn,
.btn-group > .btn-group:not(:first-child) > .btn {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.dropdown-toggle-split {
padding-right: 0.5625rem;
padding-left: 0.5625rem;
}
.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after {
margin-left: 0;
}
.dropstart .dropdown-toggle-split::before {
margin-right: 0;
}
.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
padding-right: 0.375rem;
padding-left: 0.375rem;
}
.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
padding-right: 0.75rem;
padding-left: 0.75rem;
}
.btn-group-vertical {
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
width: 100%;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
margin-top: calc(var(--bs-border-width) * -1);
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn ~ .btn,
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.nav {
--bs-nav-link-padding-x: 1rem;
--bs-nav-link-padding-y: 0.5rem;
--bs-nav-link-font-weight: ;
--bs-nav-link-color: var(--bs-link-color);
--bs-nav-link-hover-color: var(--bs-link-hover-color);
--bs-nav-link-disabled-color: var(--bs-secondary-color);
display: flex;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.nav-link {
display: block;
padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
font-size: var(--bs-nav-link-font-size);
font-weight: var(--bs-nav-link-font-weight);
color: var(--bs-nav-link-color);
text-decoration: none;
background: none;
border: 0;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.nav-link {
transition: none;
}
}
.nav-link:hover, .nav-link:focus {
color: var(--bs-nav-link-hover-color);
}
.nav-link:focus-visible {
outline: 0;
box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.nav-link.disabled {
color: var(--bs-nav-link-disabled-color);
pointer-events: none;
cursor: default;
}
.nav-tabs {
--bs-nav-tabs-border-width: var(--bs-border-width);
--bs-nav-tabs-border-color: var(--bs-border-color);
--bs-nav-tabs-border-radius: var(--bs-border-radius);
--bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
--bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
--bs-nav-tabs-link-active-bg: var(--bs-body-bg);
--bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}
.nav-tabs .nav-link {
margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
border: var(--bs-nav-tabs-border-width) solid transparent;
border-top-left-radius: var(--bs-nav-tabs-border-radius);
border-top-right-radius: var(--bs-nav-tabs-border-radius);
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
isolation: isolate;
border-color: var(--bs-nav-tabs-link-hover-border-color);
}
.nav-tabs .nav-link.disabled, .nav-tabs .nav-link:disabled {
color: var(--bs-nav-link-disabled-color);
background-color: transparent;
border-color: transparent;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
color: var(--bs-nav-tabs-link-active-color);
background-color: var(--bs-nav-tabs-link-active-bg);
border-color: var(--bs-nav-tabs-link-active-border-color);
}
.nav-tabs .dropdown-menu {
margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.nav-pills {
--bs-nav-pills-border-radius: var(--bs-border-radius);
--bs-nav-pills-link-active-color: #fff;
--bs-nav-pills-link-active-bg: #0d6efd;
}
.nav-pills .nav-link {
border-radius: var(--bs-nav-pills-border-radius);
}
.nav-pills .nav-link:disabled {
color: var(--bs-nav-link-disabled-color);
background-color: transparent;
border-color: transparent;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
color: var(--bs-nav-pills-link-active-color);
background-color: var(--bs-nav-pills-link-active-bg);
}
.nav-underline {
--bs-nav-underline-gap: 1rem;
--bs-nav-underline-border-width: 0.125rem;
--bs-nav-underline-link-active-color: var(--bs-emphasis-color);
gap: var(--bs-nav-underline-gap);
}
.nav-underline .nav-link {
padding-right: 0;
padding-left: 0;
border-bottom: var(--bs-nav-underline-border-width) solid transparent;
}
.nav-underline .nav-link:hover, .nav-underline .nav-link:focus {
border-bottom-color: currentcolor;
}
.nav-underline .nav-link.active,
.nav-underline .show > .nav-link {
font-weight: 700;
color: var(--bs-nav-underline-link-active-color);
border-bottom-color: currentcolor;
}
.nav-fill > .nav-link,
.nav-fill .nav-item {
flex: 1 1 auto;
text-align: center;
}
.nav-justified > .nav-link,
.nav-justified .nav-item {
flex-basis: 0;
flex-grow: 1;
text-align: center;
}
.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
width: 100%;
}
.tab-content > .tab-pane {
display: none;
}
.tab-content > .active {
display: block;
}
.navbar {
--bs-navbar-padding-x: 0;
--bs-navbar-padding-y: 0.5rem;
--bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
--bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
--bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
--bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
--bs-navbar-brand-padding-y: 0.3125rem;
--bs-navbar-brand-margin-end: 1rem;
--bs-navbar-brand-font-size: 1.25rem;
--bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
--bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
--bs-navbar-nav-link-padding-x: 0.5rem;
--bs-navbar-toggler-padding-y: 0.25rem;
--bs-navbar-toggler-padding-x: 0.75rem;
--bs-navbar-toggler-font-size: 1.25rem;
--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
--bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
--bs-navbar-toggler-border-radius: var(--bs-border-radius);
--bs-navbar-toggler-focus-width: 0.25rem;
--bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}
.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-sm,
.navbar > .container-md,
.navbar > .container-lg,
.navbar > .container-xl,
.navbar > .container-xxl {
display: flex;
flex-wrap: inherit;
align-items: center;
justify-content: space-between;
}
.navbar-brand {
padding-top: var(--bs-navbar-brand-padding-y);
padding-bottom: var(--bs-navbar-brand-padding-y);
margin-right: var(--bs-navbar-brand-margin-end);
font-size: var(--bs-navbar-brand-font-size);
color: var(--bs-navbar-brand-color);
text-decoration: none;
white-space: nowrap;
}
.navbar-brand:hover, .navbar-brand:focus {
color: var(--bs-navbar-brand-hover-color);
}
.navbar-nav {
--bs-nav-link-padding-x: 0;
--bs-nav-link-padding-y: 0.5rem;
--bs-nav-link-font-weight: ;
--bs-nav-link-color: var(--bs-navbar-color);
--bs-nav-link-hover-color: var(--bs-navbar-hover-color);
--bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
display: flex;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
color: var(--bs-navbar-active-color);
}
.navbar-nav .dropdown-menu {
position: static;
}
.navbar-text {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
color: var(--bs-navbar-color);
}
.navbar-text a,
.navbar-text a:hover,
.navbar-text a:focus {
color: var(--bs-navbar-active-color);
}
.navbar-collapse {
flex-basis: 100%;
flex-grow: 1;
align-items: center;
}
.navbar-toggler {
padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
font-size: var(--bs-navbar-toggler-font-size);
line-height: 1;
color: var(--bs-navbar-color);
background-color: transparent;
border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
border-radius: var(--bs-navbar-toggler-border-radius);
transition: var(--bs-navbar-toggler-transition);
}
@media (prefers-reduced-motion: reduce) {
.navbar-toggler {
transition: none;
}
}
.navbar-toggler:hover {
text-decoration: none;
}
.navbar-toggler:focus {
text-decoration: none;
outline: 0;
box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
}
.navbar-toggler-icon {
display: inline-block;
width: 1.5em;
height: 1.5em;
vertical-align: middle;
background-image: var(--bs-navbar-toggler-icon-bg);
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
}
.navbar-nav-scroll {
max-height: var(--bs-scroll-height, 75vh);
overflow-y: auto;
}
@media (min-width: 576px) {
.navbar-expand-sm {
flex-wrap: nowrap;
justify-content: flex-start;
}
.navbar-expand-sm .navbar-nav {
flex-direction: row;
}
.navbar-expand-sm .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-sm .navbar-nav .nav-link {
padding-right: var(--bs-navbar-nav-link-padding-x);
padding-left: var(--bs-navbar-nav-link-padding-x);
}
.navbar-expand-sm .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand-sm .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-sm .navbar-toggler {
display: none;
}
.navbar-expand-sm .offcanvas {
position: static;
z-index: auto;
flex-grow: 1;
width: auto !important;
height: auto !important;
visibility: visible !important;
background-color: transparent !important;
border: 0 !important;
transform: none !important;
transition: none;
}
.navbar-expand-sm .offcanvas .offcanvas-header {
display: none;
}
.navbar-expand-sm .offcanvas .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
}
}
@media (min-width: 768px) {
.navbar-expand-md {
flex-wrap: nowrap;
justify-content: flex-start;
}
.navbar-expand-md .navbar-nav {
flex-direction: row;
}
.navbar-expand-md .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-md .navbar-nav .nav-link {
padding-right: var(--bs-navbar-nav-link-padding-x);
padding-left: var(--bs-navbar-nav-link-padding-x);
}
.navbar-expand-md .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand-md .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-md .navbar-toggler {
display: none;
}
.navbar-expand-md .offcanvas {
position: static;
z-index: auto;
flex-grow: 1;
width: auto !important;
height: auto !important;
visibility: visible !important;
background-color: transparent !important;
border: 0 !important;
transform: none !important;
transition: none;
}
.navbar-expand-md .offcanvas .offcanvas-header {
display: none;
}
.navbar-expand-md .offcanvas .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
}
}
@media (min-width: 992px) {
.navbar-expand-lg {
flex-wrap: nowrap;
justify-content: flex-start;
}
.navbar-expand-lg .navbar-nav {
flex-direction: row;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: var(--bs-navbar-nav-link-padding-x);
padding-left: var(--bs-navbar-nav-link-padding-x);
}
.navbar-expand-lg .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand-lg .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-lg .navbar-toggler {
display: none;
}
.navbar-expand-lg .offcanvas {
position: static;
z-index: auto;
flex-grow: 1;
width: auto !important;
height: auto !important;
visibility: visible !important;
background-color: transparent !important;
border: 0 !important;
transform: none !important;
transition: none;
}
.navbar-expand-lg .offcanvas .offcanvas-header {
display: none;
}
.navbar-expand-lg .offcanvas .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
}
}
@media (min-width: 1200px) {
.navbar-expand-xl {
flex-wrap: nowrap;
justify-content: flex-start;
}
.navbar-expand-xl .navbar-nav {
flex-direction: row;
}
.navbar-expand-xl .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-xl .navbar-nav .nav-link {
padding-right: var(--bs-navbar-nav-link-padding-x);
padding-left: var(--bs-navbar-nav-link-padding-x);
}
.navbar-expand-xl .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand-xl .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-xl .navbar-toggler {
display: none;
}
.navbar-expand-xl .offcanvas {
position: static;
z-index: auto;
flex-grow: 1;
width: auto !important;
height: auto !important;
visibility: visible !important;
background-color: transparent !important;
border: 0 !important;
transform: none !important;
transition: none;
}
.navbar-expand-xl .offcanvas .offcanvas-header {
display: none;
}
.navbar-expand-xl .offcanvas .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
}
}
@media (min-width: 1400px) {
.navbar-expand-xxl {
flex-wrap: nowrap;
justify-content: flex-start;
}
.navbar-expand-xxl .navbar-nav {
flex-direction: row;
}
.navbar-expand-xxl .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-xxl .navbar-nav .nav-link {
padding-right: var(--bs-navbar-nav-link-padding-x);
padding-left: var(--bs-navbar-nav-link-padding-x);
}
.navbar-expand-xxl .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand-xxl .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-xxl .navbar-toggler {
display: none;
}
.navbar-expand-xxl .offcanvas {
position: static;
z-index: auto;
flex-grow: 1;
width: auto !important;
height: auto !important;
visibility: visible !important;
background-color: transparent !important;
border: 0 !important;
transform: none !important;
transition: none;
}
.navbar-expand-xxl .offcanvas .offcanvas-header {
display: none;
}
.navbar-expand-xxl .offcanvas .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
}
}
.navbar-expand {
flex-wrap: nowrap;
justify-content: flex-start;
}
.navbar-expand .navbar-nav {
flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
padding-right: var(--bs-navbar-nav-link-padding-x);
padding-left: var(--bs-navbar-nav-link-padding-x);
}
.navbar-expand .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand .navbar-toggler {
display: none;
}
.navbar-expand .offcanvas {
position: static;
z-index: auto;
flex-grow: 1;
width: auto !important;
height: auto !important;
visibility: visible !important;
background-color: transparent !important;
border: 0 !important;
transform: none !important;
transition: none;
}
.navbar-expand .offcanvas .offcanvas-header {
display: none;
}
.navbar-expand .offcanvas .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
}
.navbar-dark,
.navbar[data-bs-theme=dark] {
--bs-navbar-color: rgba(255, 255, 255, 0.55);
--bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
--bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
--bs-navbar-active-color: #fff;
--bs-navbar-brand-color: #fff;
--bs-navbar-brand-hover-color: #fff;
--bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
[data-bs-theme=dark] .navbar-toggler-icon {
--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.card {
--bs-card-spacer-y: 1rem;
--bs-card-spacer-x: 1rem;
--bs-card-title-spacer-y: 0.5rem;
--bs-card-title-color: ;
--bs-card-subtitle-color: ;
--bs-card-border-width: var(--bs-border-width);
--bs-card-border-color: var(--bs-border-color-translucent);
--bs-card-border-radius: var(--bs-border-radius);
--bs-card-box-shadow: ;
--bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
--bs-card-cap-padding-y: 0.5rem;
--bs-card-cap-padding-x: 1rem;
--bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
--bs-card-cap-color: ;
--bs-card-height: ;
--bs-card-color: ;
--bs-card-bg: var(--bs-body-bg);
--bs-card-img-overlay-padding: 1rem;
--bs-card-group-margin: 0.75rem;
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
height: var(--bs-card-height);
color: var(--bs-body-color);
word-wrap: break-word;
background-color: var(--bs-card-bg);
background-clip: border-box;
border: var(--bs-card-border-width) solid var(--bs-card-border-color);
border-radius: var(--bs-card-border-radius);
}
.card > hr {
margin-right: 0;
margin-left: 0;
}
.card > .list-group {
border-top: inherit;
border-bottom: inherit;
}
.card > .list-group:first-child {
border-top-width: 0;
border-top-left-radius: var(--bs-card-inner-border-radius);
border-top-right-radius: var(--bs-card-inner-border-radius);
}
.card > .list-group:last-child {
border-bottom-width: 0;
border-bottom-right-radius: var(--bs-card-inner-border-radius);
border-bottom-left-radius: var(--bs-card-inner-border-radius);
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
border-top: 0;
}
.card-body {
flex: 1 1 auto;
padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
color: var(--bs-card-color);
}
.card-title {
margin-bottom: var(--bs-card-title-spacer-y);
color: var(--bs-card-title-color);
}
.card-subtitle {
margin-top: calc(-0.5 * var(--bs-card-title-spacer-y));
margin-bottom: 0;
color: var(--bs-card-subtitle-color);
}
.card-text:last-child {
margin-bottom: 0;
}
.card-link + .card-link {
margin-left: var(--bs-card-spacer-x);
}
.card-header {
padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
margin-bottom: 0;
color: var(--bs-card-cap-color);
background-color: var(--bs-card-cap-bg);
border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-header:first-child {
border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
}
.card-footer {
padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
color: var(--bs-card-cap-color);
background-color: var(--bs-card-cap-bg);
border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-footer:last-child {
border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
}
.card-header-tabs {
margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
border-bottom: 0;
}
.card-header-tabs .nav-link.active {
background-color: var(--bs-card-bg);
border-bottom-color: var(--bs-card-bg);
}
.card-header-pills {
margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
}
.card-img-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: var(--bs-card-img-overlay-padding);
border-radius: var(--bs-card-inner-border-radius);
}
.card-img,
.card-img-top,
.card-img-bottom {
width: 100%;
}
.card-img,
.card-img-top {
border-top-left-radius: var(--bs-card-inner-border-radius);
border-top-right-radius: var(--bs-card-inner-border-radius);
}
.card-img,
.card-img-bottom {
border-bottom-right-radius: var(--bs-card-inner-border-radius);
border-bottom-left-radius: var(--bs-card-inner-border-radius);
}
.card-group > .card {
margin-bottom: var(--bs-card-group-margin);
}
@media (min-width: 576px) {
.card-group {
display: flex;
flex-flow: row wrap;
}
.card-group > .card {
flex: 1 0;
margin-bottom: 0;
}
.card-group > .card + .card {
margin-left: 0;
border-left: 0;
}
.card-group > .card:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.card-group > .card:not(:last-child) .card-img-top,
.card-group > .card:not(:last-child) .card-header {
border-top-right-radius: 0;
}
.card-group > .card:not(:last-child) .card-img-bottom,
.card-group > .card:not(:last-child) .card-footer {
border-bottom-right-radius: 0;
}
.card-group > .card:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.card-group > .card:not(:first-child) .card-img-top,
.card-group > .card:not(:first-child) .card-header {
border-top-left-radius: 0;
}
.card-group > .card:not(:first-child) .card-img-bottom,
.card-group > .card:not(:first-child) .card-footer {
border-bottom-left-radius: 0;
}
}
.accordion {
--bs-accordion-color: var(--bs-body-color);
--bs-accordion-bg: var(--bs-body-bg);
--bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
--bs-accordion-border-color: var(--bs-border-color);
--bs-accordion-border-width: var(--bs-border-width);
--bs-accordion-border-radius: var(--bs-border-radius);
--bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
--bs-accordion-btn-padding-x: 1.25rem;
--bs-accordion-btn-padding-y: 1rem;
--bs-accordion-btn-color: var(--bs-body-color);
--bs-accordion-btn-bg: var(--bs-accordion-bg);
--bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
--bs-accordion-btn-icon-width: 1.25rem;
--bs-accordion-btn-icon-transform: rotate(-180deg);
--bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23052c65'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
--bs-accordion-btn-focus-border-color: #86b7fe;
--bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
--bs-accordion-body-padding-x: 1.25rem;
--bs-accordion-body-padding-y: 1rem;
--bs-accordion-active-color: var(--bs-primary-text-emphasis);
--bs-accordion-active-bg: var(--bs-primary-bg-subtle);
}
.accordion-button {
position: relative;
display: flex;
align-items: center;
width: 100%;
padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
font-size: 1rem;
color: var(--bs-accordion-btn-color);
text-align: left;
background-color: var(--bs-accordion-btn-bg);
border: 0;
border-radius: 0;
overflow-anchor: none;
transition: var(--bs-accordion-transition);
}
@media (prefers-reduced-motion: reduce) {
.accordion-button {
transition: none;
}
}
.accordion-button:not(.collapsed) {
color: var(--bs-accordion-active-color);
background-color: var(--bs-accordion-active-bg);
box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.accordion-button:not(.collapsed)::after {
background-image: var(--bs-accordion-btn-active-icon);
transform: var(--bs-accordion-btn-icon-transform);
}
.accordion-button::after {
flex-shrink: 0;
width: var(--bs-accordion-btn-icon-width);
height: var(--bs-accordion-btn-icon-width);
margin-left: auto;
content: "";
background-image: var(--bs-accordion-btn-icon);
background-repeat: no-repeat;
background-size: var(--bs-accordion-btn-icon-width);
transition: var(--bs-accordion-btn-icon-transition);
}
@media (prefers-reduced-motion: reduce) {
.accordion-button::after {
transition: none;
}
}
.accordion-button:hover {
z-index: 2;
}
.accordion-button:focus {
z-index: 3;
border-color: var(--bs-accordion-btn-focus-border-color);
outline: 0;
box-shadow: var(--bs-accordion-btn-focus-box-shadow);
}
.accordion-header {
margin-bottom: 0;
}
.accordion-item {
color: var(--bs-accordion-color);
background-color: var(--bs-accordion-bg);
border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}
.accordion-item:first-of-type {
border-top-left-radius: var(--bs-accordion-border-radius);
border-top-right-radius: var(--bs-accordion-border-radius);
}
.accordion-item:first-of-type .accordion-button {
border-top-left-radius: var(--bs-accordion-inner-border-radius);
border-top-right-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:not(:first-of-type) {
border-top: 0;
}
.accordion-item:last-of-type {
border-bottom-right-radius: var(--bs-accordion-border-radius);
border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-item:last-of-type .accordion-button.collapsed {
border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:last-of-type .accordion-collapse {
border-bottom-right-radius: var(--bs-accordion-border-radius);
border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-body {
padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
}
.accordion-flush .accordion-collapse {
border-width: 0;
}
.accordion-flush .accordion-item {
border-right: 0;
border-left: 0;
border-radius: 0;
}
.accordion-flush .accordion-item:first-child {
border-top: 0;
}
.accordion-flush .accordion-item:last-child {
border-bottom: 0;
}
.accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed {
border-radius: 0;
}
[data-bs-theme=dark] .accordion-button::after {
--bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.breadcrumb {
--bs-breadcrumb-padding-x: 0;
--bs-breadcrumb-padding-y: 0;
--bs-breadcrumb-margin-bottom: 1rem;
--bs-breadcrumb-bg: ;
--bs-breadcrumb-border-radius: ;
--bs-breadcrumb-divider-color: var(--bs-secondary-color);
--bs-breadcrumb-item-padding-x: 0.5rem;
--bs-breadcrumb-item-active-color: var(--bs-secondary-color);
display: flex;
flex-wrap: wrap;
padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
margin-bottom: var(--bs-breadcrumb-margin-bottom);
font-size: var(--bs-breadcrumb-font-size);
list-style: none;
background-color: var(--bs-breadcrumb-bg);
border-radius: var(--bs-breadcrumb-border-radius);
}
.breadcrumb-item + .breadcrumb-item {
padding-left: var(--bs-breadcrumb-item-padding-x);
}
.breadcrumb-item + .breadcrumb-item::before {
float: left;
padding-right: var(--bs-breadcrumb-item-padding-x);
color: var(--bs-breadcrumb-divider-color);
content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */;
}
.breadcrumb-item.active {
color: var(--bs-breadcrumb-item-active-color);
}
.pagination {
--bs-pagination-padding-x: 0.75rem;
--bs-pagination-padding-y: 0.375rem;
--bs-pagination-font-size: 1rem;
--bs-pagination-color: var(--bs-link-color);
--bs-pagination-bg: var(--bs-body-bg);
--bs-pagination-border-width: var(--bs-border-width);
--bs-pagination-border-color: var(--bs-border-color);
--bs-pagination-border-radius: var(--bs-border-radius);
--bs-pagination-hover-color: var(--bs-link-hover-color);
--bs-pagination-hover-bg: var(--bs-tertiary-bg);
--bs-pagination-hover-border-color: var(--bs-border-color);
--bs-pagination-focus-color: var(--bs-link-hover-color);
--bs-pagination-focus-bg: var(--bs-secondary-bg);
--bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
--bs-pagination-active-color: #fff;
--bs-pagination-active-bg: #0d6efd;
--bs-pagination-active-border-color: #0d6efd;
--bs-pagination-disabled-color: var(--bs-secondary-color);
--bs-pagination-disabled-bg: var(--bs-secondary-bg);
--bs-pagination-disabled-border-color: var(--bs-border-color);
display: flex;
padding-left: 0;
list-style: none;
}
.page-link {
position: relative;
display: block;
padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
font-size: var(--bs-pagination-font-size);
color: var(--bs-pagination-color);
text-decoration: none;
background-color: var(--bs-pagination-bg);
border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.page-link {
transition: none;
}
}
.page-link:hover {
z-index: 2;
color: var(--bs-pagination-hover-color);
background-color: var(--bs-pagination-hover-bg);
border-color: var(--bs-pagination-hover-border-color);
}
.page-link:focus {
z-index: 3;
color: var(--bs-pagination-focus-color);
background-color: var(--bs-pagination-focus-bg);
outline: 0;
box-shadow: var(--bs-pagination-focus-box-shadow);
}
.page-link.active, .active > .page-link {
z-index: 3;
color: var(--bs-pagination-active-color);
background-color: var(--bs-pagination-active-bg);
border-color: var(--bs-pagination-active-border-color);
}
.page-link.disabled, .disabled > .page-link {
color: var(--bs-pagination-disabled-color);
pointer-events: none;
background-color: var(--bs-pagination-disabled-bg);
border-color: var(--bs-pagination-disabled-border-color);
}
.page-item:not(:first-child) .page-link {
margin-left: calc(var(--bs-border-width) * -1);
}
.page-item:first-child .page-link {
border-top-left-radius: var(--bs-pagination-border-radius);
border-bottom-left-radius: var(--bs-pagination-border-radius);
}
.page-item:last-child .page-link {
border-top-right-radius: var(--bs-pagination-border-radius);
border-bottom-right-radius: var(--bs-pagination-border-radius);
}
.pagination-lg {
--bs-pagination-padding-x: 1.5rem;
--bs-pagination-padding-y: 0.75rem;
--bs-pagination-font-size: 1.25rem;
--bs-pagination-border-radius: var(--bs-border-radius-lg);
}
.pagination-sm {
--bs-pagination-padding-x: 0.5rem;
--bs-pagination-padding-y: 0.25rem;
--bs-pagination-font-size: 0.875rem;
--bs-pagination-border-radius: var(--bs-border-radius-sm);
}
.badge {
--bs-badge-padding-x: 0.65em;
--bs-badge-padding-y: 0.35em;
--bs-badge-font-size: 0.75em;
--bs-badge-font-weight: 700;
--bs-badge-color: #fff;
--bs-badge-border-radius: var(--bs-border-radius);
display: inline-block;
padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
font-size: var(--bs-badge-font-size);
font-weight: var(--bs-badge-font-weight);
line-height: 1;
color: var(--bs-badge-color);
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: var(--bs-badge-border-radius);
}
.badge:empty {
display: none;
}
.btn .badge {
position: relative;
top: -1px;
}
.alert {
--bs-alert-bg: transparent;
--bs-alert-padding-x: 1rem;
--bs-alert-padding-y: 1rem;
--bs-alert-margin-bottom: 1rem;
--bs-alert-color: inherit;
--bs-alert-border-color: transparent;
--bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
--bs-alert-border-radius: var(--bs-border-radius);
--bs-alert-link-color: inherit;
position: relative;
padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
margin-bottom: var(--bs-alert-margin-bottom);
color: var(--bs-alert-color);
background-color: var(--bs-alert-bg);
border: var(--bs-alert-border);
border-radius: var(--bs-alert-border-radius);
}
.alert-heading {
color: inherit;
}
.alert-link {
font-weight: 700;
color: var(--bs-alert-link-color);
}
.alert-dismissible {
padding-right: 3rem;
}
.alert-dismissible .btn-close {
position: absolute;
top: 0;
right: 0;
z-index: 2;
padding: 1.25rem 1rem;
}
.alert-primary {
--bs-alert-color: var(--bs-primary-text-emphasis);
--bs-alert-bg: var(--bs-primary-bg-subtle);
--bs-alert-border-color: var(--bs-primary-border-subtle);
--bs-alert-link-color: var(--bs-primary-text-emphasis);
}
.alert-secondary {
--bs-alert-color: var(--bs-secondary-text-emphasis);
--bs-alert-bg: var(--bs-secondary-bg-subtle);
--bs-alert-border-color: var(--bs-secondary-border-subtle);
--bs-alert-link-color: var(--bs-secondary-text-emphasis);
}
.alert-success {
--bs-alert-color: var(--bs-success-text-emphasis);
--bs-alert-bg: var(--bs-success-bg-subtle);
--bs-alert-border-color: var(--bs-success-border-subtle);
--bs-alert-link-color: var(--bs-success-text-emphasis);
}
.alert-info {
--bs-alert-color: var(--bs-info-text-emphasis);
--bs-alert-bg: var(--bs-info-bg-subtle);
--bs-alert-border-color: var(--bs-info-border-subtle);
--bs-alert-link-color: var(--bs-info-text-emphasis);
}
.alert-warning {
--bs-alert-color: var(--bs-warning-text-emphasis);
--bs-alert-bg: var(--bs-warning-bg-subtle);
--bs-alert-border-color: var(--bs-warning-border-subtle);
--bs-alert-link-color: var(--bs-warning-text-emphasis);
}
.alert-danger {
--bs-alert-color: var(--bs-danger-text-emphasis);
--bs-alert-bg: var(--bs-danger-bg-subtle);
--bs-alert-border-color: var(--bs-danger-border-subtle);
--bs-alert-link-color: var(--bs-danger-text-emphasis);
}
.alert-light {
--bs-alert-color: var(--bs-light-text-emphasis);
--bs-alert-bg: var(--bs-light-bg-subtle);
--bs-alert-border-color: var(--bs-light-border-subtle);
--bs-alert-link-color: var(--bs-light-text-emphasis);
}
.alert-dark {
--bs-alert-color: var(--bs-dark-text-emphasis);
--bs-alert-bg: var(--bs-dark-bg-subtle);
--bs-alert-border-color: var(--bs-dark-border-subtle);
--bs-alert-link-color: var(--bs-dark-text-emphasis);
}
@keyframes progress-bar-stripes {
0% {
background-position-x: 1rem;
}
}
.progress,
.progress-stacked {
--bs-progress-height: 1rem;
--bs-progress-font-size: 0.75rem;
--bs-progress-bg: var(--bs-secondary-bg);
--bs-progress-border-radius: var(--bs-border-radius);
--bs-progress-box-shadow: var(--bs-box-shadow-inset);
--bs-progress-bar-color: #fff;
--bs-progress-bar-bg: #0d6efd;
--bs-progress-bar-transition: width 0.6s ease;
display: flex;
height: var(--bs-progress-height);
overflow: hidden;
font-size: var(--bs-progress-font-size);
background-color: var(--bs-progress-bg);
border-radius: var(--bs-progress-border-radius);
}
.progress-bar {
display: flex;
flex-direction: column;
justify-content: center;
overflow: hidden;
color: var(--bs-progress-bar-color);
text-align: center;
white-space: nowrap;
background-color: var(--bs-progress-bar-bg);
transition: var(--bs-progress-bar-transition);
}
@media (prefers-reduced-motion: reduce) {
.progress-bar {
transition: none;
}
}
.progress-bar-striped {
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-size: var(--bs-progress-height) var(--bs-progress-height);
}
.progress-stacked > .progress {
overflow: visible;
}
.progress-stacked > .progress > .progress-bar {
width: 100%;
}
.progress-bar-animated {
animation: 1s linear infinite progress-bar-stripes;
}
@media (prefers-reduced-motion: reduce) {
.progress-bar-animated {
animation: none;
}
}
.list-group {
--bs-list-group-color: var(--bs-body-color);
--bs-list-group-bg: var(--bs-body-bg);
--bs-list-group-border-color: var(--bs-border-color);
--bs-list-group-border-width: var(--bs-border-width);
--bs-list-group-border-radius: var(--bs-border-radius);
--bs-list-group-item-padding-x: 1rem;
--bs-list-group-item-padding-y: 0.5rem;
--bs-list-group-action-color: var(--bs-secondary-color);
--bs-list-group-action-hover-color: var(--bs-emphasis-color);
--bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
--bs-list-group-action-active-color: var(--bs-body-color);
--bs-list-group-action-active-bg: var(--bs-secondary-bg);
--bs-list-group-disabled-color: var(--bs-secondary-color);
--bs-list-group-disabled-bg: var(--bs-body-bg);
--bs-list-group-active-color: #fff;
--bs-list-group-active-bg: #0d6efd;
--bs-list-group-active-border-color: #0d6efd;
display: flex;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
border-radius: var(--bs-list-group-border-radius);
}
.list-group-numbered {
list-style-type: none;
counter-reset: section;
}
.list-group-numbered > .list-group-item::before {
content: counters(section, ".") ". ";
counter-increment: section;
}
.list-group-item-action {
width: 100%;
color: var(--bs-list-group-action-color);
text-align: inherit;
}
.list-group-item-action:hover, .list-group-item-action:focus {
z-index: 1;
color: var(--bs-list-group-action-hover-color);
text-decoration: none;
background-color: var(--bs-list-group-action-hover-bg);
}
.list-group-item-action:active {
color: var(--bs-list-group-action-active-color);
background-color: var(--bs-list-group-action-active-bg);
}
.list-group-item {
position: relative;
display: block;
padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
color: var(--bs-list-group-color);
text-decoration: none;
background-color: var(--bs-list-group-bg);
border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}
.list-group-item:first-child {
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}
.list-group-item:last-child {
border-bottom-right-radius: inherit;
border-bottom-left-radius: inherit;
}
.list-group-item.disabled, .list-group-item:disabled {
color: var(--bs-list-group-disabled-color);
pointer-events: none;
background-color: var(--bs-list-group-disabled-bg);
}
.list-group-item.active {
z-index: 2;
color: var(--bs-list-group-active-color);
background-color: var(--bs-list-group-active-bg);
border-color: var(--bs-list-group-active-border-color);
}
.list-group-item + .list-group-item {
border-top-width: 0;
}
.list-group-item + .list-group-item.active {
margin-top: calc(-1 * var(--bs-list-group-border-width));
border-top-width: var(--bs-list-group-border-width);
}
.list-group-horizontal {
flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child:not(:last-child) {
border-bottom-left-radius: var(--bs-list-group-border-radius);
border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child:not(:first-child) {
border-top-right-radius: var(--bs-list-group-border-radius);
border-bottom-left-radius: 0;
}
.list-group-horizontal > .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item {
border-top-width: var(--bs-list-group-border-width);
border-left-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
margin-left: calc(-1 * var(--bs-list-group-border-width));
border-left-width: var(--bs-list-group-border-width);
}
@media (min-width: 576px) {
.list-group-horizontal-sm {
flex-direction: row;
}
.list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) {
border-bottom-left-radius: var(--bs-list-group-border-radius);
border-top-right-radius: 0;
}
.list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {
border-top-right-radius: var(--bs-list-group-border-radius);
border-bottom-left-radius: 0;
}
.list-group-horizontal-sm > .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal-sm > .list-group-item + .list-group-item {
border-top-width: var(--bs-list-group-border-width);
border-left-width: 0;
}
.list-group-horizontal-sm > .list-group-item + .list-group-item.active {
margin-left: calc(-1 * var(--bs-list-group-border-width));
border-left-width: var(--bs-list-group-border-width);
}
}
@media (min-width: 768px) {
.list-group-horizontal-md {
flex-direction: row;
}
.list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {
border-bottom-left-radius: var(--bs-list-group-border-radius);
border-top-right-radius: 0;
}
.list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {
border-top-right-radius: var(--bs-list-group-border-radius);
border-bottom-left-radius: 0;
}
.list-group-horizontal-md > .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal-md > .list-group-item + .list-group-item {
border-top-width: var(--bs-list-group-border-width);
border-left-width: 0;
}
.list-group-horizontal-md > .list-group-item + .list-group-item.active {
margin-left: calc(-1 * var(--bs-list-group-border-width));
border-left-width: var(--bs-list-group-border-width);
}
}
@media (min-width: 992px) {
.list-group-horizontal-lg {
flex-direction: row;
}
.list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) {
border-bottom-left-radius: var(--bs-list-group-border-radius);
border-top-right-radius: 0;
}
.list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {
border-top-right-radius: var(--bs-list-group-border-radius);
border-bottom-left-radius: 0;
}
.list-group-horizontal-lg > .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal-lg > .list-group-item + .list-group-item {
border-top-width: var(--bs-list-group-border-width);
border-left-width: 0;
}
.list-group-horizontal-lg > .list-group-item + .list-group-item.active {
margin-left: calc(-1 * var(--bs-list-group-border-width));
border-left-width: var(--bs-list-group-border-width);
}
}
@media (min-width: 1200px) {
.list-group-horizontal-xl {
flex-direction: row;
}
.list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) {
border-bottom-left-radius: var(--bs-list-group-border-radius);
border-top-right-radius: 0;
}
.list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {
border-top-right-radius: var(--bs-list-group-border-radius);
border-bottom-left-radius: 0;
}
.list-group-horizontal-xl > .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal-xl > .list-group-item + .list-group-item {
border-top-width: var(--bs-list-group-border-width);
border-left-width: 0;
}
.list-group-horizontal-xl > .list-group-item + .list-group-item.active {
margin-left: calc(-1 * var(--bs-list-group-border-width));
border-left-width: var(--bs-list-group-border-width);
}
}
@media (min-width: 1400px) {
.list-group-horizontal-xxl {
flex-direction: row;
}
.list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) {
border-bottom-left-radius: var(--bs-list-group-border-radius);
border-top-right-radius: 0;
}
.list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) {
border-top-right-radius: var(--bs-list-group-border-radius);
border-bottom-left-radius: 0;
}
.list-group-horizontal-xxl > .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal-xxl > .list-group-item + .list-group-item {
border-top-width: var(--bs-list-group-border-width);
border-left-width: 0;
}
.list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
margin-left: calc(-1 * var(--bs-list-group-border-width));
border-left-width: var(--bs-list-group-border-width);
}
}
.list-group-flush {
border-radius: 0;
}
.list-group-flush > .list-group-item {
border-width: 0 0 var(--bs-list-group-border-width);
}
.list-group-flush > .list-group-item:last-child {
border-bottom-width: 0;
}
.list-group-item-primary {
--bs-list-group-color: var(--bs-primary-text-emphasis);
--bs-list-group-bg: var(--bs-primary-bg-subtle);
--bs-list-group-border-color: var(--bs-primary-border-subtle);
--bs-list-group-action-hover-color: var(--bs-emphasis-color);
--bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);
--bs-list-group-action-active-color: var(--bs-emphasis-color);
--bs-list-group-action-active-bg: var(--bs-primary-border-subtle);
--bs-list-group-active-color: var(--bs-primary-bg-subtle);
--bs-list-group-active-bg: var(--bs-primary-text-emphasis);
--bs-list-group-active-border-color: var(--bs-primary-text-emphasis);
}
.list-group-item-secondary {
--bs-list-group-color: var(--bs-secondary-text-emphasis);
--bs-list-group-bg: var(--bs-secondary-bg-subtle);
--bs-list-group-border-color: var(--bs-secondary-border-subtle);
--bs-list-group-action-hover-color: var(--bs-emphasis-color);
--bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle);
--bs-list-group-action-active-color: var(--bs-emphasis-color);
--bs-list-group-action-active-bg: var(--bs-secondary-border-subtle);
--bs-list-group-active-color: var(--bs-secondary-bg-subtle);
--bs-list-group-active-bg: var(--bs-secondary-text-emphasis);
--bs-list-group-active-border-color: var(--bs-secondary-text-emphasis);
}
.list-group-item-success {
--bs-list-group-color: var(--bs-success-text-emphasis);
--bs-list-group-bg: var(--bs-success-bg-subtle);
--bs-list-group-border-color: var(--bs-success-border-subtle);
--bs-list-group-action-hover-color: var(--bs-emphasis-color);
--bs-list-group-action-hover-bg: var(--bs-success-border-subtle);
--bs-list-group-action-active-color: var(--bs-emphasis-color);
--bs-list-group-action-active-bg: var(--bs-success-border-subtle);
--bs-list-group-active-color: var(--bs-success-bg-subtle);
--bs-list-group-active-bg: var(--bs-success-text-emphasis);
--bs-list-group-active-border-color: var(--bs-success-text-emphasis);
}
.list-group-item-info {
--bs-list-group-color: var(--bs-info-text-emphasis);
--bs-list-group-bg: var(--bs-info-bg-subtle);
--bs-list-group-border-color: var(--bs-info-border-subtle);
--bs-list-group-action-hover-color: var(--bs-emphasis-color);
--bs-list-group-action-hover-bg: var(--bs-info-border-subtle);
--bs-list-group-action-active-color: var(--bs-emphasis-color);
--bs-list-group-action-active-bg: var(--bs-info-border-subtle);
--bs-list-group-active-color: var(--bs-info-bg-subtle);
--bs-list-group-active-bg: var(--bs-info-text-emphasis);
--bs-list-group-active-border-color: var(--bs-info-text-emphasis);
}
.list-group-item-warning {
--bs-list-group-color: var(--bs-warning-text-emphasis);
--bs-list-group-bg: var(--bs-warning-bg-subtle);
--bs-list-group-border-color: var(--bs-warning-border-subtle);
--bs-list-group-action-hover-color: var(--bs-emphasis-color);
--bs-list-group-action-hover-bg: var(--bs-warning-border-subtle);
--bs-list-group-action-active-color: var(--bs-emphasis-color);
--bs-list-group-action-active-bg: var(--bs-warning-border-subtle);
--bs-list-group-active-color: var(--bs-warning-bg-subtle);
--bs-list-group-active-bg: var(--bs-warning-text-emphasis);
--bs-list-group-active-border-color: var(--bs-warning-text-emphasis);
}
.list-group-item-danger {
--bs-list-group-color: var(--bs-danger-text-emphasis);
--bs-list-group-bg: var(--bs-danger-bg-subtle);
--bs-list-group-border-color: var(--bs-danger-border-subtle);
--bs-list-group-action-hover-color: var(--bs-emphasis-color);
--bs-list-group-action-hover-bg: var(--bs-danger-border-subtle);
--bs-list-group-action-active-color: var(--bs-emphasis-color);
--bs-list-group-action-active-bg: var(--bs-danger-border-subtle);
--bs-list-group-active-color: var(--bs-danger-bg-subtle);
--bs-list-group-active-bg: var(--bs-danger-text-emphasis);
--bs-list-group-active-border-color: var(--bs-danger-text-emphasis);
}
.list-group-item-light {
--bs-list-group-color: var(--bs-light-text-emphasis);
--bs-list-group-bg: var(--bs-light-bg-subtle);
--bs-list-group-border-color: var(--bs-light-border-subtle);
--bs-list-group-action-hover-color: var(--bs-emphasis-color);
--bs-list-group-action-hover-bg: var(--bs-light-border-subtle);
--bs-list-group-action-active-color: var(--bs-emphasis-color);
--bs-list-group-action-active-bg: var(--bs-light-border-subtle);
--bs-list-group-active-color: var(--bs-light-bg-subtle);
--bs-list-group-active-bg: var(--bs-light-text-emphasis);
--bs-list-group-active-border-color: var(--bs-light-text-emphasis);
}
.list-group-item-dark {
--bs-list-group-color: var(--bs-dark-text-emphasis);
--bs-list-group-bg: var(--bs-dark-bg-subtle);
--bs-list-group-border-color: var(--bs-dark-border-subtle);
--bs-list-group-action-hover-color: var(--bs-emphasis-color);
--bs-list-group-action-hover-bg: var(--bs-dark-border-subtle);
--bs-list-group-action-active-color: var(--bs-emphasis-color);
--bs-list-group-action-active-bg: var(--bs-dark-border-subtle);
--bs-list-group-active-color: var(--bs-dark-bg-subtle);
--bs-list-group-active-bg: var(--bs-dark-text-emphasis);
--bs-list-group-active-border-color: var(--bs-dark-text-emphasis);
}
.btn-close {
--bs-btn-close-color: #000;
--bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
--bs-btn-close-opacity: 0.5;
--bs-btn-close-hover-opacity: 0.75;
--bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
--bs-btn-close-focus-opacity: 1;
--bs-btn-close-disabled-opacity: 0.25;
--bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
box-sizing: content-box;
width: 1em;
height: 1em;
padding: 0.25em 0.25em;
color: var(--bs-btn-close-color);
background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
border: 0;
border-radius: 0.375rem;
opacity: var(--bs-btn-close-opacity);
}
.btn-close:hover {
color: var(--bs-btn-close-color);
text-decoration: none;
opacity: var(--bs-btn-close-hover-opacity);
}
.btn-close:focus {
outline: 0;
box-shadow: var(--bs-btn-close-focus-shadow);
opacity: var(--bs-btn-close-focus-opacity);
}
.btn-close:disabled, .btn-close.disabled {
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
opacity: var(--bs-btn-close-disabled-opacity);
}
.btn-close-white {
filter: var(--bs-btn-close-white-filter);
}
[data-bs-theme=dark] .btn-close {
filter: var(--bs-btn-close-white-filter);
}
.toast {
--bs-toast-zindex: 1090;
--bs-toast-padding-x: 0.75rem;
--bs-toast-padding-y: 0.5rem;
--bs-toast-spacing: 1.5rem;
--bs-toast-max-width: 350px;
--bs-toast-font-size: 0.875rem;
--bs-toast-color: ;
--bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85);
--bs-toast-border-width: var(--bs-border-width);
--bs-toast-border-color: var(--bs-border-color-translucent);
--bs-toast-border-radius: var(--bs-border-radius);
--bs-toast-box-shadow: var(--bs-box-shadow);
--bs-toast-header-color: var(--bs-secondary-color);
--bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);
--bs-toast-header-border-color: var(--bs-border-color-translucent);
width: var(--bs-toast-max-width);
max-width: 100%;
font-size: var(--bs-toast-font-size);
color: var(--bs-toast-color);
pointer-events: auto;
background-color: var(--bs-toast-bg);
background-clip: padding-box;
border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
box-shadow: var(--bs-toast-box-shadow);
border-radius: var(--bs-toast-border-radius);
}
.toast.showing {
opacity: 0;
}
.toast:not(.show) {
display: none;
}
.toast-container {
--bs-toast-zindex: 1090;
position: absolute;
z-index: var(--bs-toast-zindex);
width: max-content;
max-width: 100%;
pointer-events: none;
}
.toast-container > :not(:last-child) {
margin-bottom: var(--bs-toast-spacing);
}
.toast-header {
display: flex;
align-items: center;
padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
color: var(--bs-toast-header-color);
background-color: var(--bs-toast-header-bg);
background-clip: padding-box;
border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
}
.toast-header .btn-close {
margin-right: calc(-0.5 * var(--bs-toast-padding-x));
margin-left: var(--bs-toast-padding-x);
}
.toast-body {
padding: var(--bs-toast-padding-x);
word-wrap: break-word;
}
.modal {
--bs-modal-zindex: 1055;
--bs-modal-width: 500px;
--bs-modal-padding: 1rem;
--bs-modal-margin: 0.5rem;
--bs-modal-color: ;
--bs-modal-bg: var(--bs-body-bg);
--bs-modal-border-color: var(--bs-border-color-translucent);
--bs-modal-border-width: var(--bs-border-width);
--bs-modal-border-radius: var(--bs-border-radius-lg);
--bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
--bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
--bs-modal-header-padding-x: 1rem;
--bs-modal-header-padding-y: 1rem;
--bs-modal-header-padding: 1rem 1rem;
--bs-modal-header-border-color: var(--bs-border-color);
--bs-modal-header-border-width: var(--bs-border-width);
--bs-modal-title-line-height: 1.5;
--bs-modal-footer-gap: 0.5rem;
--bs-modal-footer-bg: ;
--bs-modal-footer-border-color: var(--bs-border-color);
--bs-modal-footer-border-width: var(--bs-border-width);
position: fixed;
top: 0;
left: 0;
z-index: var(--bs-modal-zindex);
display: none;
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
outline: 0;
}
.modal-dialog {
position: relative;
width: auto;
margin: var(--bs-modal-margin);
pointer-events: none;
}
.modal.fade .modal-dialog {
transition: transform 0.3s ease-out;
transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
.modal.fade .modal-dialog {
transition: none;
}
}
.modal.show .modal-dialog {
transform: none;
}
.modal.modal-static .modal-dialog {
transform: scale(1.02);
}
.modal-dialog-scrollable {
height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-dialog-scrollable .modal-content {
max-height: 100%;
overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
overflow-y: auto;
}
.modal-dialog-centered {
display: flex;
align-items: center;
min-height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-content {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
color: var(--bs-modal-color);
pointer-events: auto;
background-color: var(--bs-modal-bg);
background-clip: padding-box;
border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
border-radius: var(--bs-modal-border-radius);
outline: 0;
}
.modal-backdrop {
--bs-backdrop-zindex: 1050;
--bs-backdrop-bg: #000;
--bs-backdrop-opacity: 0.5;
position: fixed;
top: 0;
left: 0;
z-index: var(--bs-backdrop-zindex);
width: 100vw;
height: 100vh;
background-color: var(--bs-backdrop-bg);
}
.modal-backdrop.fade {
opacity: 0;
}
.modal-backdrop.show {
opacity: var(--bs-backdrop-opacity);
}
.modal-header {
display: flex;
flex-shrink: 0;
align-items: center;
justify-content: space-between;
padding: var(--bs-modal-header-padding);
border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
border-top-left-radius: var(--bs-modal-inner-border-radius);
border-top-right-radius: var(--bs-modal-inner-border-radius);
}
.modal-header .btn-close {
padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
margin: calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)) calc(-0.5 * var(--bs-modal-header-padding-y)) auto;
}
.modal-title {
margin-bottom: 0;
line-height: var(--bs-modal-title-line-height);
}
.modal-body {
position: relative;
flex: 1 1 auto;
padding: var(--bs-modal-padding);
}
.modal-footer {
display: flex;
flex-shrink: 0;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
background-color: var(--bs-modal-footer-bg);
border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
border-bottom-right-radius: var(--bs-modal-inner-border-radius);
border-bottom-left-radius: var(--bs-modal-inner-border-radius);
}
.modal-footer > * {
margin: calc(var(--bs-modal-footer-gap) * 0.5);
}
@media (min-width: 576px) {
.modal {
--bs-modal-margin: 1.75rem;
--bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.modal-dialog {
max-width: var(--bs-modal-width);
margin-right: auto;
margin-left: auto;
}
.modal-sm {
--bs-modal-width: 300px;
}
}
@media (min-width: 992px) {
.modal-lg,
.modal-xl {
--bs-modal-width: 800px;
}
}
@media (min-width: 1200px) {
.modal-xl {
--bs-modal-width: 1140px;
}
}
.modal-fullscreen {
width: 100vw;
max-width: none;
height: 100%;
margin: 0;
}
.modal-fullscreen .modal-content {
height: 100%;
border: 0;
border-radius: 0;
}
.modal-fullscreen .modal-header,
.modal-fullscreen .modal-footer {
border-radius: 0;
}
.modal-fullscreen .modal-body {
overflow-y: auto;
}
@media (max-width: 575.98px) {
.modal-fullscreen-sm-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0;
}
.modal-fullscreen-sm-down .modal-content {
height: 100%;
border: 0;
border-radius: 0;
}
.modal-fullscreen-sm-down .modal-header,
.modal-fullscreen-sm-down .modal-footer {
border-radius: 0;
}
.modal-fullscreen-sm-down .modal-body {
overflow-y: auto;
}
}
@media (max-width: 767.98px) {
.modal-fullscreen-md-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0;
}
.modal-fullscreen-md-down .modal-content {
height: 100%;
border: 0;
border-radius: 0;
}
.modal-fullscreen-md-down .modal-header,
.modal-fullscreen-md-down .modal-footer {
border-radius: 0;
}
.modal-fullscreen-md-down .modal-body {
overflow-y: auto;
}
}
@media (max-width: 991.98px) {
.modal-fullscreen-lg-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0;
}
.modal-fullscreen-lg-down .modal-content {
height: 100%;
border: 0;
border-radius: 0;
}
.modal-fullscreen-lg-down .modal-header,
.modal-fullscreen-lg-down .modal-footer {
border-radius: 0;
}
.modal-fullscreen-lg-down .modal-body {
overflow-y: auto;
}
}
@media (max-width: 1199.98px) {
.modal-fullscreen-xl-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0;
}
.modal-fullscreen-xl-down .modal-content {
height: 100%;
border: 0;
border-radius: 0;
}
.modal-fullscreen-xl-down .modal-header,
.modal-fullscreen-xl-down .modal-footer {
border-radius: 0;
}
.modal-fullscreen-xl-down .modal-body {
overflow-y: auto;
}
}
@media (max-width: 1399.98px) {
.modal-fullscreen-xxl-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0;
}
.modal-fullscreen-xxl-down .modal-content {
height: 100%;
border: 0;
border-radius: 0;
}
.modal-fullscreen-xxl-down .modal-header,
.modal-fullscreen-xxl-down .modal-footer {
border-radius: 0;
}
.modal-fullscreen-xxl-down .modal-body {
overflow-y: auto;
}
}
.tooltip {
--bs-tooltip-zindex: 1080;
--bs-tooltip-max-width: 200px;
--bs-tooltip-padding-x: 0.5rem;
--bs-tooltip-padding-y: 0.25rem;
--bs-tooltip-margin: ;
--bs-tooltip-font-size: 0.875rem;
--bs-tooltip-color: var(--bs-body-bg);
--bs-tooltip-bg: var(--bs-emphasis-color);
--bs-tooltip-border-radius: var(--bs-border-radius);
--bs-tooltip-opacity: 0.9;
--bs-tooltip-arrow-width: 0.8rem;
--bs-tooltip-arrow-height: 0.4rem;
z-index: var(--bs-tooltip-zindex);
display: block;
margin: var(--bs-tooltip-margin);
font-family: var(--bs-font-sans-serif);
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
white-space: normal;
word-spacing: normal;
line-break: auto;
font-size: var(--bs-tooltip-font-size);
word-wrap: break-word;
opacity: 0;
}
.tooltip.show {
opacity: var(--bs-tooltip-opacity);
}
.tooltip .tooltip-arrow {
display: block;
width: var(--bs-tooltip-arrow-width);
height: var(--bs-tooltip-arrow-height);
}
.tooltip .tooltip-arrow::before {
position: absolute;
content: "";
border-color: transparent;
border-style: solid;
}
.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
bottom: calc(-1 * var(--bs-tooltip-arrow-height));
}
.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
top: -1px;
border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
border-top-color: var(--bs-tooltip-bg);
}
/* rtl:begin:ignore */
.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
left: calc(-1 * var(--bs-tooltip-arrow-height));
width: var(--bs-tooltip-arrow-height);
height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
right: -1px;
border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
border-right-color: var(--bs-tooltip-bg);
}
/* rtl:end:ignore */
.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
top: calc(-1 * var(--bs-tooltip-arrow-height));
}
.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
bottom: -1px;
border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
border-bottom-color: var(--bs-tooltip-bg);
}
/* rtl:begin:ignore */
.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
right: calc(-1 * var(--bs-tooltip-arrow-height));
width: var(--bs-tooltip-arrow-height);
height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
left: -1px;
border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
border-left-color: var(--bs-tooltip-bg);
}
/* rtl:end:ignore */
.tooltip-inner {
max-width: var(--bs-tooltip-max-width);
padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
color: var(--bs-tooltip-color);
text-align: center;
background-color: var(--bs-tooltip-bg);
border-radius: var(--bs-tooltip-border-radius);
}
.popover {
--bs-popover-zindex: 1070;
--bs-popover-max-width: 276px;
--bs-popover-font-size: 0.875rem;
--bs-popover-bg: var(--bs-body-bg);
--bs-popover-border-width: var(--bs-border-width);
--bs-popover-border-color: var(--bs-border-color-translucent);
--bs-popover-border-radius: var(--bs-border-radius-lg);
--bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
--bs-popover-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
--bs-popover-header-padding-x: 1rem;
--bs-popover-header-padding-y: 0.5rem;
--bs-popover-header-font-size: 1rem;
--bs-popover-header-color: inherit;
--bs-popover-header-bg: var(--bs-secondary-bg);
--bs-popover-body-padding-x: 1rem;
--bs-popover-body-padding-y: 1rem;
--bs-popover-body-color: var(--bs-body-color);
--bs-popover-arrow-width: 1rem;
--bs-popover-arrow-height: 0.5rem;
--bs-popover-arrow-border: var(--bs-popover-border-color);
z-index: var(--bs-popover-zindex);
display: block;
max-width: var(--bs-popover-max-width);
font-family: var(--bs-font-sans-serif);
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
white-space: normal;
word-spacing: normal;
line-break: auto;
font-size: var(--bs-popover-font-size);
word-wrap: break-word;
background-color: var(--bs-popover-bg);
background-clip: padding-box;
border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
border-radius: var(--bs-popover-border-radius);
}
.popover .popover-arrow {
display: block;
width: var(--bs-popover-arrow-width);
height: var(--bs-popover-arrow-height);
}
.popover .popover-arrow::before, .popover .popover-arrow::after {
position: absolute;
display: block;
content: "";
border-color: transparent;
border-style: solid;
border-width: 0;
}
.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow {
bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
bottom: 0;
border-top-color: var(--bs-popover-arrow-border);
}
.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
bottom: var(--bs-popover-border-width);
border-top-color: var(--bs-popover-bg);
}
/* rtl:begin:ignore */
.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
width: var(--bs-popover-arrow-height);
height: var(--bs-popover-arrow-width);
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
border-width: calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
left: 0;
border-right-color: var(--bs-popover-arrow-border);
}
.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
left: var(--bs-popover-border-width);
border-right-color: var(--bs-popover-bg);
}
/* rtl:end:ignore */
.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
top: 0;
border-bottom-color: var(--bs-popover-arrow-border);
}
.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
top: var(--bs-popover-border-width);
border-bottom-color: var(--bs-popover-bg);
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
position: absolute;
top: 0;
left: 50%;
display: block;
width: var(--bs-popover-arrow-width);
margin-left: calc(-0.5 * var(--bs-popover-arrow-width));
content: "";
border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg);
}
/* rtl:begin:ignore */
.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
width: var(--bs-popover-arrow-height);
height: var(--bs-popover-arrow-width);
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
right: 0;
border-left-color: var(--bs-popover-arrow-border);
}
.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
right: var(--bs-popover-border-width);
border-left-color: var(--bs-popover-bg);
}
/* rtl:end:ignore */
.popover-header {
padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
margin-bottom: 0;
font-size: var(--bs-popover-header-font-size);
color: var(--bs-popover-header-color);
background-color: var(--bs-popover-header-bg);
border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
border-top-left-radius: var(--bs-popover-inner-border-radius);
border-top-right-radius: var(--bs-popover-inner-border-radius);
}
.popover-header:empty {
display: none;
}
.popover-body {
padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
color: var(--bs-popover-body-color);
}
.carousel {
position: relative;
}
.carousel.pointer-event {
touch-action: pan-y;
}
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden;
}
.carousel-inner::after {
display: block;
clear: both;
content: "";
}
.carousel-item {
position: relative;
display: none;
float: left;
width: 100%;
margin-right: -100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition: transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.carousel-item {
transition: none;
}
}
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
display: block;
}
.carousel-item-next:not(.carousel-item-start),
.active.carousel-item-end {
transform: translateX(100%);
}
.carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start {
transform: translateX(-100%);
}
.carousel-fade .carousel-item {
opacity: 0;
transition-property: opacity;
transform: none;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end {
z-index: 1;
opacity: 1;
}
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
z-index: 0;
opacity: 0;
transition: opacity 0s 0.6s;
}
@media (prefers-reduced-motion: reduce) {
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
transition: none;
}
}
.carousel-control-prev,
.carousel-control-next {
position: absolute;
top: 0;
bottom: 0;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
width: 15%;
padding: 0;
color: #fff;
text-align: center;
background: none;
border: 0;
opacity: 0.5;
transition: opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
.carousel-control-prev,
.carousel-control-next {
transition: none;
}
}
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
color: #fff;
text-decoration: none;
outline: 0;
opacity: 0.9;
}
.carousel-control-prev {
left: 0;
}
.carousel-control-next {
right: 0;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
display: inline-block;
width: 2rem;
height: 2rem;
background-repeat: no-repeat;
background-position: 50%;
background-size: 100% 100%;
}
/* rtl:options: {
"autoRename": true,
"stringMap":[ {
"name" : "prev-next",
"search" : "prev",
"replace" : "next"
} ]
} */
.carousel-control-prev-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}
.carousel-control-next-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.carousel-indicators {
position: absolute;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
display: flex;
justify-content: center;
padding: 0;
margin-right: 15%;
margin-bottom: 1rem;
margin-left: 15%;
}
.carousel-indicators [data-bs-target] {
box-sizing: content-box;
flex: 0 1 auto;
width: 30px;
height: 3px;
padding: 0;
margin-right: 3px;
margin-left: 3px;
text-indent: -999px;
cursor: pointer;
background-color: #fff;
background-clip: padding-box;
border: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
opacity: 0.5;
transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
.carousel-indicators [data-bs-target] {
transition: none;
}
}
.carousel-indicators .active {
opacity: 1;
}
.carousel-caption {
position: absolute;
right: 15%;
bottom: 1.25rem;
left: 15%;
padding-top: 1.25rem;
padding-bottom: 1.25rem;
color: #fff;
text-align: center;
}
.carousel-dark .carousel-control-prev-icon,
.carousel-dark .carousel-control-next-icon {
filter: invert(1) grayscale(100);
}
.carousel-dark .carousel-indicators [data-bs-target] {
background-color: #000;
}
.carousel-dark .carousel-caption {
color: #000;
}
[data-bs-theme=dark] .carousel .carousel-control-prev-icon,
[data-bs-theme=dark] .carousel .carousel-control-next-icon, [data-bs-theme=dark].carousel .carousel-control-prev-icon,
[data-bs-theme=dark].carousel .carousel-control-next-icon {
filter: invert(1) grayscale(100);
}
[data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target], [data-bs-theme=dark].carousel .carousel-indicators [data-bs-target] {
background-color: #000;
}
[data-bs-theme=dark] .carousel .carousel-caption, [data-bs-theme=dark].carousel .carousel-caption {
color: #000;
}
.spinner-grow,
.spinner-border {
display: inline-block;
width: var(--bs-spinner-width);
height: var(--bs-spinner-height);
vertical-align: var(--bs-spinner-vertical-align);
border-radius: 50%;
animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
}
@keyframes spinner-border {
to {
transform: rotate(360deg) /* rtl:ignore */;
}
}
.spinner-border {
--bs-spinner-width: 2rem;
--bs-spinner-height: 2rem;
--bs-spinner-vertical-align: -0.125em;
--bs-spinner-border-width: 0.25em;
--bs-spinner-animation-speed: 0.75s;
--bs-spinner-animation-name: spinner-border;
border: var(--bs-spinner-border-width) solid currentcolor;
border-right-color: transparent;
}
.spinner-border-sm {
--bs-spinner-width: 1rem;
--bs-spinner-height: 1rem;
--bs-spinner-border-width: 0.2em;
}
@keyframes spinner-grow {
0% {
transform: scale(0);
}
50% {
opacity: 1;
transform: none;
}
}
.spinner-grow {
--bs-spinner-width: 2rem;
--bs-spinner-height: 2rem;
--bs-spinner-vertical-align: -0.125em;
--bs-spinner-animation-speed: 0.75s;
--bs-spinner-animation-name: spinner-grow;
background-color: currentcolor;
opacity: 0;
}
.spinner-grow-sm {
--bs-spinner-width: 1rem;
--bs-spinner-height: 1rem;
}
@media (prefers-reduced-motion: reduce) {
.spinner-border,
.spinner-grow {
--bs-spinner-animation-speed: 1.5s;
}
}
.offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm {
--bs-offcanvas-zindex: 1045;
--bs-offcanvas-width: 400px;
--bs-offcanvas-height: 30vh;
--bs-offcanvas-padding-x: 1rem;
--bs-offcanvas-padding-y: 1rem;
--bs-offcanvas-color: var(--bs-body-color);
--bs-offcanvas-bg: var(--bs-body-bg);
--bs-offcanvas-border-width: var(--bs-border-width);
--bs-offcanvas-border-color: var(--bs-border-color-translucent);
--bs-offcanvas-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
--bs-offcanvas-transition: transform 0.3s ease-in-out;
--bs-offcanvas-title-line-height: 1.5;
}
@media (max-width: 575.98px) {
.offcanvas-sm {
position: fixed;
bottom: 0;
z-index: var(--bs-offcanvas-zindex);
display: flex;
flex-direction: column;
max-width: 100%;
color: var(--bs-offcanvas-color);
visibility: hidden;
background-color: var(--bs-offcanvas-bg);
background-clip: padding-box;
outline: 0;
transition: var(--bs-offcanvas-transition);
}
}
@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
.offcanvas-sm {
transition: none;
}
}
@media (max-width: 575.98px) {
.offcanvas-sm.offcanvas-start {
top: 0;
left: 0;
width: var(--bs-offcanvas-width);
border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(-100%);
}
.offcanvas-sm.offcanvas-end {
top: 0;
right: 0;
width: var(--bs-offcanvas-width);
border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(100%);
}
.offcanvas-sm.offcanvas-top {
top: 0;
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(-100%);
}
.offcanvas-sm.offcanvas-bottom {
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(100%);
}
.offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) {
transform: none;
}
.offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show {
visibility: visible;
}
}
@media (min-width: 576px) {
.offcanvas-sm {
--bs-offcanvas-height: auto;
--bs-offcanvas-border-width: 0;
background-color: transparent !important;
}
.offcanvas-sm .offcanvas-header {
display: none;
}
.offcanvas-sm .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
background-color: transparent !important;
}
}
@media (max-width: 767.98px) {
.offcanvas-md {
position: fixed;
bottom: 0;
z-index: var(--bs-offcanvas-zindex);
display: flex;
flex-direction: column;
max-width: 100%;
color: var(--bs-offcanvas-color);
visibility: hidden;
background-color: var(--bs-offcanvas-bg);
background-clip: padding-box;
outline: 0;
transition: var(--bs-offcanvas-transition);
}
}
@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
.offcanvas-md {
transition: none;
}
}
@media (max-width: 767.98px) {
.offcanvas-md.offcanvas-start {
top: 0;
left: 0;
width: var(--bs-offcanvas-width);
border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(-100%);
}
.offcanvas-md.offcanvas-end {
top: 0;
right: 0;
width: var(--bs-offcanvas-width);
border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(100%);
}
.offcanvas-md.offcanvas-top {
top: 0;
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(-100%);
}
.offcanvas-md.offcanvas-bottom {
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(100%);
}
.offcanvas-md.showing, .offcanvas-md.show:not(.hiding) {
transform: none;
}
.offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show {
visibility: visible;
}
}
@media (min-width: 768px) {
.offcanvas-md {
--bs-offcanvas-height: auto;
--bs-offcanvas-border-width: 0;
background-color: transparent !important;
}
.offcanvas-md .offcanvas-header {
display: none;
}
.offcanvas-md .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
background-color: transparent !important;
}
}
@media (max-width: 991.98px) {
.offcanvas-lg {
position: fixed;
bottom: 0;
z-index: var(--bs-offcanvas-zindex);
display: flex;
flex-direction: column;
max-width: 100%;
color: var(--bs-offcanvas-color);
visibility: hidden;
background-color: var(--bs-offcanvas-bg);
background-clip: padding-box;
outline: 0;
transition: var(--bs-offcanvas-transition);
}
}
@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
.offcanvas-lg {
transition: none;
}
}
@media (max-width: 991.98px) {
.offcanvas-lg.offcanvas-start {
top: 0;
left: 0;
width: var(--bs-offcanvas-width);
border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(-100%);
}
.offcanvas-lg.offcanvas-end {
top: 0;
right: 0;
width: var(--bs-offcanvas-width);
border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(100%);
}
.offcanvas-lg.offcanvas-top {
top: 0;
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(-100%);
}
.offcanvas-lg.offcanvas-bottom {
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(100%);
}
.offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) {
transform: none;
}
.offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show {
visibility: visible;
}
}
@media (min-width: 992px) {
.offcanvas-lg {
--bs-offcanvas-height: auto;
--bs-offcanvas-border-width: 0;
background-color: transparent !important;
}
.offcanvas-lg .offcanvas-header {
display: none;
}
.offcanvas-lg .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
background-color: transparent !important;
}
}
@media (max-width: 1199.98px) {
.offcanvas-xl {
position: fixed;
bottom: 0;
z-index: var(--bs-offcanvas-zindex);
display: flex;
flex-direction: column;
max-width: 100%;
color: var(--bs-offcanvas-color);
visibility: hidden;
background-color: var(--bs-offcanvas-bg);
background-clip: padding-box;
outline: 0;
transition: var(--bs-offcanvas-transition);
}
}
@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
.offcanvas-xl {
transition: none;
}
}
@media (max-width: 1199.98px) {
.offcanvas-xl.offcanvas-start {
top: 0;
left: 0;
width: var(--bs-offcanvas-width);
border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(-100%);
}
.offcanvas-xl.offcanvas-end {
top: 0;
right: 0;
width: var(--bs-offcanvas-width);
border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(100%);
}
.offcanvas-xl.offcanvas-top {
top: 0;
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(-100%);
}
.offcanvas-xl.offcanvas-bottom {
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(100%);
}
.offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) {
transform: none;
}
.offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show {
visibility: visible;
}
}
@media (min-width: 1200px) {
.offcanvas-xl {
--bs-offcanvas-height: auto;
--bs-offcanvas-border-width: 0;
background-color: transparent !important;
}
.offcanvas-xl .offcanvas-header {
display: none;
}
.offcanvas-xl .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
background-color: transparent !important;
}
}
@media (max-width: 1399.98px) {
.offcanvas-xxl {
position: fixed;
bottom: 0;
z-index: var(--bs-offcanvas-zindex);
display: flex;
flex-direction: column;
max-width: 100%;
color: var(--bs-offcanvas-color);
visibility: hidden;
background-color: var(--bs-offcanvas-bg);
background-clip: padding-box;
outline: 0;
transition: var(--bs-offcanvas-transition);
}
}
@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
.offcanvas-xxl {
transition: none;
}
}
@media (max-width: 1399.98px) {
.offcanvas-xxl.offcanvas-start {
top: 0;
left: 0;
width: var(--bs-offcanvas-width);
border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(-100%);
}
.offcanvas-xxl.offcanvas-end {
top: 0;
right: 0;
width: var(--bs-offcanvas-width);
border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(100%);
}
.offcanvas-xxl.offcanvas-top {
top: 0;
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(-100%);
}
.offcanvas-xxl.offcanvas-bottom {
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(100%);
}
.offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) {
transform: none;
}
.offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show {
visibility: visible;
}
}
@media (min-width: 1400px) {
.offcanvas-xxl {
--bs-offcanvas-height: auto;
--bs-offcanvas-border-width: 0;
background-color: transparent !important;
}
.offcanvas-xxl .offcanvas-header {
display: none;
}
.offcanvas-xxl .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
background-color: transparent !important;
}
}
.offcanvas {
position: fixed;
bottom: 0;
z-index: var(--bs-offcanvas-zindex);
display: flex;
flex-direction: column;
max-width: 100%;
color: var(--bs-offcanvas-color);
visibility: hidden;
background-color: var(--bs-offcanvas-bg);
background-clip: padding-box;
outline: 0;
transition: var(--bs-offcanvas-transition);
}
@media (prefers-reduced-motion: reduce) {
.offcanvas {
transition: none;
}
}
.offcanvas.offcanvas-start {
top: 0;
left: 0;
width: var(--bs-offcanvas-width);
border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(-100%);
}
.offcanvas.offcanvas-end {
top: 0;
right: 0;
width: var(--bs-offcanvas-width);
border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateX(100%);
}
.offcanvas.offcanvas-top {
top: 0;
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(-100%);
}
.offcanvas.offcanvas-bottom {
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
transform: translateY(100%);
}
.offcanvas.showing, .offcanvas.show:not(.hiding) {
transform: none;
}
.offcanvas.showing, .offcanvas.hiding, .offcanvas.show {
visibility: visible;
}
.offcanvas-backdrop {
position: fixed;
top: 0;
left: 0;
z-index: 1040;
width: 100vw;
height: 100vh;
background-color: #000;
}
.offcanvas-backdrop.fade {
opacity: 0;
}
.offcanvas-backdrop.show {
opacity: 0.5;
}
.offcanvas-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
}
.offcanvas-header .btn-close {
padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5);
margin-top: calc(-0.5 * var(--bs-offcanvas-padding-y));
margin-right: calc(-0.5 * var(--bs-offcanvas-padding-x));
margin-bottom: calc(-0.5 * var(--bs-offcanvas-padding-y));
}
.offcanvas-title {
margin-bottom: 0;
line-height: var(--bs-offcanvas-title-line-height);
}
.offcanvas-body {
flex-grow: 1;
padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
overflow-y: auto;
}
.placeholder {
display: inline-block;
min-height: 1em;
vertical-align: middle;
cursor: wait;
background-color: currentcolor;
opacity: 0.5;
}
.placeholder.btn::before {
display: inline-block;
content: "";
}
.placeholder-xs {
min-height: 0.6em;
}
.placeholder-sm {
min-height: 0.8em;
}
.placeholder-lg {
min-height: 1.2em;
}
.placeholder-glow .placeholder {
animation: placeholder-glow 2s ease-in-out infinite;
}
@keyframes placeholder-glow {
50% {
opacity: 0.2;
}
}
.placeholder-wave {
-webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
-webkit-mask-size: 200% 100%;
mask-size: 200% 100%;
animation: placeholder-wave 2s linear infinite;
}
@keyframes placeholder-wave {
100% {
-webkit-mask-position: -200% 0%;
mask-position: -200% 0%;
}
}
.clearfix::after {
display: block;
clear: both;
content: "";
}
.text-bg-primary {
color: #fff !important;
background-color: RGBA(13, 110, 253, var(--bs-bg-opacity, 1)) !important;
}
.text-bg-secondary {
color: #fff !important;
background-color: RGBA(108, 117, 125, var(--bs-bg-opacity, 1)) !important;
}
.text-bg-success {
color: #fff !important;
background-color: RGBA(25, 135, 84, var(--bs-bg-opacity, 1)) !important;
}
.text-bg-info {
color: #000 !important;
background-color: RGBA(13, 202, 240, var(--bs-bg-opacity, 1)) !important;
}
.text-bg-warning {
color: #000 !important;
background-color: RGBA(255, 193, 7, var(--bs-bg-opacity, 1)) !important;
}
.text-bg-danger {
color: #fff !important;
background-color: RGBA(220, 53, 69, var(--bs-bg-opacity, 1)) !important;
}
.text-bg-light {
color: #000 !important;
background-color: RGBA(248, 249, 250, var(--bs-bg-opacity, 1)) !important;
}
.text-bg-dark {
color: #fff !important;
background-color: RGBA(33, 37, 41, var(--bs-bg-opacity, 1)) !important;
}
.link-primary {
color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
-webkit-text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-primary:hover, .link-primary:focus {
color: RGBA(10, 88, 202, var(--bs-link-opacity, 1)) !important;
-webkit-text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important;
text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important;
}
.link-secondary {
color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
-webkit-text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-secondary:hover, .link-secondary:focus {
color: RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important;
-webkit-text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important;
text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important;
}
.link-success {
color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
-webkit-text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-success:hover, .link-success:focus {
color: RGBA(20, 108, 67, var(--bs-link-opacity, 1)) !important;
-webkit-text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important;
text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important;
}
.link-info {
color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;
-webkit-text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-info:hover, .link-info:focus {
color: RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important;
-webkit-text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important;
text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important;
}
.link-warning {
color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
-webkit-text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-warning:hover, .link-warning:focus {
color: RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important;
-webkit-text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important;
text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important;
}
.link-danger {
color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;
-webkit-text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-danger:hover, .link-danger:focus {
color: RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important;
-webkit-text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important;
text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important;
}
.link-light {
color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
-webkit-text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-light:hover, .link-light:focus {
color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;
-webkit-text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important;
text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important;
}
.link-dark {
color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
-webkit-text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-dark:hover, .link-dark:focus {
color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;
-webkit-text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important;
text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important;
}
.link-body-emphasis {
color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;
-webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-body-emphasis:hover, .link-body-emphasis:focus {
color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important;
-webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
}
.focus-ring:focus {
outline: 0;
box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color);
}
.icon-link {
display: inline-flex;
gap: 0.375rem;
align-items: center;
-webkit-text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
text-underline-offset: 0.25em;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.icon-link > .bi {
flex-shrink: 0;
width: 1em;
height: 1em;
fill: currentcolor;
transition: 0.2s ease-in-out transform;
}
@media (prefers-reduced-motion: reduce) {
.icon-link > .bi {
transition: none;
}
}
.icon-link-hover:hover > .bi, .icon-link-hover:focus-visible > .bi {
transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0));
}
.ratio {
position: relative;
width: 100%;
}
.ratio::before {
display: block;
padding-top: var(--bs-aspect-ratio);
content: "";
}
.ratio > * {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ratio-1x1 {
--bs-aspect-ratio: 100%;
}
.ratio-4x3 {
--bs-aspect-ratio: 75%;
}
.ratio-16x9 {
--bs-aspect-ratio: 56.25%;
}
.ratio-21x9 {
--bs-aspect-ratio: 42.8571428571%;
}
.fixed-top {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030;
}
.fixed-bottom {
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 1030;
}
.sticky-top {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1020;
}
.sticky-bottom {
position: -webkit-sticky;
position: sticky;
bottom: 0;
z-index: 1020;
}
@media (min-width: 576px) {
.sticky-sm-top {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1020;
}
.sticky-sm-bottom {
position: -webkit-sticky;
position: sticky;
bottom: 0;
z-index: 1020;
}
}
@media (min-width: 768px) {
.sticky-md-top {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1020;
}
.sticky-md-bottom {
position: -webkit-sticky;
position: sticky;
bottom: 0;
z-index: 1020;
}
}
@media (min-width: 992px) {
.sticky-lg-top {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1020;
}
.sticky-lg-bottom {
position: -webkit-sticky;
position: sticky;
bottom: 0;
z-index: 1020;
}
}
@media (min-width: 1200px) {
.sticky-xl-top {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1020;
}
.sticky-xl-bottom {
position: -webkit-sticky;
position: sticky;
bottom: 0;
z-index: 1020;
}
}
@media (min-width: 1400px) {
.sticky-xxl-top {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1020;
}
.sticky-xxl-bottom {
position: -webkit-sticky;
position: sticky;
bottom: 0;
z-index: 1020;
}
}
.hstack {
display: flex;
flex-direction: row;
align-items: center;
align-self: stretch;
}
.vstack {
display: flex;
flex: 1 1 auto;
flex-direction: column;
align-self: stretch;
}
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
.visually-hidden:not(caption),
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
position: absolute !important;
}
.stretched-link::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
content: "";
}
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.vr {
display: inline-block;
align-self: stretch;
width: 1px;
min-height: 1em;
background-color: currentcolor;
opacity: 0.25;
}
.align-baseline {
vertical-align: baseline !important;
}
.align-top {
vertical-align: top !important;
}
.align-middle {
vertical-align: middle !important;
}
.align-bottom {
vertical-align: bottom !important;
}
.align-text-bottom {
vertical-align: text-bottom !important;
}
.align-text-top {
vertical-align: text-top !important;
}
.float-start {
float: left !important;
}
.float-end {
float: right !important;
}
.float-none {
float: none !important;
}
.object-fit-contain {
object-fit: contain !important;
}
.object-fit-cover {
object-fit: cover !important;
}
.object-fit-fill {
object-fit: fill !important;
}
.object-fit-scale {
object-fit: scale-down !important;
}
.object-fit-none {
object-fit: none !important;
}
.opacity-0 {
opacity: 0 !important;
}
.opacity-25 {
opacity: 0.25 !important;
}
.opacity-50 {
opacity: 0.5 !important;
}
.opacity-75 {
opacity: 0.75 !important;
}
.opacity-100 {
opacity: 1 !important;
}
.overflow-auto {
overflow: auto !important;
}
.overflow-hidden {
overflow: hidden !important;
}
.overflow-visible {
overflow: visible !important;
}
.overflow-scroll {
overflow: scroll !important;
}
.overflow-x-auto {
overflow-x: auto !important;
}
.overflow-x-hidden {
overflow-x: hidden !important;
}
.overflow-x-visible {
overflow-x: visible !important;
}
.overflow-x-scroll {
overflow-x: scroll !important;
}
.overflow-y-auto {
overflow-y: auto !important;
}
.overflow-y-hidden {
overflow-y: hidden !important;
}
.overflow-y-visible {
overflow-y: visible !important;
}
.overflow-y-scroll {
overflow-y: scroll !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.d-grid {
display: grid !important;
}
.d-inline-grid {
display: inline-grid !important;
}
.d-table {
display: table !important;
}
.d-table-row {
display: table-row !important;
}
.d-table-cell {
display: table-cell !important;
}
.d-flex {
display: flex !important;
}
.d-inline-flex {
display: inline-flex !important;
}
.d-none {
display: none !important;
}
.shadow {
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.shadow-sm {
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
.shadow-lg {
box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}
.shadow-none {
box-shadow: none !important;
}
.focus-ring-primary {
--bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-secondary {
--bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-success {
--bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-info {
--bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-warning {
--bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-danger {
--bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-light {
--bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-dark {
--bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity));
}
.position-static {
position: static !important;
}
.position-relative {
position: relative !important;
}
.position-absolute {
position: absolute !important;
}
.position-fixed {
position: fixed !important;
}
.position-sticky {
position: -webkit-sticky !important;
position: sticky !important;
}
.top-0 {
top: 0 !important;
}
.top-50 {
top: 50% !important;
}
.top-100 {
top: 100% !important;
}
.bottom-0 {
bottom: 0 !important;
}
.bottom-50 {
bottom: 50% !important;
}
.bottom-100 {
bottom: 100% !important;
}
.start-0 {
left: 0 !important;
}
.start-50 {
left: 50% !important;
}
.start-100 {
left: 100% !important;
}
.end-0 {
right: 0 !important;
}
.end-50 {
right: 50% !important;
}
.end-100 {
right: 100% !important;
}
.translate-middle {
transform: translate(-50%, -50%) !important;
}
.translate-middle-x {
transform: translateX(-50%) !important;
}
.translate-middle-y {
transform: translateY(-50%) !important;
}
.border {
border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-0 {
border: 0 !important;
}
.border-top {
border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-top-0 {
border-top: 0 !important;
}
.border-end {
border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-end-0 {
border-right: 0 !important;
}
.border-bottom {
border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-bottom-0 {
border-bottom: 0 !important;
}
.border-start {
border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-start-0 {
border-left: 0 !important;
}
.border-primary {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
}
.border-secondary {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
}
.border-success {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important;
}
.border-info {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;
}
.border-warning {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
}
.border-danger {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
}
.border-light {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
}
.border-dark {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
}
.border-black {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important;
}
.border-white {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
}
.border-primary-subtle {
border-color: var(--bs-primary-border-subtle) !important;
}
.border-secondary-subtle {
border-color: var(--bs-secondary-border-subtle) !important;
}
.border-success-subtle {
border-color: var(--bs-success-border-subtle) !important;
}
.border-info-subtle {
border-color: var(--bs-info-border-subtle) !important;
}
.border-warning-subtle {
border-color: var(--bs-warning-border-subtle) !important;
}
.border-danger-subtle {
border-color: var(--bs-danger-border-subtle) !important;
}
.border-light-subtle {
border-color: var(--bs-light-border-subtle) !important;
}
.border-dark-subtle {
border-color: var(--bs-dark-border-subtle) !important;
}
.border-1 {
border-width: 1px !important;
}
.border-2 {
border-width: 2px !important;
}
.border-3 {
border-width: 3px !important;
}
.border-4 {
border-width: 4px !important;
}
.border-5 {
border-width: 5px !important;
}
.border-opacity-10 {
--bs-border-opacity: 0.1;
}
.border-opacity-25 {
--bs-border-opacity: 0.25;
}
.border-opacity-50 {
--bs-border-opacity: 0.5;
}
.border-opacity-75 {
--bs-border-opacity: 0.75;
}
.border-opacity-100 {
--bs-border-opacity: 1;
}
.w-25 {
width: 25% !important;
}
.w-50 {
width: 50% !important;
}
.w-75 {
width: 75% !important;
}
.w-100 {
width: 100% !important;
}
.w-auto {
width: auto !important;
}
.mw-100 {
max-width: 100% !important;
}
.vw-100 {
width: 100vw !important;
}
.min-vw-100 {
min-width: 100vw !important;
}
.h-25 {
height: 25% !important;
}
.h-50 {
height: 50% !important;
}
.h-75 {
height: 75% !important;
}
.h-100 {
height: 100% !important;
}
.h-auto {
height: auto !important;
}
.mh-100 {
max-height: 100% !important;
}
.vh-100 {
height: 100vh !important;
}
.min-vh-100 {
min-height: 100vh !important;
}
.flex-fill {
flex: 1 1 auto !important;
}
.flex-row {
flex-direction: row !important;
}
.flex-column {
flex-direction: column !important;
}
.flex-row-reverse {
flex-direction: row-reverse !important;
}
.flex-column-reverse {
flex-direction: column-reverse !important;
}
.flex-grow-0 {
flex-grow: 0 !important;
}
.flex-grow-1 {
flex-grow: 1 !important;
}
.flex-shrink-0 {
flex-shrink: 0 !important;
}
.flex-shrink-1 {
flex-shrink: 1 !important;
}
.flex-wrap {
flex-wrap: wrap !important;
}
.flex-nowrap {
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.justify-content-start {
justify-content: flex-start !important;
}
.justify-content-end {
justify-content: flex-end !important;
}
.justify-content-center {
justify-content: center !important;
}
.justify-content-between {
justify-content: space-between !important;
}
.justify-content-around {
justify-content: space-around !important;
}
.justify-content-evenly {
justify-content: space-evenly !important;
}
.align-items-start {
align-items: flex-start !important;
}
.align-items-end {
align-items: flex-end !important;
}
.align-items-center {
align-items: center !important;
}
.align-items-baseline {
align-items: baseline !important;
}
.align-items-stretch {
align-items: stretch !important;
}
.align-content-start {
align-content: flex-start !important;
}
.align-content-end {
align-content: flex-end !important;
}
.align-content-center {
align-content: center !important;
}
.align-content-between {
align-content: space-between !important;
}
.align-content-around {
align-content: space-around !important;
}
.align-content-stretch {
align-content: stretch !important;
}
.align-self-auto {
align-self: auto !important;
}
.align-self-start {
align-self: flex-start !important;
}
.align-self-end {
align-self: flex-end !important;
}
.align-self-center {
align-self: center !important;
}
.align-self-baseline {
align-self: baseline !important;
}
.align-self-stretch {
align-self: stretch !important;
}
.order-first {
order: -1 !important;
}
.order-0 {
order: 0 !important;
}
.order-1 {
order: 1 !important;
}
.order-2 {
order: 2 !important;
}
.order-3 {
order: 3 !important;
}
.order-4 {
order: 4 !important;
}
.order-5 {
order: 5 !important;
}
.order-last {
order: 6 !important;
}
.m-0 {
margin: 0 !important;
}
.m-1 {
margin: 0.25rem !important;
}
.m-2 {
margin: 0.5rem !important;
}
.m-3 {
margin: 1rem !important;
}
.m-4 {
margin: 1.5rem !important;
}
.m-5 {
margin: 3rem !important;
}
.m-auto {
margin: auto !important;
}
.mx-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.mx-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.mx-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.mx-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.mx-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.mx-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-0 {
margin-top: 0 !important;
}
.mt-1 {
margin-top: 0.25rem !important;
}
.mt-2 {
margin-top: 0.5rem !important;
}
.mt-3 {
margin-top: 1rem !important;
}
.mt-4 {
margin-top: 1.5rem !important;
}
.mt-5 {
margin-top: 3rem !important;
}
.mt-auto {
margin-top: auto !important;
}
.me-0 {
margin-right: 0 !important;
}
.me-1 {
margin-right: 0.25rem !important;
}
.me-2 {
margin-right: 0.5rem !important;
}
.me-3 {
margin-right: 1rem !important;
}
.me-4 {
margin-right: 1.5rem !important;
}
.me-5 {
margin-right: 3rem !important;
}
.me-auto {
margin-right: auto !important;
}
.mb-0 {
margin-bottom: 0 !important;
}
.mb-1 {
margin-bottom: 0.25rem !important;
}
.mb-2 {
margin-bottom: 0.5rem !important;
}
.mb-3 {
margin-bottom: 1rem !important;
}
.mb-4 {
margin-bottom: 1.5rem !important;
}
.mb-5 {
margin-bottom: 3rem !important;
}
.mb-auto {
margin-bottom: auto !important;
}
.ms-0 {
margin-left: 0 !important;
}
.ms-1 {
margin-left: 0.25rem !important;
}
.ms-2 {
margin-left: 0.5rem !important;
}
.ms-3 {
margin-left: 1rem !important;
}
.ms-4 {
margin-left: 1.5rem !important;
}
.ms-5 {
margin-left: 3rem !important;
}
.ms-auto {
margin-left: auto !important;
}
.p-0 {
padding: 0 !important;
}
.p-1 {
padding: 0.25rem !important;
}
.p-2 {
padding: 0.5rem !important;
}
.p-3 {
padding: 1rem !important;
}
.p-4 {
padding: 1.5rem !important;
}
.p-5 {
padding: 3rem !important;
}
.px-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.px-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.px-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.px-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.px-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.py-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.pt-0 {
padding-top: 0 !important;
}
.pt-1 {
padding-top: 0.25rem !important;
}
.pt-2 {
padding-top: 0.5rem !important;
}
.pt-3 {
padding-top: 1rem !important;
}
.pt-4 {
padding-top: 1.5rem !important;
}
.pt-5 {
padding-top: 3rem !important;
}
.pe-0 {
padding-right: 0 !important;
}
.pe-1 {
padding-right: 0.25rem !important;
}
.pe-2 {
padding-right: 0.5rem !important;
}
.pe-3 {
padding-right: 1rem !important;
}
.pe-4 {
padding-right: 1.5rem !important;
}
.pe-5 {
padding-right: 3rem !important;
}
.pb-0 {
padding-bottom: 0 !important;
}
.pb-1 {
padding-bottom: 0.25rem !important;
}
.pb-2 {
padding-bottom: 0.5rem !important;
}
.pb-3 {
padding-bottom: 1rem !important;
}
.pb-4 {
padding-bottom: 1.5rem !important;
}
.pb-5 {
padding-bottom: 3rem !important;
}
.ps-0 {
padding-left: 0 !important;
}
.ps-1 {
padding-left: 0.25rem !important;
}
.ps-2 {
padding-left: 0.5rem !important;
}
.ps-3 {
padding-left: 1rem !important;
}
.ps-4 {
padding-left: 1.5rem !important;
}
.ps-5 {
padding-left: 3rem !important;
}
.gap-0 {
gap: 0 !important;
}
.gap-1 {
gap: 0.25rem !important;
}
.gap-2 {
gap: 0.5rem !important;
}
.gap-3 {
gap: 1rem !important;
}
.gap-4 {
gap: 1.5rem !important;
}
.gap-5 {
gap: 3rem !important;
}
.row-gap-0 {
row-gap: 0 !important;
}
.row-gap-1 {
row-gap: 0.25rem !important;
}
.row-gap-2 {
row-gap: 0.5rem !important;
}
.row-gap-3 {
row-gap: 1rem !important;
}
.row-gap-4 {
row-gap: 1.5rem !important;
}
.row-gap-5 {
row-gap: 3rem !important;
}
.column-gap-0 {
column-gap: 0 !important;
}
.column-gap-1 {
column-gap: 0.25rem !important;
}
.column-gap-2 {
column-gap: 0.5rem !important;
}
.column-gap-3 {
column-gap: 1rem !important;
}
.column-gap-4 {
column-gap: 1.5rem !important;
}
.column-gap-5 {
column-gap: 3rem !important;
}
.font-monospace {
font-family: var(--bs-font-monospace) !important;
}
.fs-1 {
font-size: calc(1.375rem + 1.5vw) !important;
}
.fs-2 {
font-size: calc(1.325rem + 0.9vw) !important;
}
.fs-3 {
font-size: calc(1.3rem + 0.6vw) !important;
}
.fs-4 {
font-size: calc(1.275rem + 0.3vw) !important;
}
.fs-5 {
font-size: 1.25rem !important;
}
.fs-6 {
font-size: 1rem !important;
}
.fst-italic {
font-style: italic !important;
}
.fst-normal {
font-style: normal !important;
}
.fw-lighter {
font-weight: lighter !important;
}
.fw-light {
font-weight: 300 !important;
}
.fw-normal {
font-weight: 400 !important;
}
.fw-medium {
font-weight: 500 !important;
}
.fw-semibold {
font-weight: 600 !important;
}
.fw-bold {
font-weight: 700 !important;
}
.fw-bolder {
font-weight: bolder !important;
}
.lh-1 {
line-height: 1 !important;
}
.lh-sm {
line-height: 1.25 !important;
}
.lh-base {
line-height: 1.5 !important;
}
.lh-lg {
line-height: 2 !important;
}
.text-start {
text-align: left !important;
}
.text-end {
text-align: right !important;
}
.text-center {
text-align: center !important;
}
.text-decoration-none {
text-decoration: none !important;
}
.text-decoration-underline {
text-decoration: underline !important;
}
.text-decoration-line-through {
text-decoration: line-through !important;
}
.text-lowercase {
text-transform: lowercase !important;
}
.text-uppercase {
text-transform: uppercase !important;
}
.text-capitalize {
text-transform: capitalize !important;
}
.text-wrap {
white-space: normal !important;
}
.text-nowrap {
white-space: nowrap !important;
}
/* rtl:begin:remove */
.text-break {
word-wrap: break-word !important;
word-break: break-word !important;
}
/* rtl:end:remove */
.text-primary {
--bs-text-opacity: 1;
color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}
.text-secondary {
--bs-text-opacity: 1;
color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}
.text-success {
--bs-text-opacity: 1;
color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}
.text-info {
--bs-text-opacity: 1;
color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}
.text-warning {
--bs-text-opacity: 1;
color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}
.text-danger {
--bs-text-opacity: 1;
color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}
.text-light {
--bs-text-opacity: 1;
color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}
.text-dark {
--bs-text-opacity: 1;
color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}
.text-black {
--bs-text-opacity: 1;
color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}
.text-white {
--bs-text-opacity: 1;
color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}
.text-body {
--bs-text-opacity: 1;
color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}
.text-muted {
--bs-text-opacity: 1;
color: var(--bs-secondary-color) !important;
}
.text-black-50 {
--bs-text-opacity: 1;
color: rgba(0, 0, 0, 0.5) !important;
}
.text-white-50 {
--bs-text-opacity: 1;
color: rgba(255, 255, 255, 0.5) !important;
}
.text-body-secondary {
--bs-text-opacity: 1;
color: var(--bs-secondary-color) !important;
}
.text-body-tertiary {
--bs-text-opacity: 1;
color: var(--bs-tertiary-color) !important;
}
.text-body-emphasis {
--bs-text-opacity: 1;
color: var(--bs-emphasis-color) !important;
}
.text-reset {
--bs-text-opacity: 1;
color: inherit !important;
}
.text-opacity-25 {
--bs-text-opacity: 0.25;
}
.text-opacity-50 {
--bs-text-opacity: 0.5;
}
.text-opacity-75 {
--bs-text-opacity: 0.75;
}
.text-opacity-100 {
--bs-text-opacity: 1;
}
.text-primary-emphasis {
color: var(--bs-primary-text-emphasis) !important;
}
.text-secondary-emphasis {
color: var(--bs-secondary-text-emphasis) !important;
}
.text-success-emphasis {
color: var(--bs-success-text-emphasis) !important;
}
.text-info-emphasis {
color: var(--bs-info-text-emphasis) !important;
}
.text-warning-emphasis {
color: var(--bs-warning-text-emphasis) !important;
}
.text-danger-emphasis {
color: var(--bs-danger-text-emphasis) !important;
}
.text-light-emphasis {
color: var(--bs-light-text-emphasis) !important;
}
.text-dark-emphasis {
color: var(--bs-dark-text-emphasis) !important;
}
.link-opacity-10 {
--bs-link-opacity: 0.1;
}
.link-opacity-10-hover:hover {
--bs-link-opacity: 0.1;
}
.link-opacity-25 {
--bs-link-opacity: 0.25;
}
.link-opacity-25-hover:hover {
--bs-link-opacity: 0.25;
}
.link-opacity-50 {
--bs-link-opacity: 0.5;
}
.link-opacity-50-hover:hover {
--bs-link-opacity: 0.5;
}
.link-opacity-75 {
--bs-link-opacity: 0.75;
}
.link-opacity-75-hover:hover {
--bs-link-opacity: 0.75;
}
.link-opacity-100 {
--bs-link-opacity: 1;
}
.link-opacity-100-hover:hover {
--bs-link-opacity: 1;
}
.link-offset-1 {
text-underline-offset: 0.125em !important;
}
.link-offset-1-hover:hover {
text-underline-offset: 0.125em !important;
}
.link-offset-2 {
text-underline-offset: 0.25em !important;
}
.link-offset-2-hover:hover {
text-underline-offset: 0.25em !important;
}
.link-offset-3 {
text-underline-offset: 0.375em !important;
}
.link-offset-3-hover:hover {
text-underline-offset: 0.375em !important;
}
.link-underline-primary {
--bs-link-underline-opacity: 1;
-webkit-text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-secondary {
--bs-link-underline-opacity: 1;
-webkit-text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important;
text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-success {
--bs-link-underline-opacity: 1;
-webkit-text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important;
text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-info {
--bs-link-underline-opacity: 1;
-webkit-text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important;
text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-warning {
--bs-link-underline-opacity: 1;
-webkit-text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important;
text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-danger {
--bs-link-underline-opacity: 1;
-webkit-text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important;
text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-light {
--bs-link-underline-opacity: 1;
-webkit-text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important;
text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-dark {
--bs-link-underline-opacity: 1;
-webkit-text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;
text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline {
--bs-link-underline-opacity: 1;
-webkit-text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-underline-opacity-0 {
--bs-link-underline-opacity: 0;
}
.link-underline-opacity-0-hover:hover {
--bs-link-underline-opacity: 0;
}
.link-underline-opacity-10 {
--bs-link-underline-opacity: 0.1;
}
.link-underline-opacity-10-hover:hover {
--bs-link-underline-opacity: 0.1;
}
.link-underline-opacity-25 {
--bs-link-underline-opacity: 0.25;
}
.link-underline-opacity-25-hover:hover {
--bs-link-underline-opacity: 0.25;
}
.link-underline-opacity-50 {
--bs-link-underline-opacity: 0.5;
}
.link-underline-opacity-50-hover:hover {
--bs-link-underline-opacity: 0.5;
}
.link-underline-opacity-75 {
--bs-link-underline-opacity: 0.75;
}
.link-underline-opacity-75-hover:hover {
--bs-link-underline-opacity: 0.75;
}
.link-underline-opacity-100 {
--bs-link-underline-opacity: 1;
}
.link-underline-opacity-100-hover:hover {
--bs-link-underline-opacity: 1;
}
.bg-primary {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}
.bg-secondary {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}
.bg-success {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}
.bg-info {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}
.bg-warning {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}
.bg-danger {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}
.bg-light {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}
.bg-dark {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}
.bg-black {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}
.bg-white {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}
.bg-body {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}
.bg-transparent {
--bs-bg-opacity: 1;
background-color: transparent !important;
}
.bg-body-secondary {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important;
}
.bg-body-tertiary {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important;
}
.bg-opacity-10 {
--bs-bg-opacity: 0.1;
}
.bg-opacity-25 {
--bs-bg-opacity: 0.25;
}
.bg-opacity-50 {
--bs-bg-opacity: 0.5;
}
.bg-opacity-75 {
--bs-bg-opacity: 0.75;
}
.bg-opacity-100 {
--bs-bg-opacity: 1;
}
.bg-primary-subtle {
background-color: var(--bs-primary-bg-subtle) !important;
}
.bg-secondary-subtle {
background-color: var(--bs-secondary-bg-subtle) !important;
}
.bg-success-subtle {
background-color: var(--bs-success-bg-subtle) !important;
}
.bg-info-subtle {
background-color: var(--bs-info-bg-subtle) !important;
}
.bg-warning-subtle {
background-color: var(--bs-warning-bg-subtle) !important;
}
.bg-danger-subtle {
background-color: var(--bs-danger-bg-subtle) !important;
}
.bg-light-subtle {
background-color: var(--bs-light-bg-subtle) !important;
}
.bg-dark-subtle {
background-color: var(--bs-dark-bg-subtle) !important;
}
.bg-gradient {
background-image: var(--bs-gradient) !important;
}
.user-select-all {
-webkit-user-select: all !important;
-moz-user-select: all !important;
user-select: all !important;
}
.user-select-auto {
-webkit-user-select: auto !important;
-moz-user-select: auto !important;
user-select: auto !important;
}
.user-select-none {
-webkit-user-select: none !important;
-moz-user-select: none !important;
user-select: none !important;
}
.pe-none {
pointer-events: none !important;
}
.pe-auto {
pointer-events: auto !important;
}
.rounded {
border-radius: var(--bs-border-radius) !important;
}
.rounded-0 {
border-radius: 0 !important;
}
.rounded-1 {
border-radius: var(--bs-border-radius-sm) !important;
}
.rounded-2 {
border-radius: var(--bs-border-radius) !important;
}
.rounded-3 {
border-radius: var(--bs-border-radius-lg) !important;
}
.rounded-4 {
border-radius: var(--bs-border-radius-xl) !important;
}
.rounded-5 {
border-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-circle {
border-radius: 50% !important;
}
.rounded-pill {
border-radius: var(--bs-border-radius-pill) !important;
}
.rounded-top {
border-top-left-radius: var(--bs-border-radius) !important;
border-top-right-radius: var(--bs-border-radius) !important;
}
.rounded-top-0 {
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
}
.rounded-top-1 {
border-top-left-radius: var(--bs-border-radius-sm) !important;
border-top-right-radius: var(--bs-border-radius-sm) !important;
}
.rounded-top-2 {
border-top-left-radius: var(--bs-border-radius) !important;
border-top-right-radius: var(--bs-border-radius) !important;
}
.rounded-top-3 {
border-top-left-radius: var(--bs-border-radius-lg) !important;
border-top-right-radius: var(--bs-border-radius-lg) !important;
}
.rounded-top-4 {
border-top-left-radius: var(--bs-border-radius-xl) !important;
border-top-right-radius: var(--bs-border-radius-xl) !important;
}
.rounded-top-5 {
border-top-left-radius: var(--bs-border-radius-xxl) !important;
border-top-right-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-top-circle {
border-top-left-radius: 50% !important;
border-top-right-radius: 50% !important;
}
.rounded-top-pill {
border-top-left-radius: var(--bs-border-radius-pill) !important;
border-top-right-radius: var(--bs-border-radius-pill) !important;
}
.rounded-end {
border-top-right-radius: var(--bs-border-radius) !important;
border-bottom-right-radius: var(--bs-border-radius) !important;
}
.rounded-end-0 {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.rounded-end-1 {
border-top-right-radius: var(--bs-border-radius-sm) !important;
border-bottom-right-radius: var(--bs-border-radius-sm) !important;
}
.rounded-end-2 {
border-top-right-radius: var(--bs-border-radius) !important;
border-bottom-right-radius: var(--bs-border-radius) !important;
}
.rounded-end-3 {
border-top-right-radius: var(--bs-border-radius-lg) !important;
border-bottom-right-radius: var(--bs-border-radius-lg) !important;
}
.rounded-end-4 {
border-top-right-radius: var(--bs-border-radius-xl) !important;
border-bottom-right-radius: var(--bs-border-radius-xl) !important;
}
.rounded-end-5 {
border-top-right-radius: var(--bs-border-radius-xxl) !important;
border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-end-circle {
border-top-right-radius: 50% !important;
border-bottom-right-radius: 50% !important;
}
.rounded-end-pill {
border-top-right-radius: var(--bs-border-radius-pill) !important;
border-bottom-right-radius: var(--bs-border-radius-pill) !important;
}
.rounded-bottom {
border-bottom-right-radius: var(--bs-border-radius) !important;
border-bottom-left-radius: var(--bs-border-radius) !important;
}
.rounded-bottom-0 {
border-bottom-right-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
.rounded-bottom-1 {
border-bottom-right-radius: var(--bs-border-radius-sm) !important;
border-bottom-left-radius: var(--bs-border-radius-sm) !important;
}
.rounded-bottom-2 {
border-bottom-right-radius: var(--bs-border-radius) !important;
border-bottom-left-radius: var(--bs-border-radius) !important;
}
.rounded-bottom-3 {
border-bottom-right-radius: var(--bs-border-radius-lg) !important;
border-bottom-left-radius: var(--bs-border-radius-lg) !important;
}
.rounded-bottom-4 {
border-bottom-right-radius: var(--bs-border-radius-xl) !important;
border-bottom-left-radius: var(--bs-border-radius-xl) !important;
}
.rounded-bottom-5 {
border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-bottom-circle {
border-bottom-right-radius: 50% !important;
border-bottom-left-radius: 50% !important;
}
.rounded-bottom-pill {
border-bottom-right-radius: var(--bs-border-radius-pill) !important;
border-bottom-left-radius: var(--bs-border-radius-pill) !important;
}
.rounded-start {
border-bottom-left-radius: var(--bs-border-radius) !important;
border-top-left-radius: var(--bs-border-radius) !important;
}
.rounded-start-0 {
border-bottom-left-radius: 0 !important;
border-top-left-radius: 0 !important;
}
.rounded-start-1 {
border-bottom-left-radius: var(--bs-border-radius-sm) !important;
border-top-left-radius: var(--bs-border-radius-sm) !important;
}
.rounded-start-2 {
border-bottom-left-radius: var(--bs-border-radius) !important;
border-top-left-radius: var(--bs-border-radius) !important;
}
.rounded-start-3 {
border-bottom-left-radius: var(--bs-border-radius-lg) !important;
border-top-left-radius: var(--bs-border-radius-lg) !important;
}
.rounded-start-4 {
border-bottom-left-radius: var(--bs-border-radius-xl) !important;
border-top-left-radius: var(--bs-border-radius-xl) !important;
}
.rounded-start-5 {
border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
border-top-left-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-start-circle {
border-bottom-left-radius: 50% !important;
border-top-left-radius: 50% !important;
}
.rounded-start-pill {
border-bottom-left-radius: var(--bs-border-radius-pill) !important;
border-top-left-radius: var(--bs-border-radius-pill) !important;
}
.visible {
visibility: visible !important;
}
.invisible {
visibility: hidden !important;
}
.z-n1 {
z-index: -1 !important;
}
.z-0 {
z-index: 0 !important;
}
.z-1 {
z-index: 1 !important;
}
.z-2 {
z-index: 2 !important;
}
.z-3 {
z-index: 3 !important;
}
@media (min-width: 576px) {
.float-sm-start {
float: left !important;
}
.float-sm-end {
float: right !important;
}
.float-sm-none {
float: none !important;
}
.object-fit-sm-contain {
object-fit: contain !important;
}
.object-fit-sm-cover {
object-fit: cover !important;
}
.object-fit-sm-fill {
object-fit: fill !important;
}
.object-fit-sm-scale {
object-fit: scale-down !important;
}
.object-fit-sm-none {
object-fit: none !important;
}
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-grid {
display: grid !important;
}
.d-sm-inline-grid {
display: inline-grid !important;
}
.d-sm-table {
display: table !important;
}
.d-sm-table-row {
display: table-row !important;
}
.d-sm-table-cell {
display: table-cell !important;
}
.d-sm-flex {
display: flex !important;
}
.d-sm-inline-flex {
display: inline-flex !important;
}
.d-sm-none {
display: none !important;
}
.flex-sm-fill {
flex: 1 1 auto !important;
}
.flex-sm-row {
flex-direction: row !important;
}
.flex-sm-column {
flex-direction: column !important;
}
.flex-sm-row-reverse {
flex-direction: row-reverse !important;
}
.flex-sm-column-reverse {
flex-direction: column-reverse !important;
}
.flex-sm-grow-0 {
flex-grow: 0 !important;
}
.flex-sm-grow-1 {
flex-grow: 1 !important;
}
.flex-sm-shrink-0 {
flex-shrink: 0 !important;
}
.flex-sm-shrink-1 {
flex-shrink: 1 !important;
}
.flex-sm-wrap {
flex-wrap: wrap !important;
}
.flex-sm-nowrap {
flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.justify-content-sm-start {
justify-content: flex-start !important;
}
.justify-content-sm-end {
justify-content: flex-end !important;
}
.justify-content-sm-center {
justify-content: center !important;
}
.justify-content-sm-between {
justify-content: space-between !important;
}
.justify-content-sm-around {
justify-content: space-around !important;
}
.justify-content-sm-evenly {
justify-content: space-evenly !important;
}
.align-items-sm-start {
align-items: flex-start !important;
}
.align-items-sm-end {
align-items: flex-end !important;
}
.align-items-sm-center {
align-items: center !important;
}
.align-items-sm-baseline {
align-items: baseline !important;
}
.align-items-sm-stretch {
align-items: stretch !important;
}
.align-content-sm-start {
align-content: flex-start !important;
}
.align-content-sm-end {
align-content: flex-end !important;
}
.align-content-sm-center {
align-content: center !important;
}
.align-content-sm-between {
align-content: space-between !important;
}
.align-content-sm-around {
align-content: space-around !important;
}
.align-content-sm-stretch {
align-content: stretch !important;
}
.align-self-sm-auto {
align-self: auto !important;
}
.align-self-sm-start {
align-self: flex-start !important;
}
.align-self-sm-end {
align-self: flex-end !important;
}
.align-self-sm-center {
align-self: center !important;
}
.align-self-sm-baseline {
align-self: baseline !important;
}
.align-self-sm-stretch {
align-self: stretch !important;
}
.order-sm-first {
order: -1 !important;
}
.order-sm-0 {
order: 0 !important;
}
.order-sm-1 {
order: 1 !important;
}
.order-sm-2 {
order: 2 !important;
}
.order-sm-3 {
order: 3 !important;
}
.order-sm-4 {
order: 4 !important;
}
.order-sm-5 {
order: 5 !important;
}
.order-sm-last {
order: 6 !important;
}
.m-sm-0 {
margin: 0 !important;
}
.m-sm-1 {
margin: 0.25rem !important;
}
.m-sm-2 {
margin: 0.5rem !important;
}
.m-sm-3 {
margin: 1rem !important;
}
.m-sm-4 {
margin: 1.5rem !important;
}
.m-sm-5 {
margin: 3rem !important;
}
.m-sm-auto {
margin: auto !important;
}
.mx-sm-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.mx-sm-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-sm-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.mx-sm-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.mx-sm-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.mx-sm-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.mx-sm-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-sm-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-sm-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-sm-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-sm-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-sm-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-sm-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-sm-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-sm-0 {
margin-top: 0 !important;
}
.mt-sm-1 {
margin-top: 0.25rem !important;
}
.mt-sm-2 {
margin-top: 0.5rem !important;
}
.mt-sm-3 {
margin-top: 1rem !important;
}
.mt-sm-4 {
margin-top: 1.5rem !important;
}
.mt-sm-5 {
margin-top: 3rem !important;
}
.mt-sm-auto {
margin-top: auto !important;
}
.me-sm-0 {
margin-right: 0 !important;
}
.me-sm-1 {
margin-right: 0.25rem !important;
}
.me-sm-2 {
margin-right: 0.5rem !important;
}
.me-sm-3 {
margin-right: 1rem !important;
}
.me-sm-4 {
margin-right: 1.5rem !important;
}
.me-sm-5 {
margin-right: 3rem !important;
}
.me-sm-auto {
margin-right: auto !important;
}
.mb-sm-0 {
margin-bottom: 0 !important;
}
.mb-sm-1 {
margin-bottom: 0.25rem !important;
}
.mb-sm-2 {
margin-bottom: 0.5rem !important;
}
.mb-sm-3 {
margin-bottom: 1rem !important;
}
.mb-sm-4 {
margin-bottom: 1.5rem !important;
}
.mb-sm-5 {
margin-bottom: 3rem !important;
}
.mb-sm-auto {
margin-bottom: auto !important;
}
.ms-sm-0 {
margin-left: 0 !important;
}
.ms-sm-1 {
margin-left: 0.25rem !important;
}
.ms-sm-2 {
margin-left: 0.5rem !important;
}
.ms-sm-3 {
margin-left: 1rem !important;
}
.ms-sm-4 {
margin-left: 1.5rem !important;
}
.ms-sm-5 {
margin-left: 3rem !important;
}
.ms-sm-auto {
margin-left: auto !important;
}
.p-sm-0 {
padding: 0 !important;
}
.p-sm-1 {
padding: 0.25rem !important;
}
.p-sm-2 {
padding: 0.5rem !important;
}
.p-sm-3 {
padding: 1rem !important;
}
.p-sm-4 {
padding: 1.5rem !important;
}
.p-sm-5 {
padding: 3rem !important;
}
.px-sm-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.px-sm-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-sm-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.px-sm-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.px-sm-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.px-sm-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.py-sm-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-sm-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-sm-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-sm-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-sm-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-sm-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.pt-sm-0 {
padding-top: 0 !important;
}
.pt-sm-1 {
padding-top: 0.25rem !important;
}
.pt-sm-2 {
padding-top: 0.5rem !important;
}
.pt-sm-3 {
padding-top: 1rem !important;
}
.pt-sm-4 {
padding-top: 1.5rem !important;
}
.pt-sm-5 {
padding-top: 3rem !important;
}
.pe-sm-0 {
padding-right: 0 !important;
}
.pe-sm-1 {
padding-right: 0.25rem !important;
}
.pe-sm-2 {
padding-right: 0.5rem !important;
}
.pe-sm-3 {
padding-right: 1rem !important;
}
.pe-sm-4 {
padding-right: 1.5rem !important;
}
.pe-sm-5 {
padding-right: 3rem !important;
}
.pb-sm-0 {
padding-bottom: 0 !important;
}
.pb-sm-1 {
padding-bottom: 0.25rem !important;
}
.pb-sm-2 {
padding-bottom: 0.5rem !important;
}
.pb-sm-3 {
padding-bottom: 1rem !important;
}
.pb-sm-4 {
padding-bottom: 1.5rem !important;
}
.pb-sm-5 {
padding-bottom: 3rem !important;
}
.ps-sm-0 {
padding-left: 0 !important;
}
.ps-sm-1 {
padding-left: 0.25rem !important;
}
.ps-sm-2 {
padding-left: 0.5rem !important;
}
.ps-sm-3 {
padding-left: 1rem !important;
}
.ps-sm-4 {
padding-left: 1.5rem !important;
}
.ps-sm-5 {
padding-left: 3rem !important;
}
.gap-sm-0 {
gap: 0 !important;
}
.gap-sm-1 {
gap: 0.25rem !important;
}
.gap-sm-2 {
gap: 0.5rem !important;
}
.gap-sm-3 {
gap: 1rem !important;
}
.gap-sm-4 {
gap: 1.5rem !important;
}
.gap-sm-5 {
gap: 3rem !important;
}
.row-gap-sm-0 {
row-gap: 0 !important;
}
.row-gap-sm-1 {
row-gap: 0.25rem !important;
}
.row-gap-sm-2 {
row-gap: 0.5rem !important;
}
.row-gap-sm-3 {
row-gap: 1rem !important;
}
.row-gap-sm-4 {
row-gap: 1.5rem !important;
}
.row-gap-sm-5 {
row-gap: 3rem !important;
}
.column-gap-sm-0 {
column-gap: 0 !important;
}
.column-gap-sm-1 {
column-gap: 0.25rem !important;
}
.column-gap-sm-2 {
column-gap: 0.5rem !important;
}
.column-gap-sm-3 {
column-gap: 1rem !important;
}
.column-gap-sm-4 {
column-gap: 1.5rem !important;
}
.column-gap-sm-5 {
column-gap: 3rem !important;
}
.text-sm-start {
text-align: left !important;
}
.text-sm-end {
text-align: right !important;
}
.text-sm-center {
text-align: center !important;
}
}
@media (min-width: 768px) {
.float-md-start {
float: left !important;
}
.float-md-end {
float: right !important;
}
.float-md-none {
float: none !important;
}
.object-fit-md-contain {
object-fit: contain !important;
}
.object-fit-md-cover {
object-fit: cover !important;
}
.object-fit-md-fill {
object-fit: fill !important;
}
.object-fit-md-scale {
object-fit: scale-down !important;
}
.object-fit-md-none {
object-fit: none !important;
}
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-grid {
display: grid !important;
}
.d-md-inline-grid {
display: inline-grid !important;
}
.d-md-table {
display: table !important;
}
.d-md-table-row {
display: table-row !important;
}
.d-md-table-cell {
display: table-cell !important;
}
.d-md-flex {
display: flex !important;
}
.d-md-inline-flex {
display: inline-flex !important;
}
.d-md-none {
display: none !important;
}
.flex-md-fill {
flex: 1 1 auto !important;
}
.flex-md-row {
flex-direction: row !important;
}
.flex-md-column {
flex-direction: column !important;
}
.flex-md-row-reverse {
flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
flex-direction: column-reverse !important;
}
.flex-md-grow-0 {
flex-grow: 0 !important;
}
.flex-md-grow-1 {
flex-grow: 1 !important;
}
.flex-md-shrink-0 {
flex-shrink: 0 !important;
}
.flex-md-shrink-1 {
flex-shrink: 1 !important;
}
.flex-md-wrap {
flex-wrap: wrap !important;
}
.flex-md-nowrap {
flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.justify-content-md-start {
justify-content: flex-start !important;
}
.justify-content-md-end {
justify-content: flex-end !important;
}
.justify-content-md-center {
justify-content: center !important;
}
.justify-content-md-between {
justify-content: space-between !important;
}
.justify-content-md-around {
justify-content: space-around !important;
}
.justify-content-md-evenly {
justify-content: space-evenly !important;
}
.align-items-md-start {
align-items: flex-start !important;
}
.align-items-md-end {
align-items: flex-end !important;
}
.align-items-md-center {
align-items: center !important;
}
.align-items-md-baseline {
align-items: baseline !important;
}
.align-items-md-stretch {
align-items: stretch !important;
}
.align-content-md-start {
align-content: flex-start !important;
}
.align-content-md-end {
align-content: flex-end !important;
}
.align-content-md-center {
align-content: center !important;
}
.align-content-md-between {
align-content: space-between !important;
}
.align-content-md-around {
align-content: space-around !important;
}
.align-content-md-stretch {
align-content: stretch !important;
}
.align-self-md-auto {
align-self: auto !important;
}
.align-self-md-start {
align-self: flex-start !important;
}
.align-self-md-end {
align-self: flex-end !important;
}
.align-self-md-center {
align-self: center !important;
}
.align-self-md-baseline {
align-self: baseline !important;
}
.align-self-md-stretch {
align-self: stretch !important;
}
.order-md-first {
order: -1 !important;
}
.order-md-0 {
order: 0 !important;
}
.order-md-1 {
order: 1 !important;
}
.order-md-2 {
order: 2 !important;
}
.order-md-3 {
order: 3 !important;
}
.order-md-4 {
order: 4 !important;
}
.order-md-5 {
order: 5 !important;
}
.order-md-last {
order: 6 !important;
}
.m-md-0 {
margin: 0 !important;
}
.m-md-1 {
margin: 0.25rem !important;
}
.m-md-2 {
margin: 0.5rem !important;
}
.m-md-3 {
margin: 1rem !important;
}
.m-md-4 {
margin: 1.5rem !important;
}
.m-md-5 {
margin: 3rem !important;
}
.m-md-auto {
margin: auto !important;
}
.mx-md-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.mx-md-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-md-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.mx-md-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.mx-md-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.mx-md-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.mx-md-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-md-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-md-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-md-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-md-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-md-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-md-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-md-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-md-0 {
margin-top: 0 !important;
}
.mt-md-1 {
margin-top: 0.25rem !important;
}
.mt-md-2 {
margin-top: 0.5rem !important;
}
.mt-md-3 {
margin-top: 1rem !important;
}
.mt-md-4 {
margin-top: 1.5rem !important;
}
.mt-md-5 {
margin-top: 3rem !important;
}
.mt-md-auto {
margin-top: auto !important;
}
.me-md-0 {
margin-right: 0 !important;
}
.me-md-1 {
margin-right: 0.25rem !important;
}
.me-md-2 {
margin-right: 0.5rem !important;
}
.me-md-3 {
margin-right: 1rem !important;
}
.me-md-4 {
margin-right: 1.5rem !important;
}
.me-md-5 {
margin-right: 3rem !important;
}
.me-md-auto {
margin-right: auto !important;
}
.mb-md-0 {
margin-bottom: 0 !important;
}
.mb-md-1 {
margin-bottom: 0.25rem !important;
}
.mb-md-2 {
margin-bottom: 0.5rem !important;
}
.mb-md-3 {
margin-bottom: 1rem !important;
}
.mb-md-4 {
margin-bottom: 1.5rem !important;
}
.mb-md-5 {
margin-bottom: 3rem !important;
}
.mb-md-auto {
margin-bottom: auto !important;
}
.ms-md-0 {
margin-left: 0 !important;
}
.ms-md-1 {
margin-left: 0.25rem !important;
}
.ms-md-2 {
margin-left: 0.5rem !important;
}
.ms-md-3 {
margin-left: 1rem !important;
}
.ms-md-4 {
margin-left: 1.5rem !important;
}
.ms-md-5 {
margin-left: 3rem !important;
}
.ms-md-auto {
margin-left: auto !important;
}
.p-md-0 {
padding: 0 !important;
}
.p-md-1 {
padding: 0.25rem !important;
}
.p-md-2 {
padding: 0.5rem !important;
}
.p-md-3 {
padding: 1rem !important;
}
.p-md-4 {
padding: 1.5rem !important;
}
.p-md-5 {
padding: 3rem !important;
}
.px-md-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.px-md-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-md-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.px-md-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.px-md-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.px-md-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.py-md-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-md-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-md-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-md-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-md-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-md-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.pt-md-0 {
padding-top: 0 !important;
}
.pt-md-1 {
padding-top: 0.25rem !important;
}
.pt-md-2 {
padding-top: 0.5rem !important;
}
.pt-md-3 {
padding-top: 1rem !important;
}
.pt-md-4 {
padding-top: 1.5rem !important;
}
.pt-md-5 {
padding-top: 3rem !important;
}
.pe-md-0 {
padding-right: 0 !important;
}
.pe-md-1 {
padding-right: 0.25rem !important;
}
.pe-md-2 {
padding-right: 0.5rem !important;
}
.pe-md-3 {
padding-right: 1rem !important;
}
.pe-md-4 {
padding-right: 1.5rem !important;
}
.pe-md-5 {
padding-right: 3rem !important;
}
.pb-md-0 {
padding-bottom: 0 !important;
}
.pb-md-1 {
padding-bottom: 0.25rem !important;
}
.pb-md-2 {
padding-bottom: 0.5rem !important;
}
.pb-md-3 {
padding-bottom: 1rem !important;
}
.pb-md-4 {
padding-bottom: 1.5rem !important;
}
.pb-md-5 {
padding-bottom: 3rem !important;
}
.ps-md-0 {
padding-left: 0 !important;
}
.ps-md-1 {
padding-left: 0.25rem !important;
}
.ps-md-2 {
padding-left: 0.5rem !important;
}
.ps-md-3 {
padding-left: 1rem !important;
}
.ps-md-4 {
padding-left: 1.5rem !important;
}
.ps-md-5 {
padding-left: 3rem !important;
}
.gap-md-0 {
gap: 0 !important;
}
.gap-md-1 {
gap: 0.25rem !important;
}
.gap-md-2 {
gap: 0.5rem !important;
}
.gap-md-3 {
gap: 1rem !important;
}
.gap-md-4 {
gap: 1.5rem !important;
}
.gap-md-5 {
gap: 3rem !important;
}
.row-gap-md-0 {
row-gap: 0 !important;
}
.row-gap-md-1 {
row-gap: 0.25rem !important;
}
.row-gap-md-2 {
row-gap: 0.5rem !important;
}
.row-gap-md-3 {
row-gap: 1rem !important;
}
.row-gap-md-4 {
row-gap: 1.5rem !important;
}
.row-gap-md-5 {
row-gap: 3rem !important;
}
.column-gap-md-0 {
column-gap: 0 !important;
}
.column-gap-md-1 {
column-gap: 0.25rem !important;
}
.column-gap-md-2 {
column-gap: 0.5rem !important;
}
.column-gap-md-3 {
column-gap: 1rem !important;
}
.column-gap-md-4 {
column-gap: 1.5rem !important;
}
.column-gap-md-5 {
column-gap: 3rem !important;
}
.text-md-start {
text-align: left !important;
}
.text-md-end {
text-align: right !important;
}
.text-md-center {
text-align: center !important;
}
}
@media (min-width: 992px) {
.float-lg-start {
float: left !important;
}
.float-lg-end {
float: right !important;
}
.float-lg-none {
float: none !important;
}
.object-fit-lg-contain {
object-fit: contain !important;
}
.object-fit-lg-cover {
object-fit: cover !important;
}
.object-fit-lg-fill {
object-fit: fill !important;
}
.object-fit-lg-scale {
object-fit: scale-down !important;
}
.object-fit-lg-none {
object-fit: none !important;
}
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-grid {
display: grid !important;
}
.d-lg-inline-grid {
display: inline-grid !important;
}
.d-lg-table {
display: table !important;
}
.d-lg-table-row {
display: table-row !important;
}
.d-lg-table-cell {
display: table-cell !important;
}
.d-lg-flex {
display: flex !important;
}
.d-lg-inline-flex {
display: inline-flex !important;
}
.d-lg-none {
display: none !important;
}
.flex-lg-fill {
flex: 1 1 auto !important;
}
.flex-lg-row {
flex-direction: row !important;
}
.flex-lg-column {
flex-direction: column !important;
}
.flex-lg-row-reverse {
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
flex-direction: column-reverse !important;
}
.flex-lg-grow-0 {
flex-grow: 0 !important;
}
.flex-lg-grow-1 {
flex-grow: 1 !important;
}
.flex-lg-shrink-0 {
flex-shrink: 0 !important;
}
.flex-lg-shrink-1 {
flex-shrink: 1 !important;
}
.flex-lg-wrap {
flex-wrap: wrap !important;
}
.flex-lg-nowrap {
flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.justify-content-lg-start {
justify-content: flex-start !important;
}
.justify-content-lg-end {
justify-content: flex-end !important;
}
.justify-content-lg-center {
justify-content: center !important;
}
.justify-content-lg-between {
justify-content: space-between !important;
}
.justify-content-lg-around {
justify-content: space-around !important;
}
.justify-content-lg-evenly {
justify-content: space-evenly !important;
}
.align-items-lg-start {
align-items: flex-start !important;
}
.align-items-lg-end {
align-items: flex-end !important;
}
.align-items-lg-center {
align-items: center !important;
}
.align-items-lg-baseline {
align-items: baseline !important;
}
.align-items-lg-stretch {
align-items: stretch !important;
}
.align-content-lg-start {
align-content: flex-start !important;
}
.align-content-lg-end {
align-content: flex-end !important;
}
.align-content-lg-center {
align-content: center !important;
}
.align-content-lg-between {
align-content: space-between !important;
}
.align-content-lg-around {
align-content: space-around !important;
}
.align-content-lg-stretch {
align-content: stretch !important;
}
.align-self-lg-auto {
align-self: auto !important;
}
.align-self-lg-start {
align-self: flex-start !important;
}
.align-self-lg-end {
align-self: flex-end !important;
}
.align-self-lg-center {
align-self: center !important;
}
.align-self-lg-baseline {
align-self: baseline !important;
}
.align-self-lg-stretch {
align-self: stretch !important;
}
.order-lg-first {
order: -1 !important;
}
.order-lg-0 {
order: 0 !important;
}
.order-lg-1 {
order: 1 !important;
}
.order-lg-2 {
order: 2 !important;
}
.order-lg-3 {
order: 3 !important;
}
.order-lg-4 {
order: 4 !important;
}
.order-lg-5 {
order: 5 !important;
}
.order-lg-last {
order: 6 !important;
}
.m-lg-0 {
margin: 0 !important;
}
.m-lg-1 {
margin: 0.25rem !important;
}
.m-lg-2 {
margin: 0.5rem !important;
}
.m-lg-3 {
margin: 1rem !important;
}
.m-lg-4 {
margin: 1.5rem !important;
}
.m-lg-5 {
margin: 3rem !important;
}
.m-lg-auto {
margin: auto !important;
}
.mx-lg-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.mx-lg-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-lg-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.mx-lg-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.mx-lg-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.mx-lg-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.mx-lg-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-lg-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-lg-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-lg-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-lg-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-lg-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-lg-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-lg-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-lg-0 {
margin-top: 0 !important;
}
.mt-lg-1 {
margin-top: 0.25rem !important;
}
.mt-lg-2 {
margin-top: 0.5rem !important;
}
.mt-lg-3 {
margin-top: 1rem !important;
}
.mt-lg-4 {
margin-top: 1.5rem !important;
}
.mt-lg-5 {
margin-top: 3rem !important;
}
.mt-lg-auto {
margin-top: auto !important;
}
.me-lg-0 {
margin-right: 0 !important;
}
.me-lg-1 {
margin-right: 0.25rem !important;
}
.me-lg-2 {
margin-right: 0.5rem !important;
}
.me-lg-3 {
margin-right: 1rem !important;
}
.me-lg-4 {
margin-right: 1.5rem !important;
}
.me-lg-5 {
margin-right: 3rem !important;
}
.me-lg-auto {
margin-right: auto !important;
}
.mb-lg-0 {
margin-bottom: 0 !important;
}
.mb-lg-1 {
margin-bottom: 0.25rem !important;
}
.mb-lg-2 {
margin-bottom: 0.5rem !important;
}
.mb-lg-3 {
margin-bottom: 1rem !important;
}
.mb-lg-4 {
margin-bottom: 1.5rem !important;
}
.mb-lg-5 {
margin-bottom: 3rem !important;
}
.mb-lg-auto {
margin-bottom: auto !important;
}
.ms-lg-0 {
margin-left: 0 !important;
}
.ms-lg-1 {
margin-left: 0.25rem !important;
}
.ms-lg-2 {
margin-left: 0.5rem !important;
}
.ms-lg-3 {
margin-left: 1rem !important;
}
.ms-lg-4 {
margin-left: 1.5rem !important;
}
.ms-lg-5 {
margin-left: 3rem !important;
}
.ms-lg-auto {
margin-left: auto !important;
}
.p-lg-0 {
padding: 0 !important;
}
.p-lg-1 {
padding: 0.25rem !important;
}
.p-lg-2 {
padding: 0.5rem !important;
}
.p-lg-3 {
padding: 1rem !important;
}
.p-lg-4 {
padding: 1.5rem !important;
}
.p-lg-5 {
padding: 3rem !important;
}
.px-lg-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.px-lg-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-lg-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.px-lg-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.px-lg-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.px-lg-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.py-lg-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-lg-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-lg-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-lg-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-lg-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-lg-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.pt-lg-0 {
padding-top: 0 !important;
}
.pt-lg-1 {
padding-top: 0.25rem !important;
}
.pt-lg-2 {
padding-top: 0.5rem !important;
}
.pt-lg-3 {
padding-top: 1rem !important;
}
.pt-lg-4 {
padding-top: 1.5rem !important;
}
.pt-lg-5 {
padding-top: 3rem !important;
}
.pe-lg-0 {
padding-right: 0 !important;
}
.pe-lg-1 {
padding-right: 0.25rem !important;
}
.pe-lg-2 {
padding-right: 0.5rem !important;
}
.pe-lg-3 {
padding-right: 1rem !important;
}
.pe-lg-4 {
padding-right: 1.5rem !important;
}
.pe-lg-5 {
padding-right: 3rem !important;
}
.pb-lg-0 {
padding-bottom: 0 !important;
}
.pb-lg-1 {
padding-bottom: 0.25rem !important;
}
.pb-lg-2 {
padding-bottom: 0.5rem !important;
}
.pb-lg-3 {
padding-bottom: 1rem !important;
}
.pb-lg-4 {
padding-bottom: 1.5rem !important;
}
.pb-lg-5 {
padding-bottom: 3rem !important;
}
.ps-lg-0 {
padding-left: 0 !important;
}
.ps-lg-1 {
padding-left: 0.25rem !important;
}
.ps-lg-2 {
padding-left: 0.5rem !important;
}
.ps-lg-3 {
padding-left: 1rem !important;
}
.ps-lg-4 {
padding-left: 1.5rem !important;
}
.ps-lg-5 {
padding-left: 3rem !important;
}
.gap-lg-0 {
gap: 0 !important;
}
.gap-lg-1 {
gap: 0.25rem !important;
}
.gap-lg-2 {
gap: 0.5rem !important;
}
.gap-lg-3 {
gap: 1rem !important;
}
.gap-lg-4 {
gap: 1.5rem !important;
}
.gap-lg-5 {
gap: 3rem !important;
}
.row-gap-lg-0 {
row-gap: 0 !important;
}
.row-gap-lg-1 {
row-gap: 0.25rem !important;
}
.row-gap-lg-2 {
row-gap: 0.5rem !important;
}
.row-gap-lg-3 {
row-gap: 1rem !important;
}
.row-gap-lg-4 {
row-gap: 1.5rem !important;
}
.row-gap-lg-5 {
row-gap: 3rem !important;
}
.column-gap-lg-0 {
column-gap: 0 !important;
}
.column-gap-lg-1 {
column-gap: 0.25rem !important;
}
.column-gap-lg-2 {
column-gap: 0.5rem !important;
}
.column-gap-lg-3 {
column-gap: 1rem !important;
}
.column-gap-lg-4 {
column-gap: 1.5rem !important;
}
.column-gap-lg-5 {
column-gap: 3rem !important;
}
.text-lg-start {
text-align: left !important;
}
.text-lg-end {
text-align: right !important;
}
.text-lg-center {
text-align: center !important;
}
}
@media (min-width: 1200px) {
.float-xl-start {
float: left !important;
}
.float-xl-end {
float: right !important;
}
.float-xl-none {
float: none !important;
}
.object-fit-xl-contain {
object-fit: contain !important;
}
.object-fit-xl-cover {
object-fit: cover !important;
}
.object-fit-xl-fill {
object-fit: fill !important;
}
.object-fit-xl-scale {
object-fit: scale-down !important;
}
.object-fit-xl-none {
object-fit: none !important;
}
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-grid {
display: grid !important;
}
.d-xl-inline-grid {
display: inline-grid !important;
}
.d-xl-table {
display: table !important;
}
.d-xl-table-row {
display: table-row !important;
}
.d-xl-table-cell {
display: table-cell !important;
}
.d-xl-flex {
display: flex !important;
}
.d-xl-inline-flex {
display: inline-flex !important;
}
.d-xl-none {
display: none !important;
}
.flex-xl-fill {
flex: 1 1 auto !important;
}
.flex-xl-row {
flex-direction: row !important;
}
.flex-xl-column {
flex-direction: column !important;
}
.flex-xl-row-reverse {
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
flex-direction: column-reverse !important;
}
.flex-xl-grow-0 {
flex-grow: 0 !important;
}
.flex-xl-grow-1 {
flex-grow: 1 !important;
}
.flex-xl-shrink-0 {
flex-shrink: 0 !important;
}
.flex-xl-shrink-1 {
flex-shrink: 1 !important;
}
.flex-xl-wrap {
flex-wrap: wrap !important;
}
.flex-xl-nowrap {
flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.justify-content-xl-start {
justify-content: flex-start !important;
}
.justify-content-xl-end {
justify-content: flex-end !important;
}
.justify-content-xl-center {
justify-content: center !important;
}
.justify-content-xl-between {
justify-content: space-between !important;
}
.justify-content-xl-around {
justify-content: space-around !important;
}
.justify-content-xl-evenly {
justify-content: space-evenly !important;
}
.align-items-xl-start {
align-items: flex-start !important;
}
.align-items-xl-end {
align-items: flex-end !important;
}
.align-items-xl-center {
align-items: center !important;
}
.align-items-xl-baseline {
align-items: baseline !important;
}
.align-items-xl-stretch {
align-items: stretch !important;
}
.align-content-xl-start {
align-content: flex-start !important;
}
.align-content-xl-end {
align-content: flex-end !important;
}
.align-content-xl-center {
align-content: center !important;
}
.align-content-xl-between {
align-content: space-between !important;
}
.align-content-xl-around {
align-content: space-around !important;
}
.align-content-xl-stretch {
align-content: stretch !important;
}
.align-self-xl-auto {
align-self: auto !important;
}
.align-self-xl-start {
align-self: flex-start !important;
}
.align-self-xl-end {
align-self: flex-end !important;
}
.align-self-xl-center {
align-self: center !important;
}
.align-self-xl-baseline {
align-self: baseline !important;
}
.align-self-xl-stretch {
align-self: stretch !important;
}
.order-xl-first {
order: -1 !important;
}
.order-xl-0 {
order: 0 !important;
}
.order-xl-1 {
order: 1 !important;
}
.order-xl-2 {
order: 2 !important;
}
.order-xl-3 {
order: 3 !important;
}
.order-xl-4 {
order: 4 !important;
}
.order-xl-5 {
order: 5 !important;
}
.order-xl-last {
order: 6 !important;
}
.m-xl-0 {
margin: 0 !important;
}
.m-xl-1 {
margin: 0.25rem !important;
}
.m-xl-2 {
margin: 0.5rem !important;
}
.m-xl-3 {
margin: 1rem !important;
}
.m-xl-4 {
margin: 1.5rem !important;
}
.m-xl-5 {
margin: 3rem !important;
}
.m-xl-auto {
margin: auto !important;
}
.mx-xl-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.mx-xl-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-xl-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.mx-xl-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.mx-xl-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.mx-xl-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.mx-xl-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-xl-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-xl-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-xl-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-xl-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-xl-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-xl-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-xl-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-xl-0 {
margin-top: 0 !important;
}
.mt-xl-1 {
margin-top: 0.25rem !important;
}
.mt-xl-2 {
margin-top: 0.5rem !important;
}
.mt-xl-3 {
margin-top: 1rem !important;
}
.mt-xl-4 {
margin-top: 1.5rem !important;
}
.mt-xl-5 {
margin-top: 3rem !important;
}
.mt-xl-auto {
margin-top: auto !important;
}
.me-xl-0 {
margin-right: 0 !important;
}
.me-xl-1 {
margin-right: 0.25rem !important;
}
.me-xl-2 {
margin-right: 0.5rem !important;
}
.me-xl-3 {
margin-right: 1rem !important;
}
.me-xl-4 {
margin-right: 1.5rem !important;
}
.me-xl-5 {
margin-right: 3rem !important;
}
.me-xl-auto {
margin-right: auto !important;
}
.mb-xl-0 {
margin-bottom: 0 !important;
}
.mb-xl-1 {
margin-bottom: 0.25rem !important;
}
.mb-xl-2 {
margin-bottom: 0.5rem !important;
}
.mb-xl-3 {
margin-bottom: 1rem !important;
}
.mb-xl-4 {
margin-bottom: 1.5rem !important;
}
.mb-xl-5 {
margin-bottom: 3rem !important;
}
.mb-xl-auto {
margin-bottom: auto !important;
}
.ms-xl-0 {
margin-left: 0 !important;
}
.ms-xl-1 {
margin-left: 0.25rem !important;
}
.ms-xl-2 {
margin-left: 0.5rem !important;
}
.ms-xl-3 {
margin-left: 1rem !important;
}
.ms-xl-4 {
margin-left: 1.5rem !important;
}
.ms-xl-5 {
margin-left: 3rem !important;
}
.ms-xl-auto {
margin-left: auto !important;
}
.p-xl-0 {
padding: 0 !important;
}
.p-xl-1 {
padding: 0.25rem !important;
}
.p-xl-2 {
padding: 0.5rem !important;
}
.p-xl-3 {
padding: 1rem !important;
}
.p-xl-4 {
padding: 1.5rem !important;
}
.p-xl-5 {
padding: 3rem !important;
}
.px-xl-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.px-xl-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-xl-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.px-xl-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.px-xl-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.px-xl-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.py-xl-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-xl-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-xl-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-xl-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-xl-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-xl-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.pt-xl-0 {
padding-top: 0 !important;
}
.pt-xl-1 {
padding-top: 0.25rem !important;
}
.pt-xl-2 {
padding-top: 0.5rem !important;
}
.pt-xl-3 {
padding-top: 1rem !important;
}
.pt-xl-4 {
padding-top: 1.5rem !important;
}
.pt-xl-5 {
padding-top: 3rem !important;
}
.pe-xl-0 {
padding-right: 0 !important;
}
.pe-xl-1 {
padding-right: 0.25rem !important;
}
.pe-xl-2 {
padding-right: 0.5rem !important;
}
.pe-xl-3 {
padding-right: 1rem !important;
}
.pe-xl-4 {
padding-right: 1.5rem !important;
}
.pe-xl-5 {
padding-right: 3rem !important;
}
.pb-xl-0 {
padding-bottom: 0 !important;
}
.pb-xl-1 {
padding-bottom: 0.25rem !important;
}
.pb-xl-2 {
padding-bottom: 0.5rem !important;
}
.pb-xl-3 {
padding-bottom: 1rem !important;
}
.pb-xl-4 {
padding-bottom: 1.5rem !important;
}
.pb-xl-5 {
padding-bottom: 3rem !important;
}
.ps-xl-0 {
padding-left: 0 !important;
}
.ps-xl-1 {
padding-left: 0.25rem !important;
}
.ps-xl-2 {
padding-left: 0.5rem !important;
}
.ps-xl-3 {
padding-left: 1rem !important;
}
.ps-xl-4 {
padding-left: 1.5rem !important;
}
.ps-xl-5 {
padding-left: 3rem !important;
}
.gap-xl-0 {
gap: 0 !important;
}
.gap-xl-1 {
gap: 0.25rem !important;
}
.gap-xl-2 {
gap: 0.5rem !important;
}
.gap-xl-3 {
gap: 1rem !important;
}
.gap-xl-4 {
gap: 1.5rem !important;
}
.gap-xl-5 {
gap: 3rem !important;
}
.row-gap-xl-0 {
row-gap: 0 !important;
}
.row-gap-xl-1 {
row-gap: 0.25rem !important;
}
.row-gap-xl-2 {
row-gap: 0.5rem !important;
}
.row-gap-xl-3 {
row-gap: 1rem !important;
}
.row-gap-xl-4 {
row-gap: 1.5rem !important;
}
.row-gap-xl-5 {
row-gap: 3rem !important;
}
.column-gap-xl-0 {
column-gap: 0 !important;
}
.column-gap-xl-1 {
column-gap: 0.25rem !important;
}
.column-gap-xl-2 {
column-gap: 0.5rem !important;
}
.column-gap-xl-3 {
column-gap: 1rem !important;
}
.column-gap-xl-4 {
column-gap: 1.5rem !important;
}
.column-gap-xl-5 {
column-gap: 3rem !important;
}
.text-xl-start {
text-align: left !important;
}
.text-xl-end {
text-align: right !important;
}
.text-xl-center {
text-align: center !important;
}
}
@media (min-width: 1400px) {
.float-xxl-start {
float: left !important;
}
.float-xxl-end {
float: right !important;
}
.float-xxl-none {
float: none !important;
}
.object-fit-xxl-contain {
object-fit: contain !important;
}
.object-fit-xxl-cover {
object-fit: cover !important;
}
.object-fit-xxl-fill {
object-fit: fill !important;
}
.object-fit-xxl-scale {
object-fit: scale-down !important;
}
.object-fit-xxl-none {
object-fit: none !important;
}
.d-xxl-inline {
display: inline !important;
}
.d-xxl-inline-block {
display: inline-block !important;
}
.d-xxl-block {
display: block !important;
}
.d-xxl-grid {
display: grid !important;
}
.d-xxl-inline-grid {
display: inline-grid !important;
}
.d-xxl-table {
display: table !important;
}
.d-xxl-table-row {
display: table-row !important;
}
.d-xxl-table-cell {
display: table-cell !important;
}
.d-xxl-flex {
display: flex !important;
}
.d-xxl-inline-flex {
display: inline-flex !important;
}
.d-xxl-none {
display: none !important;
}
.flex-xxl-fill {
flex: 1 1 auto !important;
}
.flex-xxl-row {
flex-direction: row !important;
}
.flex-xxl-column {
flex-direction: column !important;
}
.flex-xxl-row-reverse {
flex-direction: row-reverse !important;
}
.flex-xxl-column-reverse {
flex-direction: column-reverse !important;
}
.flex-xxl-grow-0 {
flex-grow: 0 !important;
}
.flex-xxl-grow-1 {
flex-grow: 1 !important;
}
.flex-xxl-shrink-0 {
flex-shrink: 0 !important;
}
.flex-xxl-shrink-1 {
flex-shrink: 1 !important;
}
.flex-xxl-wrap {
flex-wrap: wrap !important;
}
.flex-xxl-nowrap {
flex-wrap: nowrap !important;
}
.flex-xxl-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.justify-content-xxl-start {
justify-content: flex-start !important;
}
.justify-content-xxl-end {
justify-content: flex-end !important;
}
.justify-content-xxl-center {
justify-content: center !important;
}
.justify-content-xxl-between {
justify-content: space-between !important;
}
.justify-content-xxl-around {
justify-content: space-around !important;
}
.justify-content-xxl-evenly {
justify-content: space-evenly !important;
}
.align-items-xxl-start {
align-items: flex-start !important;
}
.align-items-xxl-end {
align-items: flex-end !important;
}
.align-items-xxl-center {
align-items: center !important;
}
.align-items-xxl-baseline {
align-items: baseline !important;
}
.align-items-xxl-stretch {
align-items: stretch !important;
}
.align-content-xxl-start {
align-content: flex-start !important;
}
.align-content-xxl-end {
align-content: flex-end !important;
}
.align-content-xxl-center {
align-content: center !important;
}
.align-content-xxl-between {
align-content: space-between !important;
}
.align-content-xxl-around {
align-content: space-around !important;
}
.align-content-xxl-stretch {
align-content: stretch !important;
}
.align-self-xxl-auto {
align-self: auto !important;
}
.align-self-xxl-start {
align-self: flex-start !important;
}
.align-self-xxl-end {
align-self: flex-end !important;
}
.align-self-xxl-center {
align-self: center !important;
}
.align-self-xxl-baseline {
align-self: baseline !important;
}
.align-self-xxl-stretch {
align-self: stretch !important;
}
.order-xxl-first {
order: -1 !important;
}
.order-xxl-0 {
order: 0 !important;
}
.order-xxl-1 {
order: 1 !important;
}
.order-xxl-2 {
order: 2 !important;
}
.order-xxl-3 {
order: 3 !important;
}
.order-xxl-4 {
order: 4 !important;
}
.order-xxl-5 {
order: 5 !important;
}
.order-xxl-last {
order: 6 !important;
}
.m-xxl-0 {
margin: 0 !important;
}
.m-xxl-1 {
margin: 0.25rem !important;
}
.m-xxl-2 {
margin: 0.5rem !important;
}
.m-xxl-3 {
margin: 1rem !important;
}
.m-xxl-4 {
margin: 1.5rem !important;
}
.m-xxl-5 {
margin: 3rem !important;
}
.m-xxl-auto {
margin: auto !important;
}
.mx-xxl-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.mx-xxl-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-xxl-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.mx-xxl-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.mx-xxl-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.mx-xxl-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.mx-xxl-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-xxl-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-xxl-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-xxl-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-xxl-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-xxl-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-xxl-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-xxl-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-xxl-0 {
margin-top: 0 !important;
}
.mt-xxl-1 {
margin-top: 0.25rem !important;
}
.mt-xxl-2 {
margin-top: 0.5rem !important;
}
.mt-xxl-3 {
margin-top: 1rem !important;
}
.mt-xxl-4 {
margin-top: 1.5rem !important;
}
.mt-xxl-5 {
margin-top: 3rem !important;
}
.mt-xxl-auto {
margin-top: auto !important;
}
.me-xxl-0 {
margin-right: 0 !important;
}
.me-xxl-1 {
margin-right: 0.25rem !important;
}
.me-xxl-2 {
margin-right: 0.5rem !important;
}
.me-xxl-3 {
margin-right: 1rem !important;
}
.me-xxl-4 {
margin-right: 1.5rem !important;
}
.me-xxl-5 {
margin-right: 3rem !important;
}
.me-xxl-auto {
margin-right: auto !important;
}
.mb-xxl-0 {
margin-bottom: 0 !important;
}
.mb-xxl-1 {
margin-bottom: 0.25rem !important;
}
.mb-xxl-2 {
margin-bottom: 0.5rem !important;
}
.mb-xxl-3 {
margin-bottom: 1rem !important;
}
.mb-xxl-4 {
margin-bottom: 1.5rem !important;
}
.mb-xxl-5 {
margin-bottom: 3rem !important;
}
.mb-xxl-auto {
margin-bottom: auto !important;
}
.ms-xxl-0 {
margin-left: 0 !important;
}
.ms-xxl-1 {
margin-left: 0.25rem !important;
}
.ms-xxl-2 {
margin-left: 0.5rem !important;
}
.ms-xxl-3 {
margin-left: 1rem !important;
}
.ms-xxl-4 {
margin-left: 1.5rem !important;
}
.ms-xxl-5 {
margin-left: 3rem !important;
}
.ms-xxl-auto {
margin-left: auto !important;
}
.p-xxl-0 {
padding: 0 !important;
}
.p-xxl-1 {
padding: 0.25rem !important;
}
.p-xxl-2 {
padding: 0.5rem !important;
}
.p-xxl-3 {
padding: 1rem !important;
}
.p-xxl-4 {
padding: 1.5rem !important;
}
.p-xxl-5 {
padding: 3rem !important;
}
.px-xxl-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.px-xxl-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-xxl-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.px-xxl-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.px-xxl-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.px-xxl-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.py-xxl-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-xxl-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-xxl-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-xxl-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-xxl-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-xxl-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.pt-xxl-0 {
padding-top: 0 !important;
}
.pt-xxl-1 {
padding-top: 0.25rem !important;
}
.pt-xxl-2 {
padding-top: 0.5rem !important;
}
.pt-xxl-3 {
padding-top: 1rem !important;
}
.pt-xxl-4 {
padding-top: 1.5rem !important;
}
.pt-xxl-5 {
padding-top: 3rem !important;
}
.pe-xxl-0 {
padding-right: 0 !important;
}
.pe-xxl-1 {
padding-right: 0.25rem !important;
}
.pe-xxl-2 {
padding-right: 0.5rem !important;
}
.pe-xxl-3 {
padding-right: 1rem !important;
}
.pe-xxl-4 {
padding-right: 1.5rem !important;
}
.pe-xxl-5 {
padding-right: 3rem !important;
}
.pb-xxl-0 {
padding-bottom: 0 !important;
}
.pb-xxl-1 {
padding-bottom: 0.25rem !important;
}
.pb-xxl-2 {
padding-bottom: 0.5rem !important;
}
.pb-xxl-3 {
padding-bottom: 1rem !important;
}
.pb-xxl-4 {
padding-bottom: 1.5rem !important;
}
.pb-xxl-5 {
padding-bottom: 3rem !important;
}
.ps-xxl-0 {
padding-left: 0 !important;
}
.ps-xxl-1 {
padding-left: 0.25rem !important;
}
.ps-xxl-2 {
padding-left: 0.5rem !important;
}
.ps-xxl-3 {
padding-left: 1rem !important;
}
.ps-xxl-4 {
padding-left: 1.5rem !important;
}
.ps-xxl-5 {
padding-left: 3rem !important;
}
.gap-xxl-0 {
gap: 0 !important;
}
.gap-xxl-1 {
gap: 0.25rem !important;
}
.gap-xxl-2 {
gap: 0.5rem !important;
}
.gap-xxl-3 {
gap: 1rem !important;
}
.gap-xxl-4 {
gap: 1.5rem !important;
}
.gap-xxl-5 {
gap: 3rem !important;
}
.row-gap-xxl-0 {
row-gap: 0 !important;
}
.row-gap-xxl-1 {
row-gap: 0.25rem !important;
}
.row-gap-xxl-2 {
row-gap: 0.5rem !important;
}
.row-gap-xxl-3 {
row-gap: 1rem !important;
}
.row-gap-xxl-4 {
row-gap: 1.5rem !important;
}
.row-gap-xxl-5 {
row-gap: 3rem !important;
}
.column-gap-xxl-0 {
column-gap: 0 !important;
}
.column-gap-xxl-1 {
column-gap: 0.25rem !important;
}
.column-gap-xxl-2 {
column-gap: 0.5rem !important;
}
.column-gap-xxl-3 {
column-gap: 1rem !important;
}
.column-gap-xxl-4 {
column-gap: 1.5rem !important;
}
.column-gap-xxl-5 {
column-gap: 3rem !important;
}
.text-xxl-start {
text-align: left !important;
}
.text-xxl-end {
text-align: right !important;
}
.text-xxl-center {
text-align: center !important;
}
}
@media (min-width: 1200px) {
.fs-1 {
font-size: 2.5rem !important;
}
.fs-2 {
font-size: 2rem !important;
}
.fs-3 {
font-size: 1.75rem !important;
}
.fs-4 {
font-size: 1.5rem !important;
}
}
@media print {
.d-print-inline {
display: inline !important;
}
.d-print-inline-block {
display: inline-block !important;
}
.d-print-block {
display: block !important;
}
.d-print-grid {
display: grid !important;
}
.d-print-inline-grid {
display: inline-grid !important;
}
.d-print-table {
display: table !important;
}
.d-print-table-row {
display: table-row !important;
}
.d-print-table-cell {
display: table-cell !important;
}
.d-print-flex {
display: flex !important;
}
.d-print-inline-flex {
display: inline-flex !important;
}
.d-print-none {
display: none !important;
}
}
@keyframes modal-video {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes modal-video-inner {
from {
transform: translate(0, 100px);
}
to {
transform: translate(0, 0);
}
}
.modal-video {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 1000000;
cursor: pointer;
opacity: 1;
animation-timing-function: ease-out;
animation-duration: 0.3s;
animation-name: modal-video;
transition: opacity 0.3s ease-out;
}
.modal-video-effect-exit {
opacity: 0;
}
.modal-video-effect-exit .modal-video-movie-wrap {
transform: translate(0, 100px);
}
.modal-video-body {
max-width: 960px;
width: 100%;
height: 100%;
margin: 0 auto;
padding: 0 10px;
display: flex;
justify-content: center;
box-sizing: border-box;
}
.modal-video-inner {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
}
@media (orientation: landscape) {
.modal-video-inner {
padding: 10px 60px;
box-sizing: border-box;
}
}
.modal-video-movie-wrap {
width: 100%;
height: 0;
position: relative;
padding-bottom: 56.25%;
background-color: #333;
animation-timing-function: ease-out;
animation-duration: 0.3s;
animation-name: modal-video-inner;
transform: translate(0, 0);
transition: transform 0.3s ease-out;
}
.modal-video-movie-wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.modal-video-close-btn {
position: absolute;
z-index: 2;
top: -45px;
right: 0px;
display: inline-block;
width: 35px;
height: 35px;
overflow: hidden;
border: none;
background: transparent;
}
@media (orientation: landscape) {
.modal-video-close-btn {
top: 0;
right: -45px;
}
}
.modal-video-close-btn:before {
transform: rotate(45deg);
}
.modal-video-close-btn:after {
transform: rotate(-45deg);
}
.modal-video-close-btn:before, .modal-video-close-btn:after {
content: "";
position: absolute;
height: 2px;
width: 100%;
top: 50%;
left: 0;
margin-top: -1px;
background: #fff;
border-radius: 5px;
margin-top: -6px;
}
/* 01. Helpers */
:root {
--ptf-accent-1: hsl(207, 80%, 39%);
--ptf-accent-secondary: hsl(26, 89%, 54%);
--ptf-accent-2: hsl(207, 81%, 31%);
--ptf-accent-3: hsl(207, 66%, 48%);
--ptf-accent-4: hsl(205, 66%, 61%);
--ptf-color-white: hsl(0, 0%, 100%);
--ptf-color-black: hsl(0, 0%, 0%);
--ptf-color-1: hsl(0, 0%, 80%);
--ptf-color-2: hsl(0, 0%, 40%);
--ptf-color-3: hsl(0, 0%, 60%);
--ptf-color-4: hsl(0, 0%, 97%);
--ptf-color-5: hsl(213, 60%, 97%);
--ptf-color-6: hsl(0, 0%, 85%);
--ptf-color-7: hsl(0, 0%, 97%);
--ptf-color-8: hsl(0, 0%, 95%);
--ptf-color-9: hsl(0, 0%, 96%);
--ptf-color-10: hsl(0, 0%, 87%);
--ptf-color-11: hsl(38, 22%, 93%);
--ptf-color-12: hsl(0, 0%, 7%);
--ptf-color-13: hsl(0, 0%, 50%);
--ptf-color-14: hsla(0, 0%, 0%, 15%);
--ptf-color-15: hsl(12, 29%, 97%);
--ptf-color-16: hsl(0, 0%, 11%);
--ptf-color-17: hsl(0, 0%, 92%);
--ptf-color-18: hsla(0, 0%, 0%, 80%);
--ptf-color-19: hsl(45, 17%, 95%);
--ptf-color-bg-light: oklch(98.4% 0.003 247.858);
--ptf-primary-font: "Cerebri Sans";
--ptf-secondary-font: "Amiri";
--ptf-socicon: "Socicon";
--ptf-linear-icons-light: LineIconsPro Light;
--ptf-linear-icons-regular: LineIconsPro Regular;
--ptf-transition-duration: 300ms;
--ptf-transition-easing: ease-in-out;
--ptf-navbar-height: 132px;
}
@keyframes ptf_animate_icon_right {
49% {
transform: translateX(100%);
}
50% {
opacity: 0;
transform: translateX(-100%);
}
51% {
opacity: 1;
}
}
@keyframes ptf_animate_icon_left {
49% {
opacity: 0;
transform: translateX(-50%);
}
50% {
opacity: 0;
transform: translateX(50%);
}
51% {
opacity: 1;
}
}
@keyframes ptf_fade_in_down {
0% {
transform: translate3d(0, -100%, 0);
}
100% {
transform: translate3d(0, 0, 0);
}
}
@keyframes ptf_fade_out_up {
0% {
transform: translate3d(0, 0, 0);
}
100% {
transform: translate3d(0, -100%, 0);
}
}
@keyframes ptf_blink_in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes ptf_bounce_preloader {
0%, 100% {
transform: scale(0);
}
50% {
transform: scale(1);
}
}
@keyframes ptf_spin {
100% {
transform: rotate(360deg);
}
}
@keyframes ptf_bounce {
0%, 20%, 50%, 80%, 100% {
transform: translateY(0);
}
40% {
transform: translateY(-20px);
}
60% {
transform: translateY(-10px);
}
}
.ptf-navbar-logo {
line-height: 1;
}
.ptf-navbar-logo:hover {
color: currentColor;
}
.ptf-navbar-logo img {
display: block;
max-width: none;
}
.ptf-header--style-5 .ptf-navbar-logo img {
display: none;
}
.ptf-navbar-logo img.white {
display: none;
}
.ptf-header--style-5 .ptf-navbar-logo img.white {
display: block;
}
.ptf-nav--offcanvas .sf-menu {
overflow: hidden;
}
.ptf-nav--offcanvas .sf-menu li {
display: block;
float: none;
}
.ptf-nav--offcanvas .sf-menu a {
display: inline-block;
}
.ptf-nav--offcanvas .sf-menu > li {
padding: 0.625rem 0;
}
.ptf-nav--offcanvas .sf-menu > li > a {
padding: 0.5rem 0;
color: var(--ptf-color-black);
font-size: 1.875rem;
line-height: 1.1;
font-weight: 700;
}
.ptf-nav--offcanvas .sf-menu > li:last-child {
padding-bottom: 0;
}
.ptf-nav--offcanvas .sf-menu > li:first-child {
padding-top: 0;
}
.ptf-nav--offcanvas .sf-menu > li.current-menu-item > a,
.ptf-nav--offcanvas .sf-menu > li.active > a,
.ptf-nav--offcanvas .sf-menu > li:hover > a,
.ptf-nav--offcanvas .sf-menu > li.sfHover > a {
color: var(--ptf-accent-1);
}
.ptf-nav--offcanvas .sf-menu ul.sub-menu {
position: static;
margin-top: 0.625rem;
padding-left: 0.625rem;
}
.ptf-nav--offcanvas .sf-menu ul.sub-menu ul.sub-menu {
margin-top: 0;
}
.ptf-nav--offcanvas .sf-menu ul.sub-menu a {
padding: 2px 0;
color: var(--ptf-color-3);
font-size: 0.9375rem;
line-height: 1.8;
font-weight: normal;
}
.ptf-nav--offcanvas .sf-menu ul.sub-menu li.current-menu-item > a,
.ptf-nav--offcanvas .sf-menu ul.sub-menu li:hover > a,
.ptf-nav--offcanvas .sf-menu ul.sub-menu li.active > a,
.ptf-nav--offcanvas .sf-menu ul.sub-menu li.sfHover > a {
color: var(--ptf-color-black);
}
.ptf-single-post__footer .ptf-post-tags a {
margin-bottom: 0.3125rem;
padding: 0.25rem 0.5625rem;
text-transform: lowercase;
color: var(--ptf-color-3);
font-size: 0.875rem;
background-color: transparent;
box-shadow: inset 0 0 0 1px var(--ptf-color-6);
}
.ptf-single-post__footer .ptf-post-tags a:not(:last-child) {
margin-right: 0.3125rem;
}
.ptf-single-post__footer .ptf-post-tags a:hover {
color: var(--ptf-color-white);
background-color: var(--ptf-accent-1);
box-shadow: inset 0 0 0 1px var(--ptf-accent-1);
}
/* 02. Base */
/* COLORS
-------------------------------------------- */
.has-white-color {
color: var(--ptf-color-white);
}
.has-black-color {
color: var(--ptf-color-black);
}
.has-accent-1 {
color: var(--ptf-accent-1) !important;
}
.has-accent-1-background {
background-color: var(--ptf-accent-1);
}
.has-accent-2 {
color: var(--ptf-accent-2);
}
.has-accent-3 {
color: var(--ptf-accent-3);
}
.has-accent-4 {
color: var(--ptf-accent-4);
}
@keyframes fade-in-up {
from {
transform: translate3d(0, 40px, 0);
}
to {
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.has-1-color {
color: var(--ptf-color-1);
}
.has-1-background-color {
background-color: var(--ptf-color-1);
}
.has-2-color {
color: var(--ptf-color-2);
}
.has-2-background-color {
background-color: var(--ptf-color-2);
}
.has-3-color {
color: var(--ptf-color-3);
}
.has-3-background-color {
background-color: var(--ptf-color-3);
}
.has-4-color {
color: var(--ptf-color-4);
}
.has-4-background-color {
background-color: var(--ptf-color-4);
}
.has-5-color {
color: var(--ptf-color-5);
}
.has-5-background-color {
background-color: var(--ptf-color-5);
}
.has-6-color {
color: var(--ptf-color-6);
}
.has-6-background-color {
background-color: var(--ptf-color-6);
}
.has-7-color {
color: var(--ptf-color-7);
}
.has-7-background-color {
background-color: var(--ptf-color-7);
}
.has-8-color {
color: var(--ptf-color-8);
}
.has-8-background-color {
background-color: var(--ptf-color-8);
}
.has-9-color {
color: var(--ptf-color-9);
}
.has-9-background-color {
background-color: var(--ptf-color-9);
}
.has-10-color {
color: var(--ptf-color-10);
}
.has-10-background-color {
background-color: var(--ptf-color-10);
}
.has-11-color {
color: var(--ptf-color-11);
}
.has-11-background-color {
background-color: var(--ptf-color-11);
}
.has-12-color {
color: var(--ptf-color-12);
}
.has-12-background-color {
background-color: var(--ptf-color-12);
}
.has-13-color {
color: var(--ptf-color-13);
}
.has-13-background-color {
background-color: var(--ptf-color-13);
}
.has-14-color {
color: var(--ptf-color-14);
}
.has-14-background-color {
background-color: var(--ptf-color-14);
}
/* FONT FAMILY
-------------------------------------------- */
.has-primary-font {
font-family: var(--ptf-primary-font) !important;
}
.has-secondary-font {
font-family: var(--ptf-secondary-font) !important;
}
/* FONT WEIGTH
-------------------------------------------- */
.fw-semibold {
font-weight: 600;
}
.fw-extrabold {
font-weight: 800;
}
/* FONT SIZE
-------------------------------------------- */
.fz-230 {
font-size: 14.375rem;
letter-spacing: -0.05em;
}
.fz-130 {
font-size: 8.125rem;
letter-spacing: -0.035em;
}
@media only screen and (max-width: 991px) {
.fz-130--lg {
font-size: 8.125rem;
letter-spacing: -0.035em;
}
}
.fz-120 {
font-size: 7.5rem;
letter-spacing: -0.05em;
}
.fz-100 {
font-size: 6.25rem;
}
.fz-90 {
font-size: 5.625rem;
}
@media only screen and (max-width: 991px) {
.fz-90--lg {
font-size: 5.625rem;
}
}
@media only screen and (max-width: 767px) {
.fz-90--md {
font-size: 5.625rem;
}
}
.fz-80 {
font-size: 5rem;
}
.fz-75 {
font-size: 4.6875rem;
}
.fz-70 {
font-size: 4.375rem;
}
.fz-60 {
font-size: 3.75rem;
}
@media only screen and (max-width: 767px) {
.fz-60--md {
font-size: 3.75rem;
}
}
.fz-48 {
font-size: 3rem;
}
.fz-40 {
font-size: 2.5rem;
}
@media only screen and (max-width: 767px) {
.fz-40--md {
font-size: 2.5rem;
}
}
@media only screen and (max-width: 575px) {
.fz-40--sm {
font-size: 2.5rem;
}
}
.fz-36 {
font-size: 2.25rem;
}
@media only screen and (max-width: 575px) {
.fz-36--sm {
font-size: 2.25rem;
}
}
.fz-30 {
font-size: 1.875rem;
}
.fz-24 {
font-size: 1.5rem;
}
.fz-20 {
font-size: 1.25rem;
}
.fz-18 {
font-size: 1.125rem;
}
.fz-16 {
font-size: 1rem;
}
.fz-14 {
font-size: 0.875rem;
}
.fz-12 {
font-size: 0.75rem;
}
/* LINE HEIGHT
-------------------------------------------- */
.lh-1p75 {
line-height: 1.75;
}
.lh-1p625 {
line-height: 1.625;
}
.lh-1p66 {
line-height: 1.66;
}
.lh-1p6 {
line-height: 1.6;
}
.lh-1p5 {
line-height: 1.5;
}
.lh-1p3 {
line-height: 1.3;
}
.lh-1p1 {
line-height: 1.1;
}
.lh-1 {
line-height: 1;
}
.lh-0p8 {
line-height: 0.8;
}
.lh-0p9 {
line-height: 0.9;
}
/* OTHERS
-------------------------------------------- */
.spin {
animation: ptf_spin 10s linear infinite;
}
@media (max-width: 576px) {
.ptf-hero-title {
font-size: 2.625rem !important;
}
}
.has-accent-secondary {
color: var(--ptf-accent-secondary) !important;
}
.has-accent-secondary-background {
background-color: var(--ptf-accent-secondary) !important;
}
/* SECTION: PAGE CONTACT
-------------------------------------------- */
.ptf-page--contact {
background-repeat: no-repeat;
background-position: 100% 130px;
}
/* SECTION: PAGE SERVICE DETAIL
-------------------------------------------- */
.ptf-page--service-detail [data-aos] {
opacity: 1 !important;
transform: none !important;
transition: none !important;
}
.ptf-page--service-detail .ptf-process-item {
position: relative;
}
.ptf-page--service-detail .ptf-process-item__text:empty {
display: none;
}
.ptf-page--service-detail .ptf-skill-box-grid {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-gap: 1.25rem;
}
@media only screen and (max-width: 991px) {
.ptf-page--service-detail .ptf-skill-box-grid {
grid-template-columns: repeat(4, 1fr);
}
}
@media only screen and (max-width: 767px) {
.ptf-page--service-detail .ptf-skill-box-grid {
grid-template-columns: repeat(3, 1fr);
}
}
@media only screen and (max-width: 575px) {
.ptf-page--service-detail .ptf-skill-box-grid {
grid-template-columns: repeat(2, 1fr);
}
}
.ptf-page--service-detail .ptf-specialization-counters {
--bs-gutter-y: 7.5rem;
}
@media only screen and (max-width: 767px) {
.ptf-page--service-detail .ptf-specialization-counters {
--bs-gutter-y: 4rem;
}
}
@media only screen and (max-width: 575px) {
.ptf-page--service-detail .ptf-specialization-counters {
--bs-gutter-y: 2.5rem;
}
}
/* SECTION: PAGE BLOG MASONRY
-------------------------------------------- */
@media (min-width: 1580px) {
.ptf-page--blog-masonry .container-xxl--custom {
max-width: 100% !important;
padding: 0 3.75rem;
}
}
/* SECTION: PAGE ABOUT US
-------------------------------------------- */
.ptf-page--about-us section:first-of-type {
background-image: url(/_next/static/media/about-us-bubble.c6b363ea.png);
background-repeat: no-repeat;
background-position: calc(50% + 200px) calc(100% + 50px);
background-size: 700px 700px;
}
/* SECTION: PAGE ABOUT ME
-------------------------------------------- */
.ptf-page--about-me .ptf-custom--5512,
.ptf-page--home-freelancer .ptf-custom--5512 {
position: relative;
display: inline-block;
padding-right: 1.875rem;
}
.ptf-page--about-me .ptf-custom--5512::after,
.ptf-page--home-freelancer .ptf-custom--5512::after {
content: "";
position: absolute;
right: -7.5rem;
bottom: 0;
z-index: -1;
width: 24.1875rem;
height: 28.75rem;
background-image: url(/_next/static/media/about-me-bubble.45b6e9e9.png);
background-repeat: no-repeat;
background-size: cover;
}
.ptf-page--home-freelancer .ptf-custom--5512 {
padding-right: 0;
}
.ptf-page--about-me .ptf-custom--1568 {
background-image: url(/_next/static/media/about-me-bubble-2.59c04367.png), url(/_next/static/media/about-me-bubble-3.1d42ae82.png);
background-repeat: no-repeat, no-repeat;
background-position: 0 calc(50% - 50px), 100% calc(50% + 250px);
}
/* SECTION: HOME VERTICAL
-------------------------------------------- */
.ptf-is--home-vertical body,
.ptf-is--home-vertical .ptf-site-wrapper__inner {
background-color: var(--ptf-color-19);
}
/* SECTION: HOME MODERN / MINIMAL
-------------------------------------------- */
.ptf-is--home-modern body,
.ptf-is--home-modern .ptf-site-wrapper__inner,
.ptf-is--home-minimal body,
.ptf-is--home-minimal .ptf-site-wrapper__inner {
background-color: var(--ptf-color-11);
}
.ptf-is--home-modern .ptf-navbar,
.ptf-is--home-modern .ptf-navbar.ptf-navbar--solid {
background-color: var(--ptf-color-11);
}
.ptf-is--home-modern section:first-of-type {
background-image: url(/_next/static/media/home-modern-bubble.4e7f33f4.png);
background-repeat: no-repeat;
background-position: calc(50% + 100px) calc(100% + 50px);
}
.ptf-page--home-modern .ptf-work__title {
font-weight: normal;
}
.ptf-page--home-modern .ptf-post--style-1 .ptf-post__meta {
text-transform: none;
}
.ptf-page--home-modern .ptf-post--style-1 .ptf-post__meta span.cat {
font-weight: 600;
}
.ptf-page--home-modern .ptf-post--style-1 .ptf-post__title {
font-size: 1.875rem;
font-weight: normal;
}
/* SECTION: HOME TRENDING
-------------------------------------------- */
.ptf-page--home-trending {
background-image: url(/_next/static/media/home-trending-bubbles.7ba925c6.png);
background-repeat: no-repeat;
background-position: 50% 250px;
background-size: contain;
}
/* SECTION: HOME DEFAULT
-------------------------------------------- */
.ptf-is--home-default .ptf-navbar,
.ptf-is--home-default .ptf-navbar.ptf-navbar--solid {
background-color: var(--ptf-color-white);
}
/* SECTION: HOME STUDIO
-------------------------------------------- */
.ptf-is--home-studio section:first-of-type {
background-image: url(/_next/static/media/home-studio-bubble-1.1661d146.png);
background-repeat: no-repeat;
background-position: 100% 200px;
}
.ptf-is--home-studio section.ptf-custom--1562 {
background-image: url(/_next/static/media/home-studio-bubble-2.166e9e82.png);
background-repeat: no-repeat;
background-position: 0 100%;
}
/* SECTION: HOME FREELANCER
-------------------------------------------- */
.ptf-is--home-freelancer .ptf-custom--1528 {
background-image: url(/_next/static/media/home-freelancer-bubble-1.59c04367.png), url(/_next/static/media/home-freelancer-bubble-2.1d42ae82.png);
background-repeat: no-repeat, no-repeat;
background-position: 0 650px, 100% 65%;
}
.ptf-is--home-freelancer .ptf-counter-up--style-2 .ptf-counter-up__value {
font-size: 4.5rem;
}
.ptf-is--home-freelancer .ptf-work--style-3 .ptf-work__category {
text-transform: none;
}
.ptf-is--home-freelancer .ptf-work--style-3 .ptf-work__title {
font-weight: normal;
}
.ptf-is--home-freelancer section:last-of-type {
background-image: url(/_next/static/media/call-to-action.3421e9c4.png);
background-repeat: no-repeat;
background-position: calc(50% + 30px) calc(50% + 30px);
}
@media (max-width: 575px) {
.ptf-is--home-freelancer section:last-of-type {
background-image: none;
}
}
/* SECTION: HOME DARK
-------------------------------------------- */
.ptf-is--home-dark body,
.ptf-is--home-dark .ptf-site-wrapper__inner {
background-color: var(--ptf-color-12);
}
.ptf-is--home-dark .ptf-work--style-3 .ptf-work__category {
text-transform: none;
color: var(--ptf-color-white);
}
.ptf-is--home-dark .ptf-work--style-3 .ptf-work__title {
color: var(--ptf-color-white);
font-weight: normal;
}
.ptf-is--home-dark .ptf-custom--1734 {
position: absolute;
top: calc(50% - 190px);
left: -146px;
z-index: 3;
}
.ptf-is--home-dark .ptf-custom--1772 {
background-image: url(/_next/static/media/home-dark-bubble-2.29911686.png);
background-repeat: no-repeat;
background-position: 100% 150px;
}
.ptf-is--home-dark .ptf-custom--1674 {
background-image: url(/_next/static/media/home-dark-bubble-1.1fe12451.png);
background-repeat: no-repeat;
background-position: 0 250px;
}
.ptf-is--home-dark .ptf-custom--1560 {
position: relative;
display: inline-block;
}
.ptf-is--home-dark .ptf-custom--1560::after {
content: "";
position: absolute;
right: -7.5rem;
bottom: 12.5rem;
z-index: -1;
width: 15.875rem;
height: 12rem;
background-image: url(/_next/static/media/home-dark-waves.b74ee3d7.png);
background-repeat: no-repeat;
background-size: cover;
}
/* SECTION: HOME AGENCY
-------------------------------------------- */
.ptf-is--home-agency .ptf-custom--3993 {
position: relative;
background-image: url(/_next/static/media/about-image.676b3818.png);
background-repeat: no-repeat;
background-size: cover;
}
.ptf-is--home-agency .ptf-custom--3993::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
z-index: -1;
width: calc(50% - 15.625rem);
background-color: var(--ptf-color-white);
}
@media only screen and (max-width: 991px) {
.ptf-is--home-agency .ptf-custom--3993::after {
width: 100%;
}
}
.ptf-is--home-agency .ptf-custom--1569 {
background-color: var(--ptf-color-8);
background-image: url(/_next/static/media/home-agency-symbol.e84ddb37.png);
background-repeat: no-repeat;
background-position: calc(100% + 15px) calc(100% + 150px);
}
.ptf-btn.ptf-btn--underlined {
font-size: 1rem;
padding: 0.5625rem 0;
color: var(--ptf-color-black);
box-shadow: inset 0 -2px currentColor;
}
.ptf-twitter-review__content span {
color: #0cf;
}
.scroll-top {
width: 45px;
height: 45px;
position: fixed;
bottom: 20px;
right: 5px;
z-index: 99;
text-align: center;
color: #fff;
font-size: 18px;
cursor: pointer;
border-radius: 50%;
background: #000;
transition: all 0.3s ease-in-out;
border: none;
outline: none;
}
.scroll-top::after {
position: absolute;
z-index: -1;
content: "";
top: 100%;
left: 5%;
height: 10px;
width: 90%;
opacity: 1;
background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0, transparent 80%);
}
.testimonial-100-spacer .slick-slider {
margin: 0 -100px;
padding-bottom: 60px;
}
@media (max-width: 991px) {
.testimonial-100-spacer .slick-slider {
margin: 0 -30px;
}
}
.testimonial-100-spacer .slick-initialized .slick-slide {
padding: 0 100px;
}
@media (max-width: 991px) {
.testimonial-100-spacer .slick-initialized .slick-slide {
padding: 0 30px;
}
}
.testimonial-100-spacer .slick-prev,
.testimonial-100-spacer .slick-next {
top: 50%;
}
.invalid-feedback {
font-size: 1rem;
}
.agreement-checkbox input[type=checkbox]:checked + label .ptf-checkbox__checkmark {
background-color: var(--ptf-accent-1);
box-shadow: inset 0 0 0 1px var(--ptf-accent-1);
}
.agreement-checkbox input[type=checkbox]:checked + label .ptf-checkbox__checkmark::after {
display: block;
}
.agreement-checkbox input[type=checkbox] {
display: none;
position: absolute;
left: -100%;
top: 50%;
}
@media (max-width: 1100px) {
.ptf-is--home-agency .ptf-custom--3993 {
background-position: -378px;
}
}
@media (max-width: 991px) {
.ptf-is--home-agency .ptf-custom--3993 {
background-image: none;
}
}
/* Premium radio buttons */
.ptf-custom-radio-group {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 1rem;
gap: 1rem;
margin-top: 0.75rem;
}
.ptf-custom-radio-group.three-cols {
grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 767px) {
.ptf-custom-radio-group.three-cols {
grid-template-columns: repeat(1, 1fr);
}
}
@media (max-width: 575px) {
.ptf-custom-radio-group {
grid-template-columns: repeat(1, 1fr);
gap: 0.75rem;
}
}
.ptf-custom-radio-group .ptf-custom-radio-option {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
cursor: pointer;
margin: 0;
padding: 0.5rem 1rem;
border-radius: 1.5rem;
border: 1px solid var(--ptf-color-3, #ccc);
background-color: transparent;
color: var(--ptf-color-black, #000);
font-size: 0.9rem;
font-weight: 400;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
transition: all 0.2s ease-in-out;
position: relative;
width: 100%;
box-sizing: border-box;
}
.ptf-custom-radio-group .ptf-custom-radio-option:hover {
border-color: var(--ptf-accent-1, #02111d);
background-color: rgba(2, 17, 29, 0.02);
}
.ptf-custom-radio-group .ptf-custom-radio-option input[type=radio] {
position: absolute;
opacity: 0;
width: 0;
height: 0;
margin: 0;
}
.ptf-custom-radio-group .ptf-custom-radio-option.is-active {
border-color: var(--ptf-accent-1, #02111d);
background-color: var(--ptf-accent-1, #02111d);
color: #fff;
font-weight: 500;
box-shadow: 0 3px 8px rgba(2, 17, 29, 0.1);
}
.ptf-custom-radio-group .ptf-custom-radio-option.is-invalid-option {
border-color: #dc3545 !important;
}
/* SECTION: UNIFIED DETAIL CONTENT FORMATTING
-------------------------------------------- */
.ptf-single-post__content,
.ptf-case-study__content,
.ptf-service-content {
font-family: var(--ptf-primary-font), sans-serif;
font-size: 1.125rem; /* 18px */
line-height: 1.8;
color: var(--ptf-color-black);
}
@media only screen and (max-width: 767px) {
.ptf-single-post__content,
.ptf-case-study__content,
.ptf-service-content {
font-size: 1.0625rem;
}
}
@media only screen and (max-width: 575px) {
.ptf-single-post__content,
.ptf-case-study__content,
.ptf-service-content {
font-size: 1rem;
}
}
.ptf-single-post__content p,
.ptf-case-study__content p,
.ptf-service-content p {
font-size: 1.125rem;
line-height: 1.8;
margin-bottom: 1.5rem;
color: var(--ptf-color-black);
}
@media only screen and (max-width: 767px) {
.ptf-single-post__content p,
.ptf-case-study__content p,
.ptf-service-content p {
font-size: 1.0625rem;
}
}
@media only screen and (max-width: 575px) {
.ptf-single-post__content p,
.ptf-case-study__content p,
.ptf-service-content p {
font-size: 1rem;
}
}
.ptf-single-post__content img,
.ptf-case-study__content img,
.ptf-service-content img {
width: 100% !important;
height: auto !important;
display: block;
margin: 2.5rem auto;
max-width: 100%;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
}
.ptf-single-post__content ul,
.ptf-case-study__content ul,
.ptf-service-content ul {
list-style-type: disc !important;
padding-left: 2rem !important;
margin-top: 0.5rem;
margin-bottom: 1.5rem;
}
.ptf-single-post__content ul ul,
.ptf-case-study__content ul ul,
.ptf-service-content ul ul {
list-style-type: circle !important;
padding-left: 1.5rem !important;
display: block;
margin-top: 0.5rem;
}
.ptf-single-post__content ol,
.ptf-case-study__content ol,
.ptf-service-content ol {
list-style-type: decimal !important;
padding-left: 2rem !important;
margin-top: 0.5rem;
margin-bottom: 1.5rem;
}
.ptf-single-post__content li,
.ptf-case-study__content li,
.ptf-service-content li {
margin-bottom: 0.5rem;
list-style-type: inherit !important;
font-size: 1.125rem;
line-height: 1.8;
color: var(--ptf-color-black);
}
@media only screen and (max-width: 767px) {
.ptf-single-post__content li,
.ptf-case-study__content li,
.ptf-service-content li {
font-size: 1.0625rem;
}
}
@media only screen and (max-width: 575px) {
.ptf-single-post__content li,
.ptf-case-study__content li,
.ptf-service-content li {
font-size: 1rem;
}
}
.ptf-single-post__content li p,
.ptf-case-study__content li p,
.ptf-service-content li p {
margin: 0 !important;
display: inline !important;
font-size: inherit;
line-height: inherit;
}
.ptf-single-post__content h1, .ptf-single-post__content .h1, .ptf-single-post__content h2, .ptf-single-post__content .h2, .ptf-single-post__content h3, .ptf-single-post__content .h3, .ptf-single-post__content h4, .ptf-single-post__content .h4, .ptf-single-post__content h5, .ptf-single-post__content .h5, .ptf-single-post__content h6, .ptf-single-post__content .h6,
.ptf-case-study__content h1,
.ptf-case-study__content .h1,
.ptf-case-study__content h2,
.ptf-case-study__content .h2,
.ptf-case-study__content h3,
.ptf-case-study__content .h3,
.ptf-case-study__content h4,
.ptf-case-study__content .h4,
.ptf-case-study__content h5,
.ptf-case-study__content .h5,
.ptf-case-study__content h6,
.ptf-case-study__content .h6,
.ptf-service-content h1,
.ptf-service-content .h1,
.ptf-service-content h2,
.ptf-service-content .h2,
.ptf-service-content h3,
.ptf-service-content .h3,
.ptf-service-content h4,
.ptf-service-content .h4,
.ptf-service-content h5,
.ptf-service-content .h5,
.ptf-service-content h6,
.ptf-service-content .h6 {
font-family: var(--ptf-primary-font), sans-serif;
color: var(--ptf-color-black);
margin-top: 2.5rem;
margin-bottom: 1.25rem;
line-height: 1.3;
font-weight: 600;
}
.ptf-single-post__content h1, .ptf-single-post__content .h1,
.ptf-case-study__content h1,
.ptf-case-study__content .h1,
.ptf-service-content h1,
.ptf-service-content .h1 {
font-size: 2.25rem;
}
@media only screen and (max-width: 767px) {
.ptf-single-post__content h1, .ptf-single-post__content .h1,
.ptf-case-study__content h1,
.ptf-case-study__content .h1,
.ptf-service-content h1,
.ptf-service-content .h1 {
font-size: 1.875rem;
}
}
@media only screen and (max-width: 575px) {
.ptf-single-post__content h1, .ptf-single-post__content .h1,
.ptf-case-study__content h1,
.ptf-case-study__content .h1,
.ptf-service-content h1,
.ptf-service-content .h1 {
font-size: 1.625rem;
}
}
.ptf-single-post__content h2, .ptf-single-post__content .h2,
.ptf-case-study__content h2,
.ptf-case-study__content .h2,
.ptf-service-content h2,
.ptf-service-content .h2 {
font-size: 1.875rem;
}
@media only screen and (max-width: 767px) {
.ptf-single-post__content h2, .ptf-single-post__content .h2,
.ptf-case-study__content h2,
.ptf-case-study__content .h2,
.ptf-service-content h2,
.ptf-service-content .h2 {
font-size: 1.5rem;
}
}
@media only screen and (max-width: 575px) {
.ptf-single-post__content h2, .ptf-single-post__content .h2,
.ptf-case-study__content h2,
.ptf-case-study__content .h2,
.ptf-service-content h2,
.ptf-service-content .h2 {
font-size: 1.375rem;
}
}
.ptf-single-post__content h3, .ptf-single-post__content .h3,
.ptf-case-study__content h3,
.ptf-case-study__content .h3,
.ptf-service-content h3,
.ptf-service-content .h3 {
font-size: 1.5rem;
}
@media only screen and (max-width: 767px) {
.ptf-single-post__content h3, .ptf-single-post__content .h3,
.ptf-case-study__content h3,
.ptf-case-study__content .h3,
.ptf-service-content h3,
.ptf-service-content .h3 {
font-size: 1.25rem;
}
}
@media only screen and (max-width: 575px) {
.ptf-single-post__content h3, .ptf-single-post__content .h3,
.ptf-case-study__content h3,
.ptf-case-study__content .h3,
.ptf-service-content h3,
.ptf-service-content .h3 {
font-size: 1.125rem;
}
}
.ptf-single-post__content h4, .ptf-single-post__content .h4,
.ptf-case-study__content h4,
.ptf-case-study__content .h4,
.ptf-service-content h4,
.ptf-service-content .h4 {
font-size: 1.25rem;
}
@media only screen and (max-width: 767px) {
.ptf-single-post__content h4, .ptf-single-post__content .h4,
.ptf-case-study__content h4,
.ptf-case-study__content .h4,
.ptf-service-content h4,
.ptf-service-content .h4 {
font-size: 1.0625rem;
}
}
@media only screen and (max-width: 575px) {
.ptf-single-post__content h4, .ptf-single-post__content .h4,
.ptf-case-study__content h4,
.ptf-case-study__content .h4,
.ptf-service-content h4,
.ptf-service-content .h4 {
font-size: 1rem;
}
}
.ptf-single-post__content h5, .ptf-single-post__content .h5,
.ptf-case-study__content h5,
.ptf-case-study__content .h5,
.ptf-service-content h5,
.ptf-service-content .h5 {
font-size: 1.125rem;
}
.ptf-single-post__content h6, .ptf-single-post__content .h6,
.ptf-case-study__content h6,
.ptf-case-study__content .h6,
.ptf-service-content h6,
.ptf-service-content .h6 {
font-size: 1rem;
}
.ptf-single-post__content blockquote,
.ptf-case-study__content blockquote,
.ptf-service-content blockquote {
padding: 1.5rem 2rem;
border-left: 4px solid var(--ptf-accent-secondary);
background-color: var(--ptf-color-5);
margin: 2.5rem 0;
font-style: italic;
border-radius: 0 12px 12px 0;
}
.ptf-single-post__content blockquote p,
.ptf-case-study__content blockquote p,
.ptf-service-content blockquote p {
margin-bottom: 0;
font-size: 1.25rem;
line-height: 1.7;
color: var(--ptf-color-black);
}
.ptf-page--single-work-1 .fz-30 {
font-size: 1.875rem;
}
@media only screen and (max-width: 767px) {
.ptf-page--single-work-1 .fz-30 {
font-size: 1.5rem;
}
}
@media only screen and (max-width: 575px) {
.ptf-page--single-work-1 .fz-30 {
font-size: 1.25rem;
}
}
.ptf-page--single-work-1 .fz-18 {
font-size: 1.125rem;
}
@media only screen and (max-width: 767px) {
.ptf-page--single-work-1 .fz-18 {
font-size: 1.0625rem;
}
}
@media only screen and (max-width: 575px) {
.ptf-page--single-work-1 .fz-18 {
font-size: 1rem;
}
}
.ptf-page--service-detail .fz-18 {
font-size: 1.125rem;
}
@media only screen and (max-width: 767px) {
.ptf-page--service-detail .fz-18 {
font-size: 1.0625rem;
}
}
@media only screen and (max-width: 575px) {
.ptf-page--service-detail .fz-18 {
font-size: 1rem;
}
}
/* Responsive Br and Space helpers for heading line breaks */
@media (max-width: 991px) {
.ptf-br-desktop-only {
display: none;
}
}
.ptf-space-mobile-only {
display: none;
}
@media (max-width: 991px) {
.ptf-space-mobile-only {
display: inline;
}
}
/* HTML
-------------------------------------------- */
html {
font-size: 16px;
}
html ::-webkit-scrollbar {
width: 10px;
}
html ::-webkit-scrollbar-track {
background-color: var(--ptf-color-17);
}
html ::-webkit-scrollbar-thumb {
background-color: var(--ptf-accent-1);
}
/* SELECTION
-------------------------------------------- */
::selection {
color: var(--ptf-color-white);
background-color: var(--ptf-accent-1);
}
/* BODY
-------------------------------------------- */
body {
min-width: 20rem;
margin: 0 !important;
padding: 0;
color: var(--ptf-color-black);
font-family: var(--ptf-primary-font);
font-size: 1rem;
line-height: 1.625;
letter-spacing: -0.025em;
background-color: var(--ptf-color-white);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* IMAGE
-------------------------------------------- */
img {
max-width: 100%;
height: auto;
}
/* PARAGRAPH
-------------------------------------------- */
p {
margin: 0 0 1.875rem;
}
p:empty {
display: none;
}
p:last-of-type {
margin-bottom: 0;
}
/* STRONG
-------------------------------------------- */
strong {
font-weight: 700;
}
/* MARK
-------------------------------------------- */
mark, .mark {
color: var(--ptf-color-white);
background-color: var(--ptf-accent-1);
}
/* LINK
-------------------------------------------- */
a {
text-decoration: none;
color: inherit;
transition: all var(--ptf-transition-duration) var(--ptf-transition-easing);
}
a:hover, a:focus, a:active {
text-decoration: none;
outline: none;
}
a:hover {
color: var(--ptf-accent-1);
}
.ptf-is--home-dark a:hover {
color: var(--ptf-color-white);
}
/* HEADINGS
-------------------------------------------- */
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
margin: 0;
padding: 0;
color: var(--ptf-color-black);
font-family: var(--ptf-primary-font);
line-height: 1.3;
font-weight: 700;
}
h1,
.h1 {
font-size: 3.75rem;
line-height: 1.2;
font-weight: 800;
}
@media only screen and (max-width: 767px) {
h1,
.h1 {
font-size: 2.625rem;
}
}
@media only screen and (max-width: 575px) {
h1,
.h1 {
font-size: 2rem;
}
}
@media only screen and (min-width: 1200px) {
h1.large-heading,
.h1.large-heading {
font-size: 3.75rem;
line-height: 1.1;
}
}
h2,
.h2 {
font-size: 3rem;
}
@media only screen and (max-width: 767px) {
h2,
.h2 {
font-size: 2.25rem;
}
}
@media only screen and (max-width: 575px) {
h2,
.h2 {
font-size: 1.75rem;
}
}
h3,
.h3 {
font-size: 2.25rem;
line-height: 1.2;
}
@media only screen and (max-width: 767px) {
h3,
.h3 {
font-size: 1.875rem;
}
}
@media only screen and (max-width: 575px) {
h3,
.h3 {
font-size: 1.5rem;
}
}
h4,
.h4 {
font-size: 1.875rem;
}
@media only screen and (max-width: 767px) {
h4,
.h4 {
font-size: 1.625rem;
}
}
@media only screen and (max-width: 575px) {
h4,
.h4 {
font-size: 1.25rem;
}
}
h5,
.h5 {
font-size: 1.5rem;
}
@media only screen and (max-width: 767px) {
h5,
.h5 {
font-size: 1.375rem;
}
}
@media only screen and (max-width: 575px) {
h5,
.h5 {
font-size: 1.125rem;
}
}
h6,
.h6 {
font-size: 1.25rem;
}
@media only screen and (max-width: 767px) {
h6,
.h6 {
font-size: 1.125rem;
}
}
@media only screen and (max-width: 575px) {
h6,
.h6 {
font-size: 1rem;
}
}
/* LIST
-------------------------------------------- */
ul,
ol {
margin: 0;
padding: 0;
list-style-position: inside;
}
/* DIVIDER
-------------------------------------------- */
hr {
margin: 1.875rem 0;
border: none;
border-bottom: 2px solid var(--ptf-color-black);
}
/* ADDRESS
-------------------------------------------- */
address {
margin: 0 0 1.5625rem;
color: var(--ptf-accent-1);
font-size: 1.75rem;
font-weight: 700;
font-style: normal;
}
/* BLOCKQUOTE
-------------------------------------------- */
blockquote {
position: relative;
margin: 0 0 1.875rem;
padding: 0;
color: var(--ptf-color-black);
font-size: 1.875rem;
line-height: 1.6;
font-weight: 700;
}
blockquote p {
margin-bottom: 0;
}
cite {
display: block;
margin: 1rem 0 0;
text-transform: uppercase;
color: var(--ptf-color-3);
font-size: 0.875rem;
line-height: 1.42;
font-style: normal;
}
/* PREFORMATTED
-------------------------------------------- */
code,
kbd {
padding: 0.3125rem 0.5rem;
color: var(--ptf-color-white);
font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: 87.5%;
border-radius: 0;
background-color: var(--ptf-accent-1);
}
a > code {
color: var(--ptf-color-white);
}
pre {
max-width: 100%;
margin: 0 0 2rem;
padding: 2rem;
white-space: pre-wrap;
color: var(--ptf-color-black);
font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
background-color: var(--ptf-color-4);
-moz-tab-size: 4;
tab-size: 4;
clear: both;
overflow: auto;
}
pre code {
color: var(--ptf-color-white);
}
/* FORM / INPUT / TEXTAREA / SELECT
-------------------------------------------- */
form {
max-width: 100%;
}
label {
position: relative;
display: block;
width: 100%;
margin-bottom: 0.625rem;
color: var(--ptf-color-black);
font-size: 1.5rem;
line-height: 1.5;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
@media only screen and (min-width: 992px) {
label::before {
content: attr(data-number);
position: absolute;
top: calc(50% - 0.75em);
left: -3.75rem;
color: var(--ptf-color-3);
font-size: 0.875rem;
}
}
input[type=text],
input[type=date],
input[type=email],
input[type=password],
input[type=tel],
input[type=url],
input[type=search],
input[type=number],
input[type=file],
textarea,
select {
display: block;
width: 100%;
margin: 0;
padding: 0 0 0.625rem 0;
color: var(--ptf-color-black);
font-size: 1rem;
border: none;
border-bottom: 1px solid var(--ptf-color-14);
border-radius: 0;
outline: none;
background-color: transparent;
box-shadow: none;
transition: all var(--ptf-transition-duration) var(--ptf-transition-easing);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
input[type=text].is-large,
input[type=date].is-large,
input[type=email].is-large,
input[type=password].is-large,
input[type=tel].is-large,
input[type=url].is-large,
input[type=search].is-large,
input[type=number].is-large,
input[type=file].is-large,
textarea.is-large,
select.is-large {
font-size: 2.25rem;
}
input[type=text].style-2,
input[type=date].style-2,
input[type=email].style-2,
input[type=password].style-2,
input[type=tel].style-2,
input[type=url].style-2,
input[type=search].style-2,
input[type=number].style-2,
input[type=file].style-2,
textarea.style-2,
select.style-2 {
padding: 0.8125rem 1.4375rem;
font-size: 0.875rem;
border: 1px solid var(--ptf-color-3);
background-color: var(--ptf-white-color);
}
select {
background-image: url("data:image/svg+xml;utf8,<svg fill='%232d2d2d' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
background-repeat: no-repeat;
background-position: right 0 bottom 50%;
background-size: 18px 18px;
}
select.is-large {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M32 46.8c-1.2 0-2.4-.4-3.4-1.3L1.8 20.3c-.7-.7-.7-1.8-.1-2.5.7-.7 1.8-.7 2.5-.1L31 42.9c.5.5 1.4.5 2 0l26.8-25.2c.7-.7 1.8-.6 2.5.1s.6 1.8-.1 2.5L35.4 45.4c-1 .9-2.2 1.4-3.4 1.4z'/%3E%3C/svg%3E");
background-size: 30px 30px;
}
textarea {
width: 100%;
max-width: 100%;
transition: height 0s;
}
button:focus,
input[type=submit]:focus {
outline: none;
}
input[type=text].placeholder,
input[type=date].placeholder,
input[type=email].placeholder,
input[type=password].placeholder,
input[type=tel].placeholder,
input[type=url].placeholder,
input[type=search].placeholder,
input[type=number].placeholder,
input[type=file].placeholder,
textarea.placeholder,
select.placeholder {
color: var(--ptf-color-3);
opacity: 1;
}
input[type=text]:-moz-placeholder,
input[type=date]:-moz-placeholder,
input[type=email]:-moz-placeholder,
input[type=password]:-moz-placeholder,
input[type=tel]:-moz-placeholder,
input[type=url]:-moz-placeholder,
input[type=search]:-moz-placeholder,
input[type=number]:-moz-placeholder,
input[type=file]:-moz-placeholder,
textarea:-moz-placeholder,
select:-moz-placeholder {
color: var(--ptf-color-3);
opacity: 1;
}
input[type=text]::-moz-placeholder,
input[type=date]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=url]::-moz-placeholder,
input[type=search]::-moz-placeholder,
input[type=number]::-moz-placeholder,
input[type=file]::-moz-placeholder,
textarea::-moz-placeholder,
select::-moz-placeholder {
color: var(--ptf-color-3);
opacity: 1;
}
input[type=text]:-ms-input-placeholder,
input[type=date]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=url]:-ms-input-placeholder,
input[type=search]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
input[type=file]:-ms-input-placeholder,
textarea:-ms-input-placeholder,
select:-ms-input-placeholder {
color: var(--ptf-color-3);
opacity: 1;
}
input[type=text]::-webkit-input-placeholder,
input[type=date]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=url]::-webkit-input-placeholder,
input[type=search]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
input[type=file]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder {
color: var(--ptf-color-3);
opacity: 1;
}
input[type=text]:focus,
input[type=date]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=url]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=file]:focus,
textarea:focus,
select:focus {
border-color: var(--ptf-color-black);
}
input[type=text]:focus.placeholder,
input[type=date]:focus.placeholder,
input[type=email]:focus.placeholder,
input[type=password]:focus.placeholder,
input[type=tel]:focus.placeholder,
input[type=url]:focus.placeholder,
input[type=search]:focus.placeholder,
input[type=number]:focus.placeholder,
input[type=file]:focus.placeholder,
textarea:focus.placeholder,
select:focus.placeholder {
opacity: 0;
}
input[type=text]:focus:-moz-placeholder,
input[type=date]:focus:-moz-placeholder,
input[type=email]:focus:-moz-placeholder,
input[type=password]:focus:-moz-placeholder,
input[type=tel]:focus:-moz-placeholder,
input[type=url]:focus:-moz-placeholder,
input[type=search]:focus:-moz-placeholder,
input[type=number]:focus:-moz-placeholder,
input[type=file]:focus:-moz-placeholder,
textarea:focus:-moz-placeholder,
select:focus:-moz-placeholder {
opacity: 0;
}
input[type=text]:focus::-moz-placeholder,
input[type=date]:focus::-moz-placeholder,
input[type=email]:focus::-moz-placeholder,
input[type=password]:focus::-moz-placeholder,
input[type=tel]:focus::-moz-placeholder,
input[type=url]:focus::-moz-placeholder,
input[type=search]:focus::-moz-placeholder,
input[type=number]:focus::-moz-placeholder,
input[type=file]:focus::-moz-placeholder,
textarea:focus::-moz-placeholder,
select:focus::-moz-placeholder {
opacity: 0;
}
input[type=text]:focus:-ms-input-placeholder,
input[type=date]:focus:-ms-input-placeholder,
input[type=email]:focus:-ms-input-placeholder,
input[type=password]:focus:-ms-input-placeholder,
input[type=tel]:focus:-ms-input-placeholder,
input[type=url]:focus:-ms-input-placeholder,
input[type=search]:focus:-ms-input-placeholder,
input[type=number]:focus:-ms-input-placeholder,
input[type=file]:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder,
select:focus:-ms-input-placeholder {
opacity: 0;
}
input[type=text]:focus::-webkit-input-placeholder,
input[type=date]:focus::-webkit-input-placeholder,
input[type=email]:focus::-webkit-input-placeholder,
input[type=password]:focus::-webkit-input-placeholder,
input[type=tel]:focus::-webkit-input-placeholder,
input[type=url]:focus::-webkit-input-placeholder,
input[type=search]:focus::-webkit-input-placeholder,
input[type=number]:focus::-webkit-input-placeholder,
input[type=file]:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder,
select:focus::-webkit-input-placeholder {
opacity: 0;
}
.ptf-checkbox {
position: relative;
display: flex;
align-items: center;
padding-left: 2.625rem;
color: var(--ptf-color-black);
font-size: 0.875rem;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
cursor: pointer;
}
.ptf-checkbox__checkmark {
position: absolute;
top: 50%;
left: 0;
display: flex;
align-items: center;
justify-content: center;
width: 1.5625rem;
height: 1.5625rem;
background-color: transparent;
box-shadow: inset 0 0 0 1px var(--ptf-color-3);
transform: translateY(-50%);
}
.ptf-checkbox__checkmark::after {
content: "\eb9d";
display: none;
color: var(--ptf-color-white);
font-family: var(--ptf-linear-icons-light);
}
.ptf-checkbox input[type=checkbox]:checked ~ .ptf-checkbox__checkmark {
background-color: var(--ptf-accent-1);
box-shadow: inset 0 0 0 1px var(--ptf-accent-1);
}
.ptf-checkbox input[type=checkbox]:checked ~ .ptf-checkbox__checkmark::after {
display: block;
}
.ptf-form-group {
position: relative;
display: block;
margin-bottom: 1.875rem;
}
.ptf-form-row {
display: grid;
grid-gap: 1.875rem;
grid-template-columns: repeat(1, 1fr);
}
.ptf-form-row.two-col {
grid-template-columns: repeat(2, 1fr);
}
@media only screen and (max-width: 767px) {
.ptf-form-row.two-col {
grid-gap: 0;
grid-template-columns: repeat(1, 1fr);
}
}
.ptf-form-row.three-col {
grid-template-columns: repeat(3, 1fr);
}
@media only screen and (max-width: 767px) {
.ptf-form-row.three-col {
grid-gap: 0;
grid-template-columns: repeat(1, 1fr);
}
}
/* DEFINITION LIST
-------------------------------------------- */
dl {
margin-bottom: 0;
}
dl dt {
color: var(--ptf-color-black);
font-size: 1.25rem;
font-weight: 700;
}
dl dd {
font-size: 0.9375rem;
line-height: 1.6;
}
/* TABLE
-------------------------------------------- */
table {
width: 100%;
max-width: 100%;
margin: 0;
border-collapse: collapse;
}
table td,
table th {
padding: 0.625rem 1rem;
border: 1px solid;
border-color: var(--ptf-color-14) !important;
}
table tr th,
table thead th {
color: var(--ptf-color-black);
font-weight: 700;
}
.slick-dots li button {
width: 14px;
height: 14px;
border-radius: 50%;
position: relative;
cursor: pointer !important;
}
.slick-dots li button::before {
content: "";
font-size: 0;
opacity: 1;
border: 2px solid var(--ptf-accent-1);
width: 100%;
height: 100%;
border-radius: 50%;
transition: 0.3s ease-in-out;
}
.slick-dots li button::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
transform: scale(0);
background: var(--ptf-accent-1);
transition: 0.3s ease-in-out;
border-radius: inherit;
z-index: 5;
}
.slick-dots li.slick-active button::after {
transform: scale(0.5);
}
.slide-portfolio {
/* the parent */
}
.slide-portfolio .slick-list {
margin-left: -30px;
margin-right: -30px;
}
@media (max-width: 575px) {
.slide-portfolio .slick-list {
margin-left: 0;
margin-right: 0;
}
}
.slide-portfolio .slick-slide {
padding-left: 30px;
padding-right: 30px;
}
@media (max-width: 575px) {
.slide-portfolio .slick-slide {
padding-left: 0;
padding-right: 0;
}
}
.slide-portfolio .slick-prev {
left: -50px;
}
.slide-portfolio .slick-next {
right: -50px;
}
.slick-prev,
.slick-next {
width: 45px;
height: 45px;
box-shadow: inset 0 0 0 1px var(--ptf-color-3);
z-index: 1;
transition: 0.5s;
top: 41%;
cursor: pointer !important;
}
@media screen and (max-width: 991px) {
.slick-prev,
.slick-next {
display: none !important;
}
}
.slick-prev::before,
.slick-next::before {
display: none;
}
.slick-prev::after,
.slick-next::after {
content: "";
background: url(/_next/static/media/arrow.554c1ef6.png) no-repeat;
position: absolute;
z-index: 555;
height: 20px;
width: 16px;
top: 11px;
right: 19px;
transition: 0.5s;
}
.slick-prev:hover,
.slick-next:hover {
background: var(--ptf-accent-1);
box-shadow: inset 0 0 0 1px var(--ptf-accent-1);
}
.slick-prev:hover::after,
.slick-next:hover::after {
filter: invert(1);
}
@media screen and (max-width: 1599px) {
.slick-prev {
left: 0;
border-color: #fff;
}
.slick-prev.slick-disabled {
background: transparent;
border-color: #555;
}
.slick-prev.slick-disabled::after {
filter: invert(0.5);
}
}
.slick-prev::after {
display: block;
transform: rotate(-180deg);
}
.slick-next::after {
top: 15px;
right: 11px;
}
@media screen and (max-width: 1599px) {
.slick-next {
right: 0;
border-color: #fff;
}
.slick-next.slick-disabled {
background: transparent;
}
.slick-next.slick-disabled::after {
filter: invert(0.5);
}
}
.arrow-none .slick-prev,
.arrow-none .slick-next {
display: none !important;
}
.has-dark-color .slick-prev::after,
.has-dark-color .slick-next::after {
filter: invert(1);
}
.slick-center .ptf-work--style-3 .ptf-work__media img {
filter: grayscale(0);
}
@media (min-width: 1920px) {
.slide-portfolio .ptf-work--style-3 .ptf-work__media img {
height: 469px;
}
}
@media (max-width: 1919px) {
.slide-portfolio .ptf-work--style-3 .ptf-work__media img {
height: 392px;
}
}
@media (max-width: 1100px) {
.slide-portfolio .ptf-work--style-3 .ptf-work__media img {
height: 308px;
}
}
@media (max-width: 991px) {
.slide-portfolio .ptf-work--style-3 .ptf-work__media img {
height: 342px;
}
}
@media (max-width: 767px) {
.slide-portfolio .ptf-work--style-3 .ptf-work__media img {
height: 371px;
}
}
@media (max-width: 991px) {
.slide-portfolio .slick-dots {
bottom: -58px;
}
}
/* 03. Layout */
/* LAYOUT: COMMENTS
-------------------------------------------- */
.ptf-page-comments {
margin-top: 5.625rem;
padding: 5.625rem 0 0;
border-top: 1px solid var(--ptf-color-14);
}
.ptf-page-comments__title {
margin-bottom: 3.125rem;
}
.ptf-page-comments__list + .ptf-page-comments__form {
margin-top: 5rem;
}
p.form-submit {
margin-top: 3.125rem;
}
.ptf-comments,
.ptf-comments ul.children {
margin: 0;
padding: 0;
list-style-type: none;
}
.ptf-comments li.ptf-comment-item,
.ptf-comments ul.children li.ptf-comment-item {
padding: 3.125rem 0;
border-top: 1px solid var(--ptf-color-14);
}
.ptf-comments li.ptf-comment-item:first-child,
.ptf-comments ul.children li.ptf-comment-item:first-child {
padding-top: 0;
border-top: none;
}
.ptf-comments li.ptf-comment-item:last-child,
.ptf-comments ul.children li.ptf-comment-item:last-child {
padding-bottom: 0;
}
.ptf-comments ul.children {
margin-top: 3.125rem;
padding-left: 5.625rem;
}
@media only screen and (max-width: 767px) {
.ptf-comments ul.children {
padding-left: 0;
}
}
.ptf-comments ul.children li.ptf-comment-item:last-child {
padding-bottom: 0;
}
.ptf-comment-item__inner {
display: flex;
}
.ptf-comment-item__inner .ptf-comment-avatar {
display: block;
flex-shrink: 0;
}
@media only screen and (max-width: 767px) {
.ptf-comment-item__inner .ptf-comment-avatar {
display: none;
}
}
.ptf-comment-item__inner .ptf-comment-avatar img {
display: block;
}
.children .ptf-comment-item__inner .ptf-comment-avatar {
width: 2.8125rem;
}
.ptf-comment-item__inner .ptf-comment-avatar + .ptf-comment-content {
padding-left: 1.25rem;
}
@media only screen and (max-width: 767px) {
.ptf-comment-item__inner .ptf-comment-avatar + .ptf-comment-content {
padding-left: 0;
}
}
.ptf-comment-item__inner .ptf-comment-content {
width: 100%;
}
.ptf-comment-item__inner .ptf-comment-content .ptf-comment-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 0.625rem;
}
@media only screen and (max-width: 767px) {
.ptf-comment-item__inner .ptf-comment-content .ptf-comment-header {
display: block;
}
}
.ptf-comment-item__inner .ptf-comment-content .ptf-comment-header h5.ptf-comment-name, .ptf-comment-item__inner .ptf-comment-content .ptf-comment-header .ptf-comment-name.h5 {
font-size: 1.25rem;
}
.ptf-comment-item__inner .ptf-comment-content .ptf-comment-header .ptf-comment-metas {
text-transform: uppercase;
color: var(--ptf-color-black);
font-size: 0.875rem;
}
@media only screen and (max-width: 767px) {
.ptf-comment-item__inner .ptf-comment-content .ptf-comment-header .ptf-comment-metas {
margin-top: 0.3125rem;
}
}
.ptf-comment-item__inner .ptf-comment-content .ptf-comment-text {
padding-right: 1.875rem;
}
.ptf-comment-item__inner .ptf-comment-content .ptf-comment-reply {
display: inline-flex;
margin-top: 1.5625rem;
padding: 0.1875rem 0.75rem;
text-transform: uppercase;
color: var(--ptf-color-black);
font-size: 0.75rem;
box-shadow: inset 0 0 0 1px var(--ptf-color-1);
}
.ptf-comment-item__inner .ptf-comment-content .ptf-comment-reply:hover {
color: var(--ptf-accent-1);
box-shadow: inset 0 0 0 1px var(--ptf-accent-1);
}
/* LAYOUT: FOOTER
-------------------------------------------- */
.ptf-footer {
position: relative;
}
/* SECTION: FOOTER STYLE 1
-------------------------------------------- */
.ptf-footer--style-1 {
background-color: var(--ptf-color-9);
background-image: url(/_next/static/media/footer-bubble.54851fa5.png);
background-repeat: no-repeat;
background-position: calc(50% - 190px) 100%;
background-size: 565px 340px;
}
.ptf-footer--style-1 .ptf-footer__top {
padding-top: 9.375rem;
padding-bottom: 2.5rem;
}
@media only screen and (max-width: 767px) {
.ptf-footer--style-1 .ptf-footer__top {
padding-top: 4.6875rem;
padding-bottom: 0.625rem;
}
}
.ptf-footer--style-1 .ptf-footer__top [class^=col] {
margin-bottom: 5rem;
}
@media only screen and (max-width: 767px) {
.ptf-footer--style-1 .ptf-footer__top [class^=col] {
margin-bottom: 3.75rem;
}
}
.ptf-footer--style-1 .ptf-footer__top .ptf-footer-heading {
font-size: 2.625rem;
line-height: 1.42;
font-weight: 700;
}
@media only screen and (max-width: 767px) {
.ptf-footer--style-1 .ptf-footer__top .ptf-footer-heading {
font-size: 2.25rem;
}
}
.ptf-footer--style-1 .ptf-footer__top .ptf-widget + .ptf-widget {
margin-top: 4.375rem;
}
.ptf-footer--style-1 .ptf-footer__top .ptf-widget-title {
margin-bottom: 2.5rem;
}
.ptf-footer--style-1 .ptf-footer__top .ptf-footer-heading + .ptf-footer-heading {
margin-top: 1.5625rem;
margin-bottom: 2.1875rem;
}
@media only screen and (max-width: 767px) {
.ptf-footer--style-1 .ptf-footer__top .ptf-footer-heading + .ptf-footer-heading {
margin-top: 2.5rem;
}
}
.ptf-footer--style-1 .ptf-footer__bottom {
padding-top: 4.0625rem;
padding-bottom: 2.8125rem;
border-top: 2px solid var(--ptf-color-black);
}
@media only screen and (max-width: 767px) {
.ptf-footer--style-1 .ptf-footer__bottom {
padding-bottom: 1.875rem;
}
}
.ptf-footer--style-1 .ptf-footer__bottom [class^=col] {
margin-bottom: 1.875rem;
}
/* SECTION: FOOTER STYLE 2
-------------------------------------------- */
.ptf-footer--style-2, .ptf-footer--style-5, .ptf-footer--style-4 {
background-color: var(--ptf-color-white);
}
.ptf-footer--style-2 .ptf-footer__top, .ptf-footer--style-5 .ptf-footer__top, .ptf-footer--style-4 .ptf-footer__top {
padding-top: 7.5rem;
padding-bottom: 5.625rem;
}
@media only screen and (max-width: 767px) {
.ptf-footer--style-2 .ptf-footer__top, .ptf-footer--style-5 .ptf-footer__top, .ptf-footer--style-4 .ptf-footer__top {
padding-top: 3.75rem;
}
}
.ptf-footer--style-2 .ptf-footer__top [class^=col]:not(:last-of-type), .ptf-footer--style-5 .ptf-footer__top [class^=col]:not(:last-of-type), .ptf-footer--style-4 .ptf-footer__top [class^=col]:not(:last-of-type) {
margin-bottom: 2.8125rem;
}
.ptf-footer--style-2 .ptf-footer__top .ptf-widget-links, .ptf-footer--style-5 .ptf-footer__top .ptf-widget-links, .ptf-footer--style-4 .ptf-footer__top .ptf-widget-links {
columns: 2;
}
.ptf-footer--style-2 .ptf-footer__top .ptf-widget-links ul li + li, .ptf-footer--style-5 .ptf-footer__top .ptf-widget-links ul li + li, .ptf-footer--style-4 .ptf-footer__top .ptf-widget-links ul li + li {
margin-top: 0.875rem;
}
.ptf-footer--style-2 .ptf-footer__bottom, .ptf-footer--style-5 .ptf-footer__bottom, .ptf-footer--style-4 .ptf-footer__bottom {
padding-bottom: 4.375rem;
}
@media only screen and (max-width: 767px) {
.ptf-footer--style-2 .ptf-footer__bottom, .ptf-footer--style-5 .ptf-footer__bottom, .ptf-footer--style-4 .ptf-footer__bottom {
padding-bottom: 1.875rem;
}
}
.ptf-footer--style-2 .ptf-footer__bottom [class^=col], .ptf-footer--style-5 .ptf-footer__bottom [class^=col], .ptf-footer--style-4 .ptf-footer__bottom [class^=col] {
margin-bottom: 1.875rem;
}
/* SECTION: FOOTER STYLE 3
-------------------------------------------- */
.ptf-footer--style-3 {
background-color: var(--ptf-color-16);
background-image: url(/_next/static/media/footer-symbol.4bd1d9e0.png);
background-repeat: no-repeat;
background-position: 0 100%;
background-size: 265px 275px;
}
.ptf-footer--style-3 .ptf-footer__top {
padding-top: 8.125rem;
padding-bottom: 5.625rem;
}
@media only screen and (max-width: 767px) {
.ptf-footer--style-3 .ptf-footer__top {
padding-top: 3.75rem;
}
}
.ptf-footer--style-3 .ptf-footer__top [class^=col]:not(:last-of-type) {
margin-bottom: 2.8125rem;
}
.ptf-footer--style-3 .ptf-footer__top .ptf-widget-links {
columns: 2;
}
.ptf-footer--style-3 .ptf-footer__top .ptf-widget-contacts {
max-width: 31.25rem;
}
.ptf-footer--style-3 .ptf-footer__top .ptf-widget-contacts ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.ptf-footer--style-3 .ptf-footer__top .ptf-widget-contacts ul li {
display: grid;
line-height: 1.875;
grid-template-columns: 130px 1fr;
}
.ptf-footer--style-3 .ptf-footer__top .ptf-widget-contacts ul li span {
text-transform: uppercase;
font-size: 0.875rem;
line-height: 2.2;
font-weight: 600;
}
.ptf-footer--style-3 .ptf-footer__top .ptf-widget-contacts ul li + li {
margin-top: 0.9375rem;
}
.ptf-footer--style-3 .ptf-footer__bottom {
padding-top: 3.75rem;
padding-bottom: 5rem;
border-top: 2px solid var(--ptf-color-white);
}
@media only screen and (max-width: 767px) {
.ptf-footer--style-3 .ptf-footer__bottom {
padding-bottom: 1.875rem;
}
}
.ptf-footer--style-3 .ptf-footer__bottom [class^=col] {
margin-bottom: 1.875rem;
}
/* SECTION: FOOTER STYLE 4
-------------------------------------------- */
.ptf-footer--style-4 {
background-color: var(--ptf-color-11);
}
/* SECTION: FOOTER STYLE 5
-------------------------------------------- */
.ptf-footer--style-5 {
background-color: var(--ptf-color-12);
}
/* SECTION: FOOTER STYLE 6
-------------------------------------------- */
.ptf-footer--style-6 {
background-color: var(--ptf-color-white);
}
.ptf-footer--style-6 .ptf-footer__top {
padding: 5rem 0 5rem;
border-top: 1px solid var(--ptf-color-black);
}
.ptf-footer--style-6 .ptf-footer__top [class^=col]:not(:last-of-type) {
margin-bottom: 1.875rem;
}
/* SECTION: FOOTER STYLE 7
-------------------------------------------- */
.ptf-footer--style-7 {
background-color: var(--ptf-color-11);
}
.ptf-footer--style-7 .ptf-footer__top {
padding: 2.5rem 0 3.75rem;
border-top: 1px solid var(--ptf-color-black);
}
.ptf-footer--style-7 .ptf-footer__top [class^=col]:not(:last-of-type) {
margin-bottom: 1.875rem;
}
.ptf-footer--style-7 .ptf-footer__top .sep {
margin: 0 0.8125rem;
}
/* SECTION: FOOTER LANDING
-------------------------------------------- */
.ptf-footer--landing {
color: var(--ptf-color-white);
background-color: #282828;
background-repeat: no-repeat;
background-position: 50% 100%;
}
.ptf-footer--landing h2, .ptf-footer--landing .h2 {
color: inherit;
}
.ptf-footer--landing .ptf-footer__price {
position: relative;
display: inline-block;
font-size: 13.125rem;
font-weight: 800;
line-height: 1;
}
@media (max-width: 576px) {
.ptf-footer--landing .ptf-footer__price {
font-size: 9.375rem;
}
}
.ptf-footer--landing .ptf-footer__price span {
position: absolute;
top: 0.25em;
right: 100%;
font-size: 3.75rem;
font-weight: 700;
vertical-align: top;
}
/* LAYOUT: GRID
-------------------------------------------- */
@media (min-width: 1580px) {
.container-xxl {
max-width: 1550px;
}
}
.ptf-main {
overflow: hidden;
}
.ptf-site-wrapper__inner {
position: relative;
background-color: var(--ptf-color-white);
}
@media only screen and (max-width: 767px) {
.container,
.container-xxl {
padding-right: 1.5rem;
padding-left: 1.5rem;
}
}
/* LAYOUT: HEADER
-------------------------------------------- */
.ptf-header--style-1,
.ptf-header--style-4,
.ptf-header--style-3,
.ptf-header--style-2,
.ptf-header--style-5,
.ptf-header--style-6,
.ptf-header--style-7,
.ptf-header--style-8,
.ptf-header--empty {
position: absolute;
top: 0;
left: 0;
z-index: 30;
width: 100%;
color: var(--ptf-color-black);
}
.ptf-header--style-1.ptf-header--opaque,
.ptf-header--style-2.ptf-header--opaque,
.ptf-header--style-3.ptf-header--opaque,
.ptf-header--style-4.ptf-header--opaque,
.ptf-header--style-5.ptf-header--opaque,
.ptf-header--style-6.ptf-header--opaque,
.ptf-header--style-7.ptf-header--opaque,
.ptf-header--style-8.ptf-header--opaque,
.ptf-header--empty.ptf-header--opaque {
position: relative;
}
.ptf-header--style-5 {
color: var(--ptf-color-white);
}
.ptf-navbar {
position: relative;
z-index: 50;
transition: background-color var(--ptf-transition-duration) var(--ptf-transition-easing);
will-change: background-color;
}
.ptf-navbar .ptf-navbar-inner {
display: flex;
min-height: var(--ptf-navbar-height);
}
.ptf-navbar.ptf-navbar--fixed {
position: fixed;
top: 0;
left: 0;
width: 100%;
transition: all var(--ptf-transition-duration) var(--ptf-transition-easing);
}
.ptf-navbar.ptf-navbar--fixed.ptf-navbar--sticky {
animation: ptf_fade_in_down var(--ptf-transition-duration) var(--ptf-transition-easing) forwards;
}
.ptf-navbar.ptf-navbar--fixed.ptf-on-scroll-show {
animation: ptf_fade_in_down var(--ptf-transition-duration) var(--ptf-transition-easing) forwards;
}
.ptf-navbar.ptf-navbar--fixed.ptf-on-scroll-hide {
animation: ptf_fade_out_up var(--ptf-transition-duration) var(--ptf-transition-easing) forwards;
}
.ptf-navbar.ptf-navbar--transparent {
background-color: transparent;
}
.ptf-navbar, .ptf-navbar.ptf-navbar--solid {
background-color: var(--ptf-color-white);
}
.ptf-header--style-5 .ptf-navbar, .ptf-header--style-5 .ptf-navbar.ptf-navbar--solid {
background-color: var(--ptf-color-12);
}
.ptf-navbar.ptf-navbar--transparent-always {
background-color: transparent;
}
.ptf-navbar.ptf-navbar--white-text-on-top:not(.ptf-navbar--solid) {
color: var(--ptf-color-white);
}
.ptf-navbar.ptf-navbar--white-text-on-top:not(.ptf-navbar--solid) .ptf-navbar-logo img.black {
display: none;
}
.ptf-header--style-5 .ptf-navbar.ptf-navbar--white-text-on-top:not(.ptf-navbar--solid) .ptf-navbar-logo img.black {
display: block;
}
.ptf-navbar.ptf-navbar--white-text-on-top:not(.ptf-navbar--solid) .ptf-navbar-logo img.white {
display: block;
}
.ptf-header--style-5 .ptf-navbar.ptf-navbar--white-text-on-top:not(.ptf-navbar--solid) .ptf-navbar-logo img.white {
display: none;
}
@media only screen and (max-width: 767px) {
.ptf-navbar .ptf-navbar-inner {
min-height: 4.75rem;
}
.ptf-navbar .ptf-navbar-logo img {
width: 8.4375rem;
height: auto;
}
.ptf-header--style-1 .ptf-offcanvas-menu-icon, .ptf-header--style-4 .ptf-offcanvas-menu-icon,
.ptf-header--style-3 .ptf-offcanvas-menu-icon {
margin-left: 1.375rem;
}
}
.ptf-offcanvas-menu-icon {
display: inline-flex;
}
.ptf-offcanvas-menu-icon:hover {
color: inherit;
}
.ptf-offcanvas-menu-icon {
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
width: 1.625rem;
height: 1.625rem;
font-size: 1.875rem;
line-height: 1;
transition: none;
}
.ptf-language-switcher {
margin: 0;
padding: 0;
list-style-type: none;
}
.ptf-navbar-search {
position: relative;
}
.ptf-navbar-search__wrapper {
position: absolute;
top: 50%;
right: 1.875rem;
display: none;
width: calc(100vw - 9.375rem);
max-width: 28.75rem;
transform: translateY(-50%);
overflow: hidden;
}
@media only screen and (min-width: 992px) {
.ptf-navbar-search__wrapper {
width: 20vw;
}
}
.ptf-navbar-search__wrapper input[type=text] {
padding: 0.625rem 1rem;
font-size: 0.875rem;
line-height: 1;
border: none;
background-color: var(--ptf-color-7);
}
.ptf-navbar-search__toggle {
font-size: 1.5rem;
line-height: 1;
transition: none;
cursor: pointer;
}
.ptf-navbar-search__toggle .lnir-close {
display: none;
}
.ptf-navbar-search__toggle:hover {
color: inherit;
}
.ptf-navbar-search.is-open .ptf-navbar-search__wrapper,
.ptf-navbar-search.is-open .ptf-navbar-search__toggle .lnir-close {
display: block;
}
.ptf-navbar-search.is-open .ptf-navbar-search__toggle .lnir-search-alt {
display: none;
}
.ptf-navbar--fixed {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.06);
}
.ptf-header--landing .ptf-nav--default .sf-menu > li > a {
color: #000;
}
.active-page {
color: var(--ptf-accent-1) !important;
}
/* HEADER:
-------------------------------------------- */
/* SECTION: STYLE 1
-------------------------------------------- */
.ptf-header--style-1 .ptf-navbar-inner, .ptf-header--style-4 .ptf-navbar-inner, .ptf-header--style-3 .ptf-navbar-inner {
display: flex;
align-items: center;
}
.ptf-header--style-1 .ptf-navbar-logo, .ptf-header--style-4 .ptf-navbar-logo, .ptf-header--style-3 .ptf-navbar-logo,
.ptf-header--style-1 .ptf-nav,
.ptf-header--style-4 .ptf-nav,
.ptf-header--style-3 .ptf-nav {
display: flex;
}
.ptf-header--style-1 .ptf-nav, .ptf-header--style-4 .ptf-nav, .ptf-header--style-3 .ptf-nav {
margin-right: auto;
margin-left: 8.75rem;
}
@media only screen and (max-width: 991px) {
.ptf-header--style-1 .ptf-nav, .ptf-header--style-4 .ptf-nav, .ptf-header--style-3 .ptf-nav {
display: none;
}
}
@media only screen and (max-width: 991px) {
.ptf-header--style-1 .ptf-navbar-logo, .ptf-header--style-4 .ptf-navbar-logo, .ptf-header--style-3 .ptf-navbar-logo {
margin-right: auto;
}
}
.ptf-header--style-1 .ptf-offcanvas-menu-icon, .ptf-header--style-4 .ptf-offcanvas-menu-icon, .ptf-header--style-3 .ptf-offcanvas-menu-icon {
margin-left: 2.5rem;
}
/* SECTION: STYLE 2
-------------------------------------------- */
.ptf-header--style-2 .ptf-navbar {
box-shadow: inset 0 10px var(--ptf-accent-1);
}
.ptf-header--style-2 .ptf-navbar-inner {
display: flex;
align-items: center;
}
.ptf-header--style-2 .ptf-navbar-logo,
.ptf-header--style-2 .ptf-nav {
display: flex;
}
@media only screen and (max-width: 991px) {
.ptf-header--style-2 .ptf-navbar-logo {
margin-right: auto;
}
}
.ptf-header--style-2 .ptf-nav {
margin-right: 5rem;
margin-left: auto;
}
@media only screen and (max-width: 991px) {
.ptf-header--style-2 .ptf-nav {
display: none;
}
}
.ptf-header--style-2 .ptf-offcanvas-menu-icon {
margin-left: 2.5rem;
}
.ptf-header--style-2 .ptf-nav--default .sf-menu > li:last-child.two-columns > ul.sub-menu {
left: auto;
right: 0;
}
.ptf-header--style-2 .ptf-nav--default .sf-menu > li > ul.sub-menu {
box-shadow: 0 0 30px #eee;
}
/* SECTION: STYLE 3
-------------------------------------------- */
.ptf-header--style-3 .ptf-navbar-inner {
box-shadow: inset 0 -2px var(--ptf-color-black);
}
/* SECTION: STYLE 4
-------------------------------------------- */
.ptf-header--style-4 .ptf-nav {
margin-right: 5rem;
margin-left: auto;
}
/* SECTION: STYLE 5
-------------------------------------------- */
.ptf-header--style-5 .ptf-navbar-inner {
display: flex;
align-items: center;
}
.ptf-header--style-5 .ptf-navbar-logo,
.ptf-header--style-5 .ptf-nav {
display: flex;
}
.ptf-header--style-5 .ptf-nav,
.ptf-header--style-5 .ptf-offcanvas-menu-icon {
margin-left: auto;
}
@media only screen and (max-width: 991px) {
.ptf-header--style-5 .ptf-nav,
.ptf-header--style-5 .ptf-offcanvas-menu-icon {
display: none;
}
}
.ptf-header--style-5 .ptf-offcanvas-menu-icon {
display: none;
}
@media only screen and (max-width: 991px) {
.ptf-header--style-5 .ptf-offcanvas-menu-icon {
display: inline-flex;
}
}
.ptf-header--style-5 .ptf-nav--default .sf-menu > li:last-child.two-columns > ul.sub-menu {
left: auto;
right: 0;
}
/* SECTION: STYLE 6
-------------------------------------------- */
.ptf-header--style-6 .ptf-navbar-inner {
display: flex;
align-items: center;
}
.ptf-header--style-6 .ptf-navbar-logo,
.ptf-header--style-6 .ptf-nav {
display: flex;
}
.ptf-header--style-6 .ptf-offcanvas-menu-icon {
margin-left: 6.875rem;
}
.ptf-header--style-6 .ptf-language-switcher {
margin-left: auto;
}
.ptf-header--style-6 .ptf-navbar {
box-shadow: none;
}
/* SECTION: STYLE 7
-------------------------------------------- */
.ptf-header--style-7 .ptf-navbar-inner {
--ptf-navbar-height: 12.5rem;
display: flex;
align-items: center;
}
.ptf-header--style-7 .ptf-navbar-logo {
display: flex;
justify-content: space-around;
flex: auto;
}
@media (max-width: 992px) {
.ptf-header--style-7 .ptf-navbar-logo {
justify-content: flex-start;
}
}
.ptf-header--style-7 .ptf-nav,
.ptf-header--style-7 .ptf-offcanvas-menu-icon {
display: flex;
justify-content: flex-start;
flex: 1 1;
}
@media only screen and (max-width: 991px) {
.ptf-header--style-7 .ptf-nav,
.ptf-header--style-7 .ptf-offcanvas-menu-icon {
display: none;
}
}
.ptf-header--style-7 .ptf-offcanvas-menu-icon {
display: none;
}
@media only screen and (max-width: 991px) {
.ptf-header--style-7 .ptf-offcanvas-menu-icon {
display: inline-flex;
}
}
.ptf-header--style-7 .ptf-navbar-socials {
display: flex;
justify-content: flex-end;
flex: 1 1;
}
@media (max-width: 992px) {
.ptf-header--style-7 .ptf-navbar-socials {
margin-right: 8%;
}
}
@media only screen and (max-width: 767px) {
.ptf-header--style-7 .ptf-navbar-socials a {
display: none;
}
}
/* SECTION: STYLE 8
-------------------------------------------- */
.ptf-header--style-8 .ptf-navbar-inner {
display: flex;
align-items: center;
}
.ptf-header--style-8 .ptf-navbar-logo,
.ptf-header--style-8 .ptf-nav {
display: flex;
}
.ptf-header--style-8 .ptf-offcanvas-menu-icon {
margin-left: auto;
}
/* SECTION: EMPTY
-------------------------------------------- */
.ptf-header--empty .ptf-navbar-inner {
display: flex;
align-items: center;
}
.ptf-header--empty .ptf-navbar-logo,
.ptf-header--empty .ptf-nav {
display: flex;
}
.ptf-header--empty .ptf-navbar-socials {
margin-left: auto;
}
/* SECTION: NAVIGATION
-------------------------------------------- */
.ptf-nav--default {
min-height: var(--ptf-navbar-height);
}
.ptf-nav--default .sf-menu {
display: flex;
align-items: center;
font-size: 0;
flex-shrink: 0;
}
.ptf-nav--default .sf-menu > li {
display: inline-flex;
align-items: center;
float: none;
position: relative;
min-height: calc(100% - 1.5rem);
padding: 0 1.5625rem;
}
.ptf-nav--default .sf-menu > li:first-of-type {
padding-left: 0;
}
.ptf-nav--default .sf-menu > li:last-of-type {
padding-right: 0;
}
.ptf-nav--default .sf-menu > li:hover ul.sub-menu {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.ptf-nav--default .sf-menu > li > a {
font-size: 1rem;
font-weight: 700;
line-height: 1;
text-transform: uppercase;
}
.ptf-header--style-5 .ptf-nav--default .sf-menu > li > a {
color: var(--ptf-color-1);
}
.ptf-nav--default .sf-menu > li > a > span {
position: relative;
}
.ptf-nav--default .sf-menu > li > a > span::after {
content: "";
position: absolute;
bottom: -1rem;
left: calc(50% - 2.5px);
width: 5px;
height: 5px;
background-color: currentColor;
border-radius: 50%;
opacity: 0;
transition: opacity var(--ptf-transition-duration) var(--ptf-transition-easing);
}
.ptf-header--style-5 .ptf-nav--default .sf-menu > li > a > span::after {
display: none;
}
.ptf-nav--default .sf-menu > li:hover > a, .ptf-nav--default .sf-menu > li.sfHover > a, .ptf-nav--default .sf-menu > li.current-menu-ancestor > a {
color: var(--ptf-accent-1);
}
.ptf-header--style-5 .ptf-nav--default .sf-menu > li:hover > a, .ptf-header--style-5 .ptf-nav--default .sf-menu > li.sfHover > a, .ptf-header--style-5 .ptf-nav--default .sf-menu > li.current-menu-ancestor > a {
color: var(--ptf-color-white);
}
.ptf-nav--default .sf-menu > li:hover > a > span::after, .ptf-nav--default .sf-menu > li.sfHover > a > span::after, .ptf-nav--default .sf-menu > li.current-menu-ancestor > a > span::after {
opacity: 1;
}
.ptf-nav--default .sf-menu > li.two-columns > ul.sub-menu {
column-count: 2;
}
.ptf-nav--default .sf-menu > li.two-columns > ul.sub-menu.mega {
width: 440px;
}
.ptf-nav--default .sf-menu li.left ul.sub-menu {
margin-right: -1.5625rem;
margin-left: 0;
}
.ptf-nav--default .sf-menu ul.sub-menu {
position: absolute;
left: 0;
top: 100%;
visibility: hidden;
opacity: 0;
transform: translateY(15px);
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
min-width: 16.25rem;
padding: 1rem;
margin-left: -1.25rem;
color: var(--ptf-color-black);
background-color: rgba(255, 255, 255, 0.95);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border: 1px solid rgba(0, 0, 0, 0.06);
border-radius: 14px;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.02);
}
.ptf-header--style-5 .ptf-nav--default .sf-menu ul.sub-menu {
color: var(--ptf-color-1);
background-color: var(--ptf-color-16);
box-shadow: none;
}
.ptf-nav--default .sf-menu ul.sub-menu ul.sub-menu {
top: -2rem;
margin-right: 0;
margin-left: 0;
}
.ptf-nav--default .sf-menu ul.sub-menu li {
display: block;
position: relative;
min-width: 100%;
padding: 0;
margin-bottom: 0.25rem;
}
.ptf-nav--default .sf-menu ul.sub-menu li:last-child {
margin-bottom: 0;
}
.ptf-nav--default .sf-menu ul.sub-menu li a {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0.625rem 1rem;
font-size: 0.9375rem;
font-weight: 500;
line-height: 1.4;
color: var(--ptf-color-black);
border-radius: 8px;
transition: all 0.2s ease;
text-transform: none;
letter-spacing: 0.3px;
white-space: nowrap;
}
.ptf-nav--default .sf-menu ul.sub-menu li a::after {
content: "→";
font-size: 0.875rem;
opacity: 0;
transform: translateX(-6px);
transition: all 0.2s ease;
}
.ptf-nav--default .sf-menu ul.sub-menu li:hover > a, .ptf-nav--default .sf-menu ul.sub-menu li.current-menu-ancestor > a, .ptf-nav--default .sf-menu ul.sub-menu li.sfHover > a {
color: var(--ptf-accent-1);
background-color: color-mix(in srgb, var(--ptf-accent-1) 6%, transparent);
}
.ptf-nav--default .sf-menu ul.sub-menu li:hover > a::after, .ptf-nav--default .sf-menu ul.sub-menu li.current-menu-ancestor > a::after, .ptf-nav--default .sf-menu ul.sub-menu li.sfHover > a::after {
opacity: 1;
transform: translateX(0);
}
.ptf-header--style-5 .ptf-nav--default .sf-menu ul.sub-menu li:hover > a, .ptf-header--style-5 .ptf-nav--default .sf-menu ul.sub-menu li.current-menu-ancestor > a, .ptf-header--style-5 .ptf-nav--default .sf-menu ul.sub-menu li.sfHover > a {
color: var(--ptf-color-white);
}
.ptf-header--style-7 .ptf-nav--default .sf-menu ul.sub-menu {
top: 80%;
box-shadow: 0 0 30px #eee;
}
/* MENU: OFFCANVAS MENU
-------------------------------------------- */
.ptf-offcanvas-menu {
position: fixed;
top: 0;
right: 0;
z-index: 70;
display: flex;
flex-direction: column;
width: 100%;
max-width: 30rem;
height: 100%;
padding: 3.125rem 4.0625rem 3.125rem;
background-color: var(--ptf-color-white);
transition: transform var(--ptf-transition-duration) var(--ptf-transition-easing);
transform: translateX(100%);
overflow: auto;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.06);
}
@media only screen and (max-width: 575px) {
.ptf-offcanvas-menu {
padding: 1.875rem;
}
}
.ptf-offcanvas-menu.is-open {
transform: translateX(0);
}
.ptf-offcanvas-menu__header {
display: flex;
align-items: center;
justify-content: space-between;
}
.ptf-offcanvas-menu__header .ptf-language-switcher {
display: flex;
}
.ptf-offcanvas-menu__header .ptf-language-switcher a {
text-transform: uppercase;
color: var(--ptf-color-black);
font-size: 0.875rem;
}
.ptf-offcanvas-menu__header .ptf-language-switcher a:hover,
.ptf-offcanvas-menu__header .ptf-language-switcher a.is-active {
color: var(--ptf-accent-1);
}
.ptf-offcanvas-menu__header .ptf-language-switcher a.is-active {
font-weight: 700;
}
.ptf-offcanvas-menu__header .ptf-language-switcher a + a {
margin-left: 1.5rem;
}
.ptf-offcanvas-menu__header .ptf-offcanvas-menu-icon {
color: var(--ptf-color-black);
cursor: pointer;
}
.ptf-offcanvas-menu__header .ptf-offcanvas-menu-icon:hover {
color: var(--ptf-accent-1);
}
.ptf-offcanvas-menu__navigation {
height: 100%;
margin-top: 3.125rem;
margin-bottom: 1.25rem;
padding: 0.625rem 0;
overflow-y: auto;
}
.ptf-offcanvas-menu__footer {
margin-top: auto;
}
.ptf-offcanvas-menu__socials {
margin-top: 1.5625rem;
}
.ptf-offcanvas-menu__copyright {
color: var(--ptf-color-3);
font-size: 0.875rem;
}
.ptf-offcanvas-menu__copyright span {
color: var(--ptf-color-black);
}
/* SECTION: NAVIGATION
-------------------------------------------- */
.ptf-navbar-inner {
position: relative;
}
.ptf-navbar-search {
margin-right: 4.2rem;
}
.js-offcanvas-menu-toggle.bar {
position: absolute;
right: 0;
cursor: pointer;
z-index: 5;
}
.sidebar-menu_wrapper .pro-menu-item {
font-size: 1.875rem;
font-weight: 700;
line-height: 1.1;
padding: 0.5rem 0;
text-transform: uppercase;
}
.pro-sidebar {
color: var(--ptf-color-black);
width: 100%;
}
.pro-sidebar .pro-menu .pro-menu-item > .pro-inner-item {
padding-left: 0 !important;
color: var(--ptf-color-black);
font-weight: 700;
transition: all var(--ptf-transition-duration) var(--ptf-transition-easing);
}
.pro-sidebar .pro-menu .pro-menu-item > .pro-inner-item:hover, .pro-sidebar .pro-menu .pro-menu-item > .pro-inner-item:focus {
color: var(--ptf-accent-1);
}
.pro-sidebar .pro-menu .pro-menu-item > .pro-inner-item a {
color: currentColor;
font-size: inherit;
font-weight: inherit;
text-transform: inherit;
}
.pro-sidebar .pro-menu .pro-menu-item > .pro-inner-item a:hover {
color: var(--ptf-accent-1);
padding-left: 0;
}
.pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu .pro-inner-list-item {
background-color: transparent;
padding-left: 1rem;
margin-top: 0.5rem;
border-left: 2px solid color-mix(in srgb, var(--ptf-accent-1) 12%, transparent);
transition: border-color var(--ptf-transition-duration) var(--ptf-transition-easing);
}
.pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu .pro-inner-list-item:hover {
border-left-color: var(--ptf-accent-1);
}
.pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu .pro-inner-list-item ul {
padding: 0;
}
.pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu .pro-inner-list-item .pro-inner-item {
padding-left: 0 !important;
font-size: 1rem !important;
font-weight: 500 !important;
text-transform: none !important;
padding: 0.375rem 0 !important;
}
.pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu .pro-inner-list-item .pro-inner-item a {
color: var(--ptf-color-3);
transition: all 0.25s ease;
display: inline-block;
}
.pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu .pro-inner-list-item .pro-inner-item a:hover {
color: var(--ptf-accent-1);
transform: translateX(6px);
}
.pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu > .pro-inner-item > .pro-arrow-wrapper {
right: 0.625rem;
}
.pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu > .pro-inner-item > .pro-arrow-wrapper .pro-arrow {
border-color: var(--ptf-color-black);
border-width: 2px;
padding: 4px;
transition: transform var(--ptf-transition-duration) var(--ptf-transition-easing);
}
.pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu.open > .pro-inner-item {
color: var(--ptf-accent-1);
}
.pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu.open > .pro-inner-item > .pro-arrow-wrapper .pro-arrow {
border-color: var(--ptf-accent-1);
}
.pro-sidebar > .pro-sidebar-inner {
background: #fff;
}
@media only screen and (max-width: 991px) {
.ptf-header--style-3 .ptf-navbar-inner {
box-shadow: none;
}
.ptf-navbar-search {
position: static;
}
.ptf-navbar-search__wrapper {
top: calc(100% + 0.625rem);
right: 0;
left: 0;
width: 100%;
max-width: none;
padding: 0.625rem;
background-color: var(--ptf-color-white);
border-radius: 0.25rem;
box-shadow: 0 0.625rem 1.875rem rgba(0, 0, 0, 0.1);
transform: none;
}
.ptf-navbar-search__wrapper form,
.ptf-navbar-search__wrapper input[type=text] {
width: 100%;
}
.ptf-navbar-search__wrapper input[type=text] {
min-height: 2.75rem;
}
}
/* LAYOUT: SIDEBAR
-------------------------------------------- */
.ptf-sidebar--right {
padding-left: 3.75rem;
}
@media only screen and (max-width: 1199px) {
.ptf-sidebar--right {
margin-top: 7.5rem;
padding-left: 0;
}
}
.ptf-sidebar--left {
padding-right: 3.75rem;
}
@media only screen and (max-width: 1199px) {
.ptf-sidebar--left {
margin-top: 7.5rem;
padding-right: 0;
}
}
/* WIDGET
-------------------------------------------- */
.ptf-widget-title {
margin-bottom: 1.5625rem;
}
.ptf-widget + .ptf-widget {
margin-top: 5rem;
}
@media only screen and (max-width: 767px) {
.ptf-widget + .ptf-widget {
margin-top: 2.5rem;
}
}
/* WIDGET: SEARCH
-------------------------------------------- */
@media (max-width: 991px) {
.ptf-widget-search {
margin-top: 50px;
}
}
.ptf-widget-search .ptf-search-form {
position: relative;
max-width: 30.625rem;
}
.ptf-widget-search .ptf-search-form input[type=text] {
padding-top: 0.625rem;
border-color: var(--ptf-color-black);
}
.ptf-widget-search .ptf-search-form button {
position: absolute;
top: 0;
right: 0;
bottom: 0;
padding: 0;
color: var(--ptf-color-black);
font-size: 1.25rem;
border: none;
background: none;
transition: color var(--ptf-transition-duration) var(--ptf-transition-easing);
cursor: pointer;
}
.ptf-widget-search .ptf-search-form button:hover {
color: var(--ptf-accent-1);
}
/* WIDGET: POPULAR POSTS
-------------------------------------------- */
.ptf-widget-popular-posts .ptf-popular-post {
display: flex;
align-items: center;
padding-bottom: 1rem;
}
.ptf-widget-popular-posts .ptf-popular-post__number {
flex-shrink: 0;
width: 2.5rem;
color: var(--ptf-color-1);
font-size: 1.875rem;
transition: color var(--ptf-transition-duration) var(--ptf-transition-easing);
}
.ptf-widget-popular-posts .ptf-popular-post__content {
flex-basis: 100%;
padding-left: 1.5625rem;
border-left: 1px solid var(--ptf-color-6);
}
.ptf-widget-popular-posts .ptf-popular-post__content .cat {
text-transform: uppercase;
color: var(--ptf-color-3);
font-size: 0.75rem;
}
.ptf-widget-popular-posts .ptf-popular-post__content h6, .ptf-widget-popular-posts .ptf-popular-post__content .h6 {
font-size: 1.125rem;
transition: color var(--ptf-transition-duration) var(--ptf-transition-easing);
}
.ptf-widget-popular-posts .ptf-popular-post:hover .ptf-popular-post__number {
color: var(--ptf-color-black);
}
.ptf-widget-popular-posts .ptf-popular-post:hover .ptf-popular-post__content h6, .ptf-widget-popular-posts .ptf-popular-post:hover .ptf-popular-post__content .h6 {
color: var(--ptf-accent-1);
}
.ptf-widget-popular-posts .ptf-popular-post + .ptf-popular-post {
padding-top: 1rem;
border-top: 1px solid var(--ptf-color-6);
}
/* WIDGET: CATEGORIES
-------------------------------------------- */
.ptf-widget-categories ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.ptf-widget-categories li {
display: block;
}
.ptf-widget-categories li:not(:last-of-type) {
padding-bottom: 0.9375rem;
}
.ptf-widget-categories li a {
display: flex;
justify-content: space-between;
text-transform: uppercase;
color: var(--ptf-color-black);
font-size: 0.875rem;
font-weight: 700;
}
.ptf-widget-categories li a span {
color: var(--ptf-color-3);
font-weight: normal;
transition: inherit;
}
.ptf-widget-categories li a:hover {
color: var(--ptf-accent-1);
}
.ptf-widget-categories li a:hover span {
color: var(--ptf-accent-1);
}
.ptf-widget-categories li + li {
padding-top: 0.9375rem;
border-top: 1px solid var(--ptf-color-6);
}
/* WIDGET: NEWSLETTER
-------------------------------------------- */
.ptf-widget-newsletter {
padding: 2.8125rem 2.8125rem 3.75rem;
background-color: var(--ptf-color-15);
}
.ptf-widget-newsletter .ptf-widget-title {
margin-bottom: 0.3125rem;
}
.ptf-widget-newsletter form {
margin-top: 1.875rem;
}
.ptf-widget-newsletter form input[type=email] {
padding-top: 0.8125rem;
padding-bottom: 0.8125rem;
font-size: 0.875rem;
background-color: var(--ptf-color-white);
}
.ptf-widget-newsletter form button {
margin-top: 0.9375rem;
padding-top: 1.0625rem;
padding-bottom: 1.0625rem;
text-transform: uppercase;
font-size: 1rem;
}
/* WIDGET: LINKS
-------------------------------------------- */
.ptf-widget-links ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.ptf-widget-links ul li + li {
margin-top: 1.375rem;
}
.ptf-widget-links ul a {
text-transform: uppercase;
font-size: 0.875rem;
font-weight: 600;
}
.ptf-widget-links ul a:hover {
color: var(--ptf-accent-1);
}
/* WIDGET: LINKS
-------------------------------------------- */
.ptf-widget-services-list ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.ptf-widget-services-list ul li {
padding-bottom: 1.125rem;
}
.ptf-widget-services-list ul li a {
display: flex;
align-items: center;
font-weight: 600;
text-transform: uppercase;
color: var(--ptf-color-black);
font-size: 1.25rem;
}
.ptf-widget-services-list ul li a i {
display: inline-flex;
align-items: center;
flex-shrink: 0;
width: 3.75rem;
height: 2.5rem;
margin-right: 1.875rem;
color: var(--ptf-color-3);
font-size: 1.875rem;
border-right: 1px solid var(--ptf-color-6);
transition: color var(--ptf-transition-duration) var(--ptf-transition-easing);
}
.ptf-widget-services-list ul li a:hover,
.ptf-widget-services-list ul li a:hover i {
color: var(--ptf-accent-1);
}
.ptf-widget-services-list ul li + li {
padding-top: 1.125rem;
border-top: 1px solid var(--ptf-color-6);
}
/* WIDGET: LINKS
-------------------------------------------- */
.ptf-widget-faq .ptf-accordion {
margin-top: calc(1.125rem * -1);
}
.ptf-widget-faq .ptf-accordion dt {
position: relative;
padding-top: 1.125rem;
padding-right: 3.125rem;
padding-bottom: 1.125rem;
font-size: 1.25rem;
font-weight: 700;
}
@media only screen and (max-width: 767px) {
.ptf-widget-faq .ptf-accordion dt {
font-size: 1.125rem;
}
}
@media only screen and (max-width: 575px) {
.ptf-widget-faq .ptf-accordion dt {
font-size: 1rem;
}
}
.ptf-widget-faq .ptf-accordion dt::after {
content: "\ecbf";
position: absolute;
top: calc(1.125rem + 0.25em);
right: 0;
font-family: var(--ptf-linear-icons-light);
font-size: 1rem;
transition: all var(--ptf-transition-duration) var(--ptf-transition-easing);
}
.ptf-widget-faq .ptf-accordion dt.is-open {
color: var(--ptf-accent-1);
}
.ptf-widget-faq .ptf-accordion dt.is-open::after {
transform: scaleY(-1);
}
.ptf-widget-faq .ptf-accordion dd {
padding-bottom: 0.9375rem;
font-size: 1rem;
}
@media only screen and (max-width: 767px) {
.ptf-widget-faq .ptf-accordion dd {
font-size: 1rem;
}
}
@media only screen and (max-width: 575px) {
.ptf-widget-faq .ptf-accordion dd {
font-size: 0.9375rem;
}
}
.ptf-widget-faq .ptf-accordion dd + dt {
border-top: 1px solid var(--ptf-color-6);
}
/* 04. Pages */
/* PAGE: 404
-------------------------------------------- */
.ptf-page--404 p {
max-width: 21.875rem;
font-size: 1.5rem;
line-height: 1.5;
}
.ptf-page--404 a {
display: inline-flex;
text-transform: uppercase;
color: var(--ptf-color-black);
font-size: 1.875rem;
font-weight: 700;
}
.ptf-page--404 a:hover {
color: var(--ptf-accent-1);
transform: translate(0, -2px);
}
.ptf-page--404 img {
width: 38.9375rem;
}
/* PAGE: BLOG
-------------------------------------------- */
/* SECTION: POST
-------------------------------------------- */
.ptf-post {
position: relative;
}
.ptf-post__link {
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 100%;
height: 100%;
}
.ptf-post__meta span + span::before {
content: "/";
margin-right: 0.5rem;
margin-left: 0.5rem;
}
.ptf-post__media {
position: relative;
overflow: hidden;
}
.ptf-post__media img {
width: 100%;
transition: transform calc(var(--ptf-transition-duration) * 3) var(--ptf-transition-easing), filter var(--ptf-transition-duration) var(--ptf-transition-easing);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
will-change: transform;
}
.ptf-post:hover .ptf-post__media img {
transform: scale(1.05);
}
/* SECTION: STYLE 1
-------------------------------------------- */
.ptf-post--style-1 {
--ptf-post-header-indent: 2.5rem;
}
.ptf-post--style-1 .ptf-post__media {
aspect-ratio: 16/9;
}
.ptf-post--style-1 .ptf-post__media img {
width: 100%;
height: 100%;
object-fit: cover;
font-family: "object-fit: cover;";
}
.ptf-post--style-1 .ptf-post__header {
padding-top: var(--ptf-post-header-indent);
}
.ptf-post--style-1 .ptf-post__meta {
margin-bottom: 0.9375rem;
text-transform: uppercase;
color: var(--ptf-color-black);
font-size: 0.875rem;
}
.ptf-post--style-1 .ptf-post__meta span.cat {
font-weight: 700;
}
.ptf-post--style-1 .ptf-post__title {
line-height: 1.16;
}
/* SECTION: STYLE 2
-------------------------------------------- */
.ptf-post--style-2, .ptf-post--style-4 {
overflow: hidden;
}
.ptf-post--style-2 .ptf-post__media, .ptf-post--style-4 .ptf-post__media {
position: relative;
}
@media only screen and (max-width: 991px) {
.ptf-post--style-2 .ptf-post__media__content, .ptf-post--style-4 .ptf-post__media__content {
display: none;
}
}
@media only screen and (min-width: 992px) {
.ptf-post--style-2 .ptf-post__media__content, .ptf-post--style-4 .ptf-post__media__content {
position: absolute;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
}
.ptf-post--style-2 .ptf-post__media__content .ptf-post__meta, .ptf-post--style-4 .ptf-post__media__content .ptf-post__meta,
.ptf-post--style-2 .ptf-post__media__content .ptf-post__title,
.ptf-post--style-4 .ptf-post__media__content .ptf-post__title {
color: var(--ptf-color-white);
}
}
.ptf-post--style-2 .ptf-post__media__content, .ptf-post--style-4 .ptf-post__media__content {
padding: 1.25rem 1.5rem;
}
@media (min-width: 1920px) {
.ptf-post--style-2 .ptf-post__media__content, .ptf-post--style-4 .ptf-post__media__content {
padding: 2.8125rem;
}
}
.ptf-post--style-2 .ptf-post__media::after, .ptf-post--style-4 .ptf-post__media::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background-color: hsla(0, 0%, 0%, 0.1);
background-image: linear-gradient(to top, hsla(0, 0%, 0%, 0.5), transparent 55%);
}
.ptf-post--style-2 .ptf-post__content, .ptf-post--style-4 .ptf-post__content {
display: flex;
flex-direction: column;
width: 100%;
padding: 1.25rem 1.5rem;
border: solid 1px var(--ptf-color-black);
border-top: none;
background-color: var(--ptf-color-white);
transition: transform var(--ptf-transition-duration) var(--ptf-transition-duration);
}
@media only screen and (min-width: 992px) {
.ptf-post--style-2 .ptf-post__content, .ptf-post--style-4 .ptf-post__content {
position: absolute;
top: 0;
left: 0;
z-index: 3;
display: flex;
flex-direction: column;
height: 100%;
border-top: solid 1px var(--ptf-color-black);
transform: translateY(100%);
}
}
@media (min-width: 1920px) {
.ptf-post--style-2 .ptf-post__content, .ptf-post--style-4 .ptf-post__content {
padding: 2.8125rem;
}
}
.ptf-post--style-2 .ptf-post__meta, .ptf-post--style-4 .ptf-post__meta {
margin-bottom: 0.9375rem;
text-transform: uppercase;
color: var(--ptf-color-black);
font-size: 0.875rem;
}
.ptf-post--style-2 .ptf-post__meta span.cat, .ptf-post--style-4 .ptf-post__meta span.cat {
font-weight: 700;
}
.ptf-post--style-2 .ptf-post__title, .ptf-post--style-4 .ptf-post__title {
line-height: 1.16;
}
@media (max-width: 1919px) {
.ptf-post--style-2 .ptf-post__title, .ptf-post--style-4 .ptf-post__title {
font-size: 1.75rem;
}
}
.ptf-post--style-2 .ptf-post__excerpt, .ptf-post--style-4 .ptf-post__excerpt {
margin-top: 1.875rem;
color: var(--ptf-color-black);
font-size: 1.125rem;
}
@media (max-width: 1919px) {
.ptf-post--style-2 .ptf-post__excerpt, .ptf-post--style-4 .ptf-post__excerpt {
display: none;
}
}
.ptf-post--style-2 .ptf-post__footer, .ptf-post--style-4 .ptf-post__footer {
margin-top: 1.875rem;
color: var(--ptf-color-black);
}
@media only screen and (min-width: 992px) {
.ptf-post--style-2 .ptf-post__footer, .ptf-post--style-4 .ptf-post__footer {
margin-top: auto;
}
}
.ptf-post--style-2 .ptf-post__footer .ptf-read-more-link, .ptf-post--style-4 .ptf-post__footer .ptf-read-more-link {
text-transform: uppercase;
font-size: 0.875rem;
font-weight: 700;
}
.ptf-post--style-2:hover .ptf-post__content, .ptf-post--style-4:hover .ptf-post__content {
transform: translateY(0);
}
/* SECTION: STYLE 3
-------------------------------------------- */
.ptf-post--style-3 {
display: grid;
grid-template-columns: 27.5rem 1fr;
grid-gap: 4.375rem;
}
@media only screen and (max-width: 991px) {
.ptf-post--style-3 {
grid-gap: 2.1875rem;
}
}
@media only screen and (max-width: 767px) {
.ptf-post--style-3 {
grid-template-columns: 1fr;
}
}
.ptf-post--style-3 .ptf-post__content {
display: flex;
flex-direction: column;
justify-content: center;
}
.ptf-post--style-3 .ptf-post__meta {
margin-bottom: 1.875rem;
color: var(--ptf-color-3);
font-size: 0.875rem;
}
.ptf-post--style-3 .ptf-post__meta span {
display: block;
}
.ptf-post--style-3 .ptf-post__meta span::before {
display: none;
}
.ptf-post--style-3 .ptf-post__meta span.cat {
text-transform: uppercase;
color: var(--ptf-color-black);
font-size: 0.75rem;
font-weight: 700;
}
.ptf-post--style-3 .ptf-post__info {
margin-top: auto;
padding-top: 5rem;
}
@media only screen and (max-width: 767px) {
.ptf-post--style-3 .ptf-post__info {
padding-top: 2.5rem;
}
}
.ptf-post--style-3 .ptf-post__info a {
font-size: 0.875rem;
}
.ptf-post--style-3 .ptf-post__info a span {
color: var(--ptf-color-black);
}
.ptf-post--style-3 .ptf-post__info a i {
margin-right: 0.625rem;
font-size: 1rem;
}
.ptf-post--style-3 .ptf-post__info a + a {
margin-left: 3.125rem;
}
.grid-item:not(:last-of-type) .ptf-post--style-3 {
padding-bottom: 0.9375rem;
border-bottom: 1px solid var(--ptf-color-14);
}
/* SECTION: STYLE 4
-------------------------------------------- */
.ptf-post--style-4 .ptf-post__content {
border: none;
background-color: var(--ptf-accent-1);
}
.ptf-post--style-4 .ptf-post__title,
.ptf-post--style-4 .ptf-post__footer {
color: var(--ptf-color-white);
}
.ptf-post--style-4 .ptf-post__title a:hover,
.ptf-post--style-4 .ptf-post__footer a:hover {
color: inherit;
}
.grid-slider .slick-dots {
bottom: 50px;
text-align: right;
right: 75px;
}
.grid-slider .slick-dots li button::before {
border-color: #fff;
}
.grid-slider .slick-dots li.slick-active button::before {
border-color: var(--ptf-accent-1);
}
.my-masonry-grid { /* Not needed if autoprefixing */ /* Not needed if autoprefixing */
display: flex;
margin-left: -30px; /* gutter size offset */
width: auto;
}
.my-masonry-grid_column {
padding-left: 30px; /* gutter size */
background-clip: padding-box;
}
/* Style your items */
.my-masonry-grid_column > div {
/* change div to reference your elements you put in <Masonry> */
background: grey;
margin-bottom: 30px;
}
.ptf-read-more-link {
transition: 0.3s;
padding: 0 12px;
}
.ptf-read-more-link:hover {
background: #000;
padding: 8px 12px;
}
/* PAGE: PORTFOLIO
-------------------------------------------- */
/* SECTION: WORK
-------------------------------------------- */
.ptf-work {
position: relative;
}
.ptf-work__link {
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 100%;
height: 100%;
}
.ptf-work__media {
position: relative;
overflow: hidden;
}
.ptf-work__media img {
width: 100%;
transition: transform calc(var(--ptf-transition-duration) * 3) var(--ptf-transition-easing), filter var(--ptf-transition-duration) var(--ptf-transition-easing);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
will-change: transform;
}
.ptf-work:hover .ptf-work__media img {
transform: scale(1.05);
}
/* SECTION: STYLE 1
-------------------------------------------- */
.ptf-work--style-1 .ptf-work__meta, .ptf-work--style-3 .ptf-work__meta, .ptf-work--style-2 .ptf-work__meta {
padding-top: 2.5rem;
}
.ptf-work--style-1 .ptf-work__category, .ptf-work--style-3 .ptf-work__category, .ptf-work--style-2 .ptf-work__category {
margin-bottom: 0.625rem;
font-size: 0.875rem;
}
.ptf-work--style-1.ptf-work--large-title .ptf-work__title, .ptf-work--large-title.ptf-work--style-3 .ptf-work__title, .ptf-work--large-title.ptf-work--style-2 .ptf-work__title {
font-size: 2.25rem;
}
.ptf-work--style-1 .ptf-work__title a:hover, .ptf-work--style-3 .ptf-work__title a:hover, .ptf-work--style-2 .ptf-work__title a:hover {
text-decoration: underline;
color: inherit;
}
/* SECTION: STYLE 2
-------------------------------------------- */
.ptf-work--style-2 .ptf-work__meta {
padding-top: 2.1875rem;
}
.ptf-work--style-2 .ptf-work__category {
margin-top: 0.3125rem;
text-transform: uppercase;
}
/* SECTION: STYLE 3
-------------------------------------------- */
.ptf-work--style-3 .ptf-work__media img {
filter: grayscale(100%);
}
.ptf-work--style-3 .ptf-work__meta {
padding-top: 2.8125rem;
opacity: 0.45;
transition: opacity var(--ptf-transition-duration) var(--ptf-transition-easing);
}
.ptf-work--style-3 .ptf-work__category {
text-transform: uppercase;
font-size: 1rem;
}
.ptf-work--style-3.ptf-work--large-title .ptf-work__title {
font-size: 3rem;
}
.ptf-work--style-3:hover .ptf-work__meta {
opacity: 1;
}
.ptf-work--style-3:hover .ptf-work__media img {
filter: grayscale(0);
}
/* SECTION: STYLE 4
-------------------------------------------- */
.ptf-work--style-4 {
display: flex;
align-items: center;
padding: 2.1875rem 0;
background-color: var(--ptf-color-white);
box-shadow: inset 0 -1px var(--ptf-color-black);
}
@media only screen and (max-width: 991px) {
.ptf-work--style-4 {
display: grid;
grid-gap: 0.625rem;
}
}
@media only screen and (min-width: 992px) {
.ptf-work--style-4 .ptf-work__date {
margin-left: auto;
}
}
.ptf-work--style-4 .ptf-work__category {
flex-basis: 16.25rem;
}
.ptf-work--style-4 .ptf-work__title {
font-size: 2.25rem;
transition: color var(--ptf-transition-duration) var(--ptf-transition-easing);
}
.ptf-work--style-4 .ptf-work__category,
.ptf-work--style-4 .ptf-work__date {
color: var(--ptf-color-3);
font-size: 1rem;
}
.ptf-work--style-4:hover .ptf-work__title {
color: var(--ptf-accent-1);
}
.grid-item:last-of-type .ptf-work--style-4 {
padding-bottom: 0 !important;
box-shadow: none;
}
/* SECTION: STYLE 5
-------------------------------------------- */
.ptf-work--style-5 {
display: flex;
align-items: center;
padding: 2.1875rem 0;
box-shadow: inset 0 -1px var(--ptf-color-black);
}
@media only screen and (max-width: 991px) {
.ptf-work--style-5 {
display: grid;
grid-gap: 0.625rem;
}
}
.ptf-work--style-5 .ptf-work__date {
flex-basis: 10.625rem;
color: var(--ptf-color-3);
font-size: 1rem;
}
.ptf-work--style-5 .ptf-work__title {
font-size: 1.5rem;
font-weight: normal;
}
.grid-item:last-of-type .ptf-work--style-5 {
padding-bottom: 0 !important;
box-shadow: none;
}
/* SECTION: STYLE 6
-------------------------------------------- */
.ptf-work--style-6 .ptf-work__meta {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 2.8125rem;
color: var(--ptf-color-white);
background-color: var(--ptf-accent-1);
opacity: 0;
transition: opacity calc(var(--ptf-transition-duration) * 2) var(--ptf-transition-easing);
}
@media (min-width: 1920px) {
.ptf-work--style-6 .ptf-work__meta {
padding: 4.6875rem;
}
}
.ptf-work--style-6 .ptf-work__meta svg {
position: absolute;
top: 2.8125rem;
right: 2.8125rem;
font-size: 3.75rem;
transition: transform var(--ptf-transition-duration) var(--ptf-transition-duration) var(--ptf-transition-easing);
}
@media (min-width: 1920px) {
.ptf-work--style-6 .ptf-work__meta svg {
top: 4.6875rem;
right: 4.6875rem;
}
}
.ptf-work--style-6 .ptf-work__category {
margin-bottom: 0.625rem;
text-transform: uppercase;
}
.ptf-work--style-6 .ptf-work__title {
color: inherit;
font-size: 2.25rem;
}
@media (min-width: 1920px) {
.ptf-work--style-6 .ptf-work__title {
font-size: 3rem;
}
}
.ptf-work--style-6:hover .ptf-work__meta {
opacity: 1;
}
.ptf-work--style-6:hover .ptf-work__meta svg {
transform: translate3d(5px, -5px, 0);
}
.type-dark {
background: transparent !important;
padding: 0 !important;
width: 450px;
height: 300px;
opacity: 1 !important;
}
.type-dark::after {
display: none !important;
}
.my-masonry-grid.portfolio-isotope {
margin-left: -150px;
}
.my-masonry-grid.portfolio-isotope .my-masonry-grid_column {
padding-left: 150px;
}
.my-masonry-grid.portfolio-isotope .ptf-work.ptf-work--style-1, .my-masonry-grid.portfolio-isotope .ptf-work.ptf-work--style-2, .my-masonry-grid.portfolio-isotope .ptf-work.ptf-work--style-3 {
margin-bottom: 120px;
}
.grid-item .ptf-work--style-4:last-child {
box-shadow: none;
padding-bottom: 0 !important;
}
/* PORTFOLIO: PAGINATION
-------------------------------------------- */
/* SECTION: PAGINATION
-------------------------------------------- */
.ptf-page-navigation {
display: inline-flex;
margin: 0;
margin-top: -0.625rem;
margin-left: calc(-1 * 1.875rem);
padding: 0;
list-style-type: none;
}
.ptf-page-navigation li {
margin-top: 0.625rem;
margin-left: 1.875rem;
padding: 6px 2px;
color: var(--ptf-color-black);
font-size: 1.125rem;
font-weight: 700;
}
.ptf-page-navigation li.next {
padding-left: 0.625rem;
}
.ptf-page-navigation li.is-active {
color: var(--ptf-accent-1);
box-shadow: inset 0 -2px var(--ptf-accent-1);
}
/* SECTION: LOAD MORE
-------------------------------------------- */
.ptf-load-more {
display: inline-flex;
align-items: center;
justify-content: center;
width: 8.125rem;
height: 8.125rem;
text-transform: uppercase;
color: var(--ptf-color-black);
font-size: 1rem;
background-color: transparent;
border: 0;
cursor: pointer;
border-radius: 50%;
box-shadow: inset 0 0 0 1px var(--ptf-color-1);
}
.ptf-load-more:hover {
color: var(--ptf-accent-1);
box-shadow: inset 0 0 0 1px var(--ptf-accent-1);
transform: translateY(-2px);
}
.ptf-load-more:disabled {
cursor: wait;
opacity: 0.65;
}
/* PORTFOLIO: FILTERS
-------------------------------------------- */
.ptf-filters {
position: relative;
z-index: 1;
margin: 0;
margin-top: -0.625rem;
margin-left: calc(-1 * 2.5rem);
padding: 0;
list-style-type: none;
}
.ptf-filters .filter-item {
display: inline-flex;
margin-top: 0.625rem;
margin-left: 1.875rem;
transition: all var(--ptf-transition-duration) var(--ptf-transition-easing);
cursor: pointer;
}
.ptf-filters .filter-item .filter-counter {
margin-left: 0.1875rem;
font-size: 0.75rem;
}
/* SECTION: STYLE 1
-------------------------------------------- */
.ptf-filters--style-1 {
color: var(--ptf-color-black);
font-size: 1.125rem;
}
.ptf-filters--style-1 .filter-item:hover,
.ptf-filters--style-1 .react-tabs__tab--selected {
color: var(--ptf-accent-1);
}
/* SECTION: STYLE 2
-------------------------------------------- */
.ptf-filters--style-2 {
text-transform: uppercase;
color: var(--ptf-color-black);
font-size: 1rem;
font-weight: 600;
}
.ptf-filters--style-2 .filter-item:hover,
.ptf-filters--style-2 .react-tabs__tab--selected {
color: var(--ptf-accent-1);
}
/* SECTION: STYLE 3
-------------------------------------------- */
.ptf-filters--style-3 {
margin-left: calc(-1 * 0.875rem);
color: var(--ptf-color-3);
font-size: 1.125rem;
}
.ptf-filters--style-3 .filter-item {
margin-left: 0.875rem;
position: relative;
}
.ptf-filters--style-3 .filter-item:not(:last-child)::after {
padding-left: 0.875rem;
content: "/";
}
.ptf-filters--style-3 .filter-item:hover,
.ptf-filters--style-3 .filter-item.react-tabs__tab--selected {
color: var(--ptf-color-black);
}
/* SECTION: STYLE 4
-------------------------------------------- */
.ptf-filters--style-4 {
margin-left: calc(-1 * 2.5rem);
text-transform: uppercase;
color: var(--ptf-color-3);
font-size: 1rem;
}
.ptf-filters--style-4 .filter-item {
margin-left: 2.5rem;
}
.ptf-filters--style-4 .filter-item:hover,
.ptf-filters--style-4 .filter-item-active {
color: var(--ptf-color-black);
}
.ptf-filters--style-4 .react-tabs__tab--selected,
.ptf-filters--style-4 .filter-item:hover {
color: var(--ptf-accent-1);
}
/* PAGE: SINGLE POST
-------------------------------------------- */
.ptf-single-post__header {
padding: 10rem 0 6.25rem;
}
@media only screen and (max-width: 767px) {
.ptf-single-post__header {
padding: 5rem 0 3.125rem;
}
}
.ptf-single-post__header--style-1 {
text-align: center;
}
.ptf-single-post__header .ptf-single-post__meta {
margin-top: 2.5rem;
}
.ptf-single-post__meta {
text-transform: uppercase;
color: var(--ptf-color-black);
font-size: 0.875rem;
}
.ptf-single-post__meta span.cat {
font-weight: 700;
}
.ptf-single-post__meta span + span::before {
content: "/";
margin-right: 0.5rem;
margin-left: 0.5rem;
}
.ptf-single-post__media img {
width: 100%;
}
.ptf-single-post__wrapper {
padding-top: 5.625rem;
padding-bottom: 10rem;
}
@media only screen and (max-width: 767px) {
.ptf-single-post__wrapper {
padding-top: 2.8125rem;
padding-bottom: 5rem;
}
}
@media only screen and (min-width: 1200px) {
.ptf-single-post__wrapper .alignwide {
width: auto;
margin-right: calc(-25% - var(--bs-gutter-x) / 2 - 0.375rem);
margin-left: calc(-25% - var(--bs-gutter-x) / 2 - 0.375rem);
}
}
.ptf-single-post__excerpt {
margin-bottom: 3.75rem;
color: var(--ptf-color-black);
font-size: 1.125rem;
line-height: 1.6;
font-weight: 700;
}
@media only screen and (max-width: 767px) {
.ptf-single-post__excerpt {
font-size: 1.0625rem;
margin-bottom: 1.875rem;
}
}
@media only screen and (max-width: 575px) {
.ptf-single-post__excerpt {
font-size: 1rem;
}
}
.ptf-single-post__content {
font-size: 1.125rem;
line-height: 1.8;
color: #333333;
/* Style blockquote which are used as code/terminal logs in the user's content */
}
@media only screen and (max-width: 767px) {
.ptf-single-post__content {
font-size: 1.0625rem;
}
}
@media only screen and (max-width: 575px) {
.ptf-single-post__content {
font-size: 1rem;
}
}
.ptf-single-post__content p {
margin-bottom: 1.5rem;
color: #333333;
}
.ptf-single-post__content h1, .ptf-single-post__content .h1, .ptf-single-post__content h2, .ptf-single-post__content .h2, .ptf-single-post__content h3, .ptf-single-post__content .h3, .ptf-single-post__content h4, .ptf-single-post__content .h4, .ptf-single-post__content h5, .ptf-single-post__content .h5, .ptf-single-post__content h6, .ptf-single-post__content .h6 {
color: var(--ptf-color-black);
font-weight: 700;
line-height: 1.4;
margin-top: 3rem;
margin-bottom: 1.25rem;
}
.ptf-single-post__content h1, .ptf-single-post__content .h1 {
font-size: 2.25rem;
}
@media only screen and (max-width: 767px) {
.ptf-single-post__content h1, .ptf-single-post__content .h1 {
font-size: 1.875rem;
}
}
@media only screen and (max-width: 575px) {
.ptf-single-post__content h1, .ptf-single-post__content .h1 {
font-size: 1.625rem;
}
}
.ptf-single-post__content h2, .ptf-single-post__content .h2 {
font-size: 1.75rem;
border-bottom: 1px solid var(--ptf-color-14);
padding-bottom: 0.5rem;
}
@media only screen and (max-width: 767px) {
.ptf-single-post__content h2, .ptf-single-post__content .h2 {
font-size: 1.5rem;
}
}
@media only screen and (max-width: 575px) {
.ptf-single-post__content h2, .ptf-single-post__content .h2 {
font-size: 1.375rem;
}
}
.ptf-single-post__content h3, .ptf-single-post__content .h3 {
font-size: 1.375rem;
}
@media only screen and (max-width: 767px) {
.ptf-single-post__content h3, .ptf-single-post__content .h3 {
font-size: 1.25rem;
}
}
@media only screen and (max-width: 575px) {
.ptf-single-post__content h3, .ptf-single-post__content .h3 {
font-size: 1.125rem;
}
}
.ptf-single-post__content h4, .ptf-single-post__content .h4 {
font-size: 1.125rem;
}
@media only screen and (max-width: 767px) {
.ptf-single-post__content h4, .ptf-single-post__content .h4 {
font-size: 1.0625rem;
}
}
@media only screen and (max-width: 575px) {
.ptf-single-post__content h4, .ptf-single-post__content .h4 {
font-size: 1rem;
}
}
.ptf-single-post__content a {
color: var(--ptf-accent-1);
text-decoration: underline;
transition: color 0.25s ease;
}
.ptf-single-post__content a:hover {
color: var(--ptf-color-black);
}
.ptf-single-post__content ul, .ptf-single-post__content ol {
margin-top: 0.75rem;
margin-bottom: 1.5rem;
padding-left: 1.5rem;
}
.ptf-single-post__content ul li, .ptf-single-post__content ol li {
margin-bottom: 0.5rem;
line-height: 1.7;
}
.ptf-single-post__content ul li::marker, .ptf-single-post__content ol li::marker {
color: var(--ptf-accent-1);
}
.ptf-single-post__content code {
font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
font-size: 88%;
background-color: #f1f5f9;
color: #e11d48; /* a nice bright rose-600 */
padding: 0.1875rem 0.375rem;
border-radius: 4px;
word-break: break-word;
}
.ptf-single-post__content pre {
background-color: #0f172a !important; /* Slate 900 terminal */
color: #f8fafc !important; /* Slate 50 */
padding: 1.25rem;
border-radius: 8px;
font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
font-size: 90%;
line-height: 1.6;
overflow-x: auto;
margin-bottom: 1.5rem;
border-left: 4px solid var(--ptf-accent-1);
}
.ptf-single-post__content pre code {
background-color: transparent !important;
color: inherit !important;
padding: 0 !important;
border-radius: 0 !important;
font-size: inherit !important;
}
.ptf-single-post__content blockquote {
background-color: #0f172a !important; /* Rich terminal slate-900 */
color: #e2e8f0 !important; /* Slate 200 text */
font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace !important;
font-size: 0.9375rem !important;
line-height: 1.6 !important;
padding: 1rem 1.25rem !important;
border-left: 4px solid var(--ptf-accent-1) !important;
border-radius: 6px !important;
margin: 1.5rem 0 !important;
overflow-x: auto;
white-space: pre-wrap; /* critical for command lines to not cut off */
font-style: normal !important;
}
.ptf-single-post__content blockquote br {
content: "";
margin-bottom: 0.5rem;
display: block;
}
.ptf-single-post__content blockquote a {
color: #38bdf8 !important; /* Light sky blue links inside terminal */
text-decoration: underline !important;
}
.ptf-single-post__content blockquote a:hover {
color: #7dd3fc !important;
}
.ptf-single-post__content img {
max-width: 100%;
height: auto;
margin: 2rem auto;
display: block;
border-radius: 8px;
box-shadow: 0 0.625rem 1.875rem rgba(0, 0, 0, 0.05);
}
.ptf-single-post__info {
display: flex;
margin-bottom: 5rem;
}
@media only screen and (max-width: 767px) {
.ptf-single-post__info {
margin-bottom: 2.5rem;
}
}
.ptf-single-post__info a {
font-size: 0.875rem;
}
.ptf-single-post__info a span {
color: var(--ptf-color-black);
}
.ptf-single-post__info a i {
margin-right: 0.625rem;
font-size: 1rem;
}
.ptf-single-post__info a.report {
margin-left: auto;
}
@media only screen and (max-width: 767px) {
.ptf-single-post__info a.report {
display: none;
}
}
.ptf-single-post__info a + a {
margin-left: 3.125rem;
}
@media only screen and (max-width: 767px) {
.ptf-single-post__info a + a {
margin-left: 1.875rem;
}
}
.ptf-single-post__footer {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 5.625rem;
padding-bottom: 5.625rem;
}
@media only screen and (max-width: 767px) {
.ptf-single-post__footer {
margin-top: 2.8125rem;
padding-bottom: 2.8125rem;
}
}
@media only screen and (max-width: 991px) {
.ptf-single-post__footer {
flex-direction: column;
}
}
.ptf-single-post .ptf-post-socials {
display: flex;
align-items: center;
}
@media only screen and (max-width: 991px) {
.ptf-single-post .ptf-post-socials {
margin-top: 1.875rem;
}
}
.ptf-single-post .ptf-post-socials span {
margin-right: 1.25rem;
text-transform: uppercase;
color: var(--ptf-color-black);
font-size: 0.875rem;
}
@media only screen and (max-width: 991px) {
.ptf-single-post .ptf-post-socials span {
display: none;
}
}
.blog-social .ptf-social-icon--style-1 {
font-size: 0.875rem;
}
.min-vh-100.jarallax,
.jarallax.jarallax-img {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-attachment: fixed;
}
/* 05. Partials */
/* PARTIAL: ABOUT AUTHOR
-------------------------------------------- */
.ptf-about-author {
display: flex;
padding: 3.75rem 0 0;
border-top: 1px solid var(--ptf-color-14);
}
.ptf-about-author__avatar {
flex-shrink: 0;
max-width: 5rem;
}
@media only screen and (max-width: 991px) {
.ptf-about-author__avatar {
display: none;
}
}
.ptf-about-author__avatar img {
border-radius: 50%;
}
.ptf-about-author__content {
flex-basis: 100%;
}
.ptf-about-author .ptf-about-author__avatar + .ptf-about-author__content {
margin-left: 2.375rem;
}
@media only screen and (max-width: 991px) {
.ptf-about-author .ptf-about-author__avatar + .ptf-about-author__content {
margin-left: 0;
}
}
.ptf-about-author__header {
margin-bottom: 1.125rem;
}
.ptf-about-author__header h6, .ptf-about-author__header .h6 {
font-size: 1.5rem;
}
.ptf-about-author__header span {
display: block;
margin-top: 0.25rem;
text-transform: uppercase;
color: var(--ptf-color-3);
font-size: 0.75rem;
}
.ptf-about-author__text {
padding-right: 1.5625rem;
}
.ptf-about-author .ptf-social-icon {
margin-top: 1.875rem;
}
/* PARTIAL: FILLED LINK
-------------------------------------------- */
.ptf-filled-link {
display: inline-flex;
color: inherit;
background-image: linear-gradient(to right, var(--ptf-accent-1), var(--ptf-accent-1) 50%, currentColor 50%);
background-position: 100% 0;
-webkit-background-clip: text;
background-clip: text;
background-size: 200% 200%;
transition: background-position calc(var(--ptf-transition-duration) * 2) var(--ptf-transition-easing);
-webkit-text-fill-color: transparent;
}
.ptf-filled-link:hover {
color: inherit;
background-position: 0 0;
}
/* PARTIAL: LINK WITH ARROW
-------------------------------------------- */
.ptf-link-with-arrow {
display: inline-flex;
align-items: center;
line-height: 1;
--ptf-icon-indent: 0.625rem;
}
.ptf-link-with-arrow svg,
.ptf-link-with-arrow i {
margin-left: var(--ptf-icon-indent);
transition: transform var(--ptf-transition-duration) var(--ptf-transition-easing);
}
.ptf-link-with-arrow:hover svg,
.ptf-link-with-arrow:hover i {
transform: translateX(2px);
}
/* PARTIAL: MASK IMAGE
-------------------------------------------- */
.ptf-mask-image {
position: relative;
}
.ptf-mask-image img:not(:last-of-type) {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
}
.ptf-mask-image img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
-webkit-mask-image: var(--ptf-mask-image);
mask-image: var(--ptf-mask-image);
-webkit-mask-repeat: round;
mask-repeat: round;
}
.ptf-mask-image img.lay {
-webkit-mask-image: url(/_next/static/media/about-me-main-image-mask.32779898.png);
mask-image: url(/_next/static/media/about-me-main-image-mask.32779898.png);
}
.ptf-mask-image img.lay2 {
-webkit-mask-image: url(/_next/static/media/about-us-main-image-mask.2210832e.png);
mask-image: url(/_next/static/media/about-us-main-image-mask.2210832e.png);
}
.ptf-mask-image img.lay3 {
-webkit-mask-image: url(/_next/static/media/home-dark-main-image-mask.a8567986.png);
mask-image: url(/_next/static/media/home-dark-main-image-mask.a8567986.png);
}
/* PARTIAL: POST NAVIGATION
-------------------------------------------- */
.ptf-post-navigation {
color: var(--ptf-color-black);
}
.ptf-post-navigation span {
display: block;
margin-bottom: 0.9375rem;
text-transform: uppercase;
color: var(--ptf-color-3);
}
/* SECTION: STYLE 1
-------------------------------------------- */
.ptf-post-navigation--style-1 {
margin-top: 7.5rem;
padding-top: 8.75rem;
border-top: 1px solid var(--ptf-color-14);
}
@media only screen and (max-width: 767px) {
.ptf-post-navigation--style-1 {
margin-top: 3.75rem;
padding-top: 4.375rem;
}
}
.ptf-post-navigation--style-1 span {
font-size: 1.25rem;
font-weight: 700;
}
/* SECTION: STYLE 2
-------------------------------------------- */
.ptf-post-navigation--style-2 {
padding-top: 11.25rem;
padding-bottom: 10rem;
}
@media only screen and (max-width: 767px) {
.ptf-post-navigation--style-2 {
padding-top: 5.625rem;
padding-bottom: 5rem;
}
}
.ptf-post-navigation--style-2 span {
font-size: 1.125rem;
}
/* PARTIAL: RELATED POSTS
-------------------------------------------- */
.ptf-related-posts {
margin-top: 3.75rem;
padding: 5.625rem 0 0;
border-top: 1px solid var(--ptf-color-14);
}
.ptf-related-posts__title {
margin-bottom: 3.125rem;
}
/* PARTIAL: SOCIAL ICONS
-------------------------------------------- */
.ptf-social-icon {
display: inline-flex;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.ptf-social-icon:hover {
transform: translate(0, -2px);
}
/* STYLE 1 (icon)
-------------------------------------------- */
.ptf-social-icon--style-1 {
color: inherit;
font-size: 1.25rem;
line-height: 1;
}
.ptf-social-icon--style-1 + .ptf-social-icon--style-1 {
margin-left: 1.5625rem;
}
.ptf-social-icon--style-1:hover {
color: var(--ptf-accent-1);
}
/* STYLE 2 (icon)
-------------------------------------------- */
.ptf-social-icon--style-2 {
color: inherit;
font-size: 0.875rem;
line-height: 1;
}
.ptf-social-icon--style-2 + .ptf-social-icon--style-2 {
margin-left: 1.25rem;
}
.ptf-social-icon--style-2:hover {
color: var(--ptf-accent-1);
}
/* STYLE 3 (icon)
-------------------------------------------- */
.ptf-social-icon--style-3 {
align-items: center;
justify-content: center;
width: 2.5rem;
height: 2.5rem;
color: var(--ptf-color-2);
font-size: 1rem;
line-height: 1;
border-radius: 50%;
box-shadow: inset 0 0 1px var(--ptf-color-1);
}
.ptf-social-icon--style-3 + .ptf-social-icon--style-3 {
margin-left: 1.4375rem;
}
.ptf-social-icon--style-3:hover {
color: var(--ptf-color-white);
background-color: var(--ptf-accent-1);
box-shadow: inset 0 0 1px var(--ptf-accent-1);
}
.ptf-social-icon--style-3.twitter:hover {
background-color: #1da1f2;
}
.ptf-social-icon--style-3.facebook:hover {
background-color: #3b5998;
}
.ptf-social-icon--style-3.instagram:hover {
background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
}
/* STYLE 4 (icon)
-------------------------------------------- */
.ptf-social-icon--style-4 {
align-items: center;
justify-content: center;
width: 1.875rem;
height: 1.875rem;
color: var(--ptf-color-white);
font-size: 1rem;
line-height: 1;
border-radius: 50%;
background-color: var(--ptf-accent-1);
}
.ptf-social-icon--style-4 + .ptf-social-icon--style-4 {
margin-left: 0.4375rem;
}
.ptf-social-icon--style-4:hover {
color: var(--ptf-color-white);
}
.ptf-social-icon--style-4internet {
background-color: #1a55f8;
}
.ptf-social-icon--style-4moddb {
background-color: #cc0300;
}
.ptf-social-icon--style-4indiedb {
background-color: #77c628;
}
.ptf-social-icon--style-4traxsource {
background-color: #40a0ff;
}
.ptf-social-icon--style-4gamefor {
background-color: #506f82;
}
.ptf-social-icon--style-4pixiv {
background-color: #049cff;
}
.ptf-social-icon--style-4myanimelist {
background-color: #2e51a2;
}
.ptf-social-icon--style-4blackberry {
background-color: #000;
}
.ptf-social-icon--style-4wickr {
background-color: #f29100;
}
.ptf-social-icon--style-4spip {
background-color: #e00d6f;
}
.ptf-social-icon--style-4napster {
background-color: #000;
}
.ptf-social-icon--style-4beatport {
background-color: #94d500;
}
.ptf-social-icon--style-4hackerone {
background-color: #ec1075;
}
.ptf-social-icon--style-4hackernews {
background-color: #ff6601;
}
.ptf-social-icon--style-4smashwords {
background-color: #4181c3;
}
.ptf-social-icon--style-4kobo {
background-color: #bf0000;
}
.ptf-social-icon--style-4bookbub {
background-color: #e70005;
}
.ptf-social-icon--style-4mailru {
background-color: #fda840;
}
.ptf-social-icon--style-4gitlab {
background-color: #e65228;
}
.ptf-social-icon--style-4instructables {
background-color: #f8b514;
}
.ptf-social-icon--style-4portfolio {
background-color: #54afff;
}
.ptf-social-icon--style-4codered {
background-color: #ff033b;
}
.ptf-social-icon--style-4origin {
background-color: #f56c2e;
}
.ptf-social-icon--style-4nextdoor {
background-color: #01b247;
}
.ptf-social-icon--style-4udemy {
background-color: #17aa1c;
}
.ptf-social-icon--style-4livemaster {
background-color: #e76d00;
}
.ptf-social-icon--style-4crunchbase {
background-color: #0288d1;
}
.ptf-social-icon--style-4homefy {
background-color: #7dcda3;
}
.ptf-social-icon--style-4calendly {
background-color: #00a3fa;
}
.ptf-social-icon--style-4realtor {
background-color: #d52228;
}
.ptf-social-icon--style-4tidal {
background-color: #01ffff;
}
.ptf-social-icon--style-4qobuz {
background-color: #298fbf;
}
.ptf-social-icon--style-4natgeo {
background-color: #222;
}
.ptf-social-icon--style-4mastodon {
background-color: #2986d6;
}
.ptf-social-icon--style-4unsplash {
background-color: #000;
}
.ptf-social-icon--style-4homeadvisor {
background-color: #ef8b1d;
}
.ptf-social-icon--style-4angieslist {
background-color: #299f37;
}
.ptf-social-icon--style-4codepen {
background-color: #000;
}
.ptf-social-icon--style-4slack {
background-color: #4b6bc6;
}
.ptf-social-icon--style-4openaigym {
background-color: #29a8b3;
}
.ptf-social-icon--style-4logmein {
background-color: #45b6f3;
}
.ptf-social-icon--style-4fiverr {
background-color: #0db62a;
}
.ptf-social-icon--style-4gotomeeting {
background-color: #fd7a2b;
}
.ptf-social-icon--style-4aliexpress {
background-color: #e92c00;
}
.ptf-social-icon--style-4guru {
background-color: #4c81c0;
}
.ptf-social-icon--style-4appstore {
background-color: #007aff;
}
.ptf-social-icon--style-4homes {
background-color: #f7841b;
}
.ptf-social-icon--style-4zoom {
background-color: #2d8cff;
}
.ptf-social-icon--style-4alibaba {
background-color: #ff6a00;
}
.ptf-social-icon--style-4craigslist {
background-color: #561a8b;
}
.ptf-social-icon--style-4wix {
background-color: #0096ff;
}
.ptf-social-icon--style-4redfin {
background-color: #c82022;
}
.ptf-social-icon--style-4googlecalendar {
background-color: #3d81f6;
}
.ptf-social-icon--style-4shopify {
background-color: #5c6ac4;
}
.ptf-social-icon--style-4freelancer {
background-color: #0088ca;
}
.ptf-social-icon--style-4seedrs {
background-color: #7fbb31;
}
.ptf-social-icon--style-4bing {
background-color: #008485;
}
.ptf-social-icon--style-4doodle {
background-color: #0064dc;
}
.ptf-social-icon--style-4bonanza {
background-color: #ff4950;
}
.ptf-social-icon--style-4squarespace {
background-color: #121212;
}
.ptf-social-icon--style-4toptal {
background-color: #4c73aa;
}
.ptf-social-icon--style-4gust {
background-color: #1e2e3e;
}
.ptf-social-icon--style-4ask {
background-color: #cf0000;
}
.ptf-social-icon--style-4trulia {
background-color: #20bf63;
}
.ptf-social-icon--style-4loomly {
background-color: #00425f;
}
.ptf-social-icon--style-4ghost {
background-color: #33393c;
}
.ptf-social-icon--style-4upwork {
background-color: #5bbc2f;
}
.ptf-social-icon--style-4fundable {
background-color: #1d181f;
}
.ptf-social-icon--style-4booking {
background-color: #003580;
}
.ptf-social-icon--style-4googlemaps {
background-color: #4285f4;
}
.ptf-social-icon--style-4zillow {
background-color: #0074e4;
}
.ptf-social-icon--style-4niconico {
background-color: #000;
}
.ptf-social-icon--style-4toneden {
background-color: #777bf9;
}
.ptf-social-icon--style-4augment {
background-color: #e71204;
}
.ptf-social-icon--style-4bitbucket {
background-color: #243759;
}
.ptf-social-icon--style-4fyuse {
background-color: #ff3143;
}
.ptf-social-icon--style-4yt-gaming {
background-color: #e91d00;
}
.ptf-social-icon--style-4sketchfab {
background-color: #00a5d6;
}
.ptf-social-icon--style-4mobcrush {
background-color: #fe0;
}
.ptf-social-icon--style-4microsoft {
background-color: #666;
}
.ptf-social-icon--style-4pandora {
background-color: #224099;
}
.ptf-social-icon--style-4messenger {
background-color: #0084ff;
}
.ptf-social-icon--style-4gamewisp {
background-color: #f8a853;
}
.ptf-social-icon--style-4bloglovin {
background-color: #000;
}
.ptf-social-icon--style-4tunein {
background-color: #36b4a7;
}
.ptf-social-icon--style-4gamejolt {
background-color: #191919;
}
.ptf-social-icon--style-4trello {
background-color: #0079bf;
}
.ptf-social-icon--style-4spreadshirt {
background-color: #00b2a6;
}
.ptf-social-icon--style-4500px {
background-color: #58a9de;
}
.ptf-social-icon--style-48tracks {
background-color: #122c4b;
}
.ptf-social-icon--style-4airbnb {
background-color: #ff5a5f;
}
.ptf-social-icon--style-4alliance {
background-color: #144587;
}
.ptf-social-icon--style-4amazon {
background-color: #f90;
}
.ptf-social-icon--style-4amplement {
background-color: #0996c3;
}
.ptf-social-icon--style-4android {
background-color: #8ec047;
}
.ptf-social-icon--style-4angellist {
background-color: #000;
}
.ptf-social-icon--style-4apple {
background-color: #b9bfc1;
}
.ptf-social-icon--style-4appnet {
background-color: #494949;
}
.ptf-social-icon--style-4baidu {
background-color: #2629d9;
}
.ptf-social-icon--style-4bandcamp {
background-color: #619aa9;
}
.ptf-social-icon--style-4battlenet {
background-color: #0096cd;
}
.ptf-social-icon--style-4mixer {
background-color: #1fbaed;
}
.ptf-social-icon--style-4bebee {
background-color: #f28f16;
}
.ptf-social-icon--style-4bebo {
background-color: #ef1011;
}
.ptf-social-icon--style-4behance {
background-color: #000;
}
.ptf-social-icon--style-4blizzard {
background-color: #01b2f1;
}
.ptf-social-icon--style-4blogger {
background-color: #ec661c;
}
.ptf-social-icon--style-4buffer {
background-color: #000;
}
.ptf-social-icon--style-4chrome {
background-color: #757575;
}
.ptf-social-icon--style-4coderwall {
background-color: #3e8dcc;
}
.ptf-social-icon--style-4curse {
background-color: #f26522;
}
.ptf-social-icon--style-4dailymotion {
background-color: #004e72;
}
.ptf-social-icon--style-4deezer {
background-color: #32323d;
}
.ptf-social-icon--style-4delicious {
background-color: #020202;
}
.ptf-social-icon--style-4deviantart {
background-color: #c5d200;
}
.ptf-social-icon--style-4diablo {
background-color: #8b1209;
}
.ptf-social-icon--style-4digg {
background-color: #1d1d1b;
}
.ptf-social-icon--style-4discord {
background-color: #7289da;
}
.ptf-social-icon--style-4disqus {
background-color: #2e9fff;
}
.ptf-social-icon--style-4douban {
background-color: #3ca353;
}
.ptf-social-icon--style-4draugiem {
background-color: #ffa32b;
}
.ptf-social-icon--style-4dribbble {
background-color: #e84d88;
}
.ptf-social-icon--style-4drupal {
background-color: #00598e;
}
.ptf-social-icon--style-4ebay {
background-color: #333;
}
.ptf-social-icon--style-4ello {
background-color: #000;
}
.ptf-social-icon--style-4endomodo {
background-color: #86ad00;
}
.ptf-social-icon--style-4envato {
background-color: #597c3a;
}
.ptf-social-icon--style-4etsy {
background-color: #f56400;
}
.ptf-social-icon--style-4facebook {
background-color: #3e5b98;
}
.ptf-social-icon--style-4feedburner {
background-color: #fc0;
}
.ptf-social-icon--style-4filmweb {
background-color: #ffc404;
}
.ptf-social-icon--style-4firefox {
background-color: #484848;
}
.ptf-social-icon--style-4flattr {
background-color: #f67c1a;
}
.ptf-social-icon--style-4flickr {
background-color: #1e1e1b;
}
.ptf-social-icon--style-4formulr {
background-color: #ff5a60;
}
.ptf-social-icon--style-4forrst {
background-color: #5b9a68;
}
.ptf-social-icon--style-4foursquare {
background-color: #f94877;
}
.ptf-social-icon--style-4friendfeed {
background-color: #2f72c4;
}
.ptf-social-icon--style-4github {
background-color: #221e1b;
}
.ptf-social-icon--style-4goodreads {
background-color: #463020;
}
.ptf-social-icon--style-4google {
background-color: #4285f4;
}
.ptf-social-icon--style-4googlescholar {
background-color: #4285f4;
}
.ptf-social-icon--style-4googlegroups {
background-color: #4f8ef5;
}
.ptf-social-icon--style-4googlephotos {
background-color: #212121;
}
.ptf-social-icon--style-4googleplus {
background-color: #dd4b39;
}
.ptf-social-icon--style-4grooveshark {
background-color: #000;
}
.ptf-social-icon--style-4hackerrank {
background-color: #2ec866;
}
.ptf-social-icon--style-4hacker-news {
background-color: #f60;
}
.ptf-social-icon--style-4hearthstone {
background-color: #ec9313;
}
.ptf-social-icon--style-4hellocoton {
background-color: #d30d66;
}
.ptf-social-icon--style-4heroes {
background-color: #2397f7;
}
.ptf-social-icon--style-4smashcast {
background-color: #3498db;
}
.ptf-social-icon--style-4horde {
background-color: #84121c;
}
.ptf-social-icon--style-4houzz {
background-color: #7cc04b;
}
.ptf-social-icon--style-4icq {
background-color: #7ebd00;
}
.ptf-social-icon--style-4identica {
background-color: #000;
}
.ptf-social-icon--style-4imdb {
background-color: #e8ba00;
}
.ptf-social-icon--style-4instagram {
background-color: #c83b8b;
}
.ptf-social-icon--style-4issuu {
background-color: #f26f61;
}
.ptf-social-icon--style-4istock {
background-color: #000;
}
.ptf-social-icon--style-4itunes {
background-color: #ff5e51;
}
.ptf-social-icon--style-4keybase {
background-color: #ff7100;
}
.ptf-social-icon--style-4lanyrd {
background-color: #3c80c9;
}
.ptf-social-icon--style-4lastfm {
background-color: #d41316;
}
.ptf-social-icon--style-4line {
background-color: #00b901;
}
.ptf-social-icon--style-4linkedin {
background-color: #3371b7;
}
.ptf-social-icon--style-4livejournal {
background-color: #09c;
}
.ptf-social-icon--style-4lyft {
background-color: #ff00bf;
}
.ptf-social-icon--style-4macos {
background-color: #000;
}
.ptf-social-icon--style-4mail {
background-color: #f3894d;
}
.ptf-social-icon--style-4medium {
background-color: #000;
}
.ptf-social-icon--style-4meetup {
background-color: #e2373c;
}
.ptf-social-icon--style-4mixcloud {
background-color: #000;
}
.ptf-social-icon--style-4modelmayhem {
background-color: #000;
}
.ptf-social-icon--style-4mumble {
background-color: #5ab5d1;
}
.ptf-social-icon--style-4myspace {
background-color: #323232;
}
.ptf-social-icon--style-4newsvine {
background-color: #075b2f;
}
.ptf-social-icon--style-4nintendo {
background-color: #f58a33;
}
.ptf-social-icon--style-4npm {
background-color: #c12127;
}
.ptf-social-icon--style-4odnoklassniki {
background-color: #f48420;
}
.ptf-social-icon--style-4openid {
background-color: #f78c40;
}
.ptf-social-icon--style-4opera {
background-color: #ff1b2d;
}
.ptf-social-icon--style-4outlook {
background-color: #0072c6;
}
.ptf-social-icon--style-4overwatch {
background-color: #9e9e9e;
}
.ptf-social-icon--style-4patreon {
background-color: #f96854;
}
.ptf-social-icon--style-4paypal {
background-color: #009cde;
}
.ptf-social-icon--style-4periscope {
background-color: #3aa4c6;
}
.ptf-social-icon--style-4persona {
background-color: #e6753d;
}
.ptf-social-icon--style-4pinterest {
background-color: #c92619;
}
.ptf-social-icon--style-4play {
background-color: #000;
}
.ptf-social-icon--style-4player {
background-color: #6e41bd;
}
.ptf-social-icon--style-4playstation {
background-color: #000;
}
.ptf-social-icon--style-4pocket {
background-color: #ed4055;
}
.ptf-social-icon--style-4qq {
background-color: #4297d3;
}
.ptf-social-icon--style-4quora {
background-color: #cb202d;
}
.ptf-social-icon--style-4raidcall {
background-color: #073558;
}
.ptf-social-icon--style-4ravelry {
background-color: #b6014c;
}
.ptf-social-icon--style-4reddit {
background-color: #e74a1e;
}
.ptf-social-icon--style-4renren {
background-color: #2266b0;
}
.ptf-social-icon--style-4researchgate {
background-color: #0cb;
}
.ptf-social-icon--style-4residentadvisor {
background-color: #b3be1b;
}
.ptf-social-icon--style-4reverbnation {
background-color: #000;
}
.ptf-social-icon--style-4rss {
background-color: #f26109;
}
.ptf-social-icon--style-4sharethis {
background-color: #01bf01;
}
.ptf-social-icon--style-4skype {
background-color: #28abe3;
}
.ptf-social-icon--style-4slideshare {
background-color: #4ba3a6;
}
.ptf-social-icon--style-4smugmug {
background-color: #acfd32;
}
.ptf-social-icon--style-4snapchat {
background-color: #fffa37;
}
.ptf-social-icon--style-4songkick {
background-color: #f80046;
}
.ptf-social-icon--style-4soundcloud {
background-color: #fe3801;
}
.ptf-social-icon--style-4spotify {
background-color: #7bb342;
}
.ptf-social-icon--style-4stackexchange {
background-color: #2f2f2f;
}
.ptf-social-icon--style-4stackoverflow {
background-color: #fd9827;
}
.ptf-social-icon--style-4starcraft {
background-color: #002250;
}
.ptf-social-icon--style-4stayfriends {
background-color: #f08a1c;
}
.ptf-social-icon--style-4steam {
background-color: #171a21;
}
.ptf-social-icon--style-4storehouse {
background-color: #25b0e6;
}
.ptf-social-icon--style-4strava {
background-color: #fc4c02;
}
.ptf-social-icon--style-4streamjar {
background-color: #503a60;
}
.ptf-social-icon--style-4stumbleupon {
background-color: #e64011;
}
.ptf-social-icon--style-4swarm {
background-color: #fc9d3c;
}
.ptf-social-icon--style-4teamspeak {
background-color: #465674;
}
.ptf-social-icon--style-4teamviewer {
background-color: #168ef4;
}
.ptf-social-icon--style-4technorati {
background-color: #5cb030;
}
.ptf-social-icon--style-4telegram {
background-color: #08c;
}
.ptf-social-icon--style-4tripadvisor {
background-color: #4b7e37;
}
.ptf-social-icon--style-4tripit {
background-color: #1982c3;
}
.ptf-social-icon--style-4triplej {
background-color: #e53531;
}
.ptf-social-icon--style-4tumblr {
background-color: #45556c;
}
.ptf-social-icon--style-4twitch {
background-color: #6441a5;
}
.ptf-social-icon--style-4twitter {
background-color: #0cf;
}
.ptf-social-icon--style-4uber {
background-color: #000;
}
.ptf-social-icon--style-4ventrilo {
background-color: #77808a;
}
.ptf-social-icon--style-4viadeo {
background-color: #e4a000;
}
.ptf-social-icon--style-4viber {
background-color: #7b519d;
}
.ptf-social-icon--style-4viewbug {
background-color: #2b9fcf;
}
.ptf-social-icon--style-4vimeo {
background-color: #51b5e7;
}
.ptf-social-icon--style-4vine {
background-color: #00b389;
}
.ptf-social-icon--style-4vkontakte {
background-color: #5a7fa6;
}
.ptf-social-icon--style-4warcraft {
background-color: #1eb10a;
}
.ptf-social-icon--style-4wechat {
background-color: #09b507;
}
.ptf-social-icon--style-4weibo {
background-color: #e31c34;
}
.ptf-social-icon--style-4whatsapp {
background-color: #20b038;
}
.ptf-social-icon--style-4wikipedia {
background-color: #000;
}
.ptf-social-icon--style-4windows {
background-color: #00bdf6;
}
.ptf-social-icon--style-4wordpress {
background-color: #464646;
}
.ptf-social-icon--style-4wykop {
background-color: #328efe;
}
.ptf-social-icon--style-4xbox {
background-color: #92c83e;
}
.ptf-social-icon--style-4xing {
background-color: #005a60;
}
.ptf-social-icon--style-4yahoo {
background-color: #6e2a85;
}
.ptf-social-icon--style-4yammer {
background-color: #1175c4;
}
.ptf-social-icon--style-4yandex {
background-color: #f00;
}
.ptf-social-icon--style-4yelp {
background-color: #c83218;
}
.ptf-social-icon--style-4younow {
background-color: #61c03e;
}
.ptf-social-icon--style-4youtube {
background-color: #e02a20;
}
.ptf-social-icon--style-4zapier {
background-color: #ff4a00;
}
.ptf-social-icon--style-4zerply {
background-color: #9dbc7a;
}
.ptf-social-icon--style-4zomato {
background-color: #cb202d;
}
.ptf-social-icon--style-4zynga {
background-color: #dc0606;
}
.ptf-social-icon--style-4.facebook {
background-color: #3e5b98;
}
.ptf-social-icon--style-4.twitter {
background-color: #0cf;
}
.ptf-social-icon--style-4.pinterest {
background-color: #c92619;
}
.ptf-social-icon--style-4.linkedin {
background-color: #3371b7;
}
/* PARTIAL: SUBMIT BUTTON
-------------------------------------------- */
.ptf-submit-button {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0;
color: var(--ptf-color-black);
font-size: 3.75rem;
font-weight: 700;
border: none;
background: none;
transition: all var(--ptf-transition-duration) var(--ptf-transition-easing);
cursor: pointer;
}
.ptf-submit-button svg {
width: 1em;
height: 1em;
margin-top: 0.12em;
margin-left: 2.5rem;
transition: transform var(--ptf-transition-duration) var(--ptf-transition-easing);
}
.ptf-submit-button:hover {
color: var(--ptf-accent-1);
}
.ptf-submit-button:hover svg {
transform: translateX(2px);
}
/* SECTION: STYLE 2
-------------------------------------------- */
.ptf-submit-button--style-2 {
text-transform: uppercase;
font-size: 1.5rem;
}
.ptf-submit-button--style-2 svg {
margin-left: 1.25rem;
}
/* 06. Widgets */
/* WIDGET: ADVANTAGE BOX
-------------------------------------------- */
.ptf-advantage-box {
--ptf-image-height: 102px;
}
.ptf-advantage-box {
text-align: center;
}
.ptf-advantage-box__content {
padding: 3.4375rem 0.9375rem 2.8125rem;
border-radius: 9.375rem;
background-color: var(--ptf-color-8);
}
.ptf-advantage-box__image {
display: flex;
align-items: flex-end;
justify-content: center;
height: 6.375rem;
transition: all var(--ptf-transition-duration) var(--ptf-transition-easing);
filter: grayscale(100%);
}
.ptf-advantage-box__image img {
width: auto;
height: var(--ptf-image-height);
}
.ptf-advantage-box__value {
display: inline-flex;
margin-top: 2.1875rem;
color: var(--ptf-color-black);
font-family: var(--ptf-secondary-font);
font-size: 3rem;
line-height: 1;
}
.ptf-advantage-box__value::after {
content: "%";
}
.ptf-advantage-box__title {
margin-top: 1.5625rem;
color: var(--ptf-color-black);
font-size: 1.125rem;
font-weight: normal;
}
.ptf-advantage-box:hover .ptf-advantage-box__image {
animation: ptf_bounce calc(var(--ptf-transition-duration) * 3) var(--ptf-transition-easing) forwards;
filter: none;
}
/* WIDGET: APPROACH BOX
-------------------------------------------- */
.ptf-approach-box {
--ptf-subtitle-color: var(--ptf-color-black);
--ptf-title-color: var(--ptf-color-black);
--ptf-content-color: var(--ptf-color-black);
}
.ptf-approach-box {
padding-top: 3.75rem;
border-top: 2px solid var(--ptf-color-black);
}
.ptf-approach-box__subtitle {
text-transform: uppercase;
color: var(--ptf-subtitle-color);
font-size: 1.25rem;
font-weight: 700;
}
.ptf-approach-box__title {
margin-top: 0.3125rem;
color: var(--ptf-title-color);
}
.ptf-approach-box__content {
margin-top: 2.5rem;
color: var(--ptf-content-color);
font-size: 1.125rem;
}
/* WIDGET: BUTTON
-------------------------------------------- */
.ptf-btn {
z-index: 1;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 1.4375rem 2.8125rem;
white-space: nowrap;
text-decoration: none;
font-size: 1.125rem;
line-height: 1;
font-weight: 700;
border: none;
outline: 0;
box-shadow: none;
transition: all var(--ptf-transition-duration) var(--ptf-transition-easing);
overflow: hidden;
cursor: pointer;
}
.ptf-btn:disabled, .ptf-btn.disabled {
cursor: not-allowed;
pointer-events: none;
}
.ptf-btn--block {
width: 100%;
}
.ptf-btn:focus {
outline: none;
}
.ptf-btn:hover {
text-decoration: none;
transform: translate(0, -2px);
}
/* BUTTON PRIMARY
-------------------------------------------- */
.ptf-btn.ptf-btn--primary {
color: var(--ptf-color-white);
background-color: var(--ptf-accent-1);
}
.ptf-btn.ptf-btn--primary:hover {
color: var(--ptf-color-white);
background-color: var(--ptf-accent-2);
}
.ptf-btn.ptf-btn--primary.ptf-btn--inversed {
color: var(--ptf-color-white);
background-color: var(--ptf-accent-2);
}
.ptf-btn.ptf-btn--primary.ptf-btn--inversed:hover {
color: var(--ptf-color-white);
background-color: var(--ptf-color-black);
}
/* BUTTON SECONDARY
-------------------------------------------- */
.ptf-btn.ptf-btn--secondary {
color: var(--ptf-color-white);
background-color: var(--ptf-color-black);
}
.ptf-btn.ptf-btn--secondary:hover {
color: var(--ptf-color-white);
background-color: var(--ptf-accent-1);
}
.ptf-btn.ptf-btn--secondary.ptf-btn--inversed {
color: var(--ptf-color-white);
background-color: var(--ptf-accent-1);
}
.ptf-btn.ptf-btn--secondary.ptf-btn--inversed:hover {
color: var(--ptf-color-white);
background-color: var(--ptf-color-black);
}
/* WIDGET: CLIENTS LIST
-------------------------------------------- */
.ptf-clients-list {
display: flex;
flex-wrap: wrap;
margin: 0;
margin-top: -6.25rem;
padding: 0;
list-style-type: none;
}
@media only screen and (max-width: 767px) {
.ptf-clients-list {
margin-top: -3.125rem;
}
}
.ptf-clients-list__item {
margin-top: 6.25rem;
}
@media only screen and (max-width: 767px) {
.ptf-clients-list__item {
margin-top: 3.125rem;
}
}
.ptf-clients-list__item img {
transition: all var(--ptf-transition-duration) var(--ptf-transition-easing);
}
.ptf-clients-list--start {
justify-content: flex-start;
}
.ptf-clients-list--start .ptf-clients-list__item {
align-self: flex-start;
text-align: left;
}
.ptf-clients-list--center {
justify-content: center;
}
.ptf-clients-list--center .ptf-clients-list__item {
align-self: center;
text-align: center;
}
.ptf-clients-list[data-columns="5"] .ptf-clients-list__item {
width: 20%;
}
@media only screen and (max-width: 1199px) {
.ptf-clients-list[data-columns="5"] .ptf-clients-list__item {
width: 25%;
}
}
@media only screen and (max-width: 991px) {
.ptf-clients-list[data-columns="5"] .ptf-clients-list__item {
width: 33.33%;
}
}
@media only screen and (max-width: 575px) {
.ptf-clients-list[data-columns="5"] .ptf-clients-list__item {
width: 50%;
}
}
.ptf-clients-list[data-columns="6"] .ptf-clients-list__item {
width: 16.66%;
}
@media only screen and (max-width: 1199px) {
.ptf-clients-list[data-columns="6"] .ptf-clients-list__item {
width: 25%;
}
}
@media only screen and (max-width: 991px) {
.ptf-clients-list[data-columns="6"] .ptf-clients-list__item {
width: 33.33%;
}
}
@media only screen and (max-width: 575px) {
.ptf-clients-list[data-columns="6"] .ptf-clients-list__item {
width: 50%;
}
}
/* SECTION: STYLE 1
-------------------------------------------- */
.ptf-clients-list--style-1 img {
filter: grayscale(1);
}
.ptf-clients-list--style-1 img:hover {
filter: none;
}
/* SECTION: STYLE 2
-------------------------------------------- */
.ptf-clients-list--style-2 img {
opacity: 0.5;
}
.ptf-clients-list--style-2 img:hover {
opacity: 1;
}
/* WIDGET: COUNTODWN
-------------------------------------------- */
.ptf-countdown {
display: grid;
grid-template-columns: repeat(7, 1fr);
grid-gap: 0.625rem;
}
.ptf-countdown__item .digits {
display: block;
white-space: nowrap;
color: var(--ptf-color-black);
font-size: 5rem;
line-height: 1.2;
}
@media only screen and (max-width: 1199px) {
.ptf-countdown__item .digits {
font-size: 4rem;
}
}
@media only screen and (max-width: 767px) {
.ptf-countdown__item .digits {
font-size: 2.875rem;
}
}
.ptf-countdown__item .label {
color: var(--ptf-color-black);
font-size: 1.125rem;
line-height: 1.2;
}
.ptf-countdown__item .sep {
text-align: center;
color: var(--ptf-color-black);
font-size: 1.875rem;
line-height: 5rem;
font-weight: 700;
}
@media only screen and (max-width: 1199px) {
.ptf-countdown__item .sep {
font-size: 1.5rem;
line-height: 4rem;
}
}
@media only screen and (max-width: 767px) {
.ptf-countdown__item .sep {
font-size: 1.25rem;
line-height: 2.875rem;
}
}
/* WIDGET: COUNTER UP
-------------------------------------------- */
.ptf-counter-up {
--ptf-value-font-family: var(--ptf-primary-font);
--ptf-value-font-weight: 700;
--ptf-value-color: var(--ptf-color-black);
--ptf-title-color: var(--ptf-color-2);
}
.ptf-counter-up {
display: inline-flex;
}
.ptf-counter-up .ptf-counter-up__value {
font-family: var(--ptf-value-font-family);
line-height: 1;
font-weight: var(--ptf-value-font-weight);
}
.ptf-counter-up .ptf-counter-up__value::before {
content: attr(data-prefix);
position: relative;
top: -0.15em;
margin-right: 0.3125rem;
font-size: 0.5em;
vertical-align: middle;
}
.ptf-counter-up .ptf-counter-up__value::after {
content: attr(data-suffix);
font-size: 0.6em;
margin-left: 0.125rem;
}
.ptf-counter-up .ptf-counter-up__title {
text-transform: uppercase;
color: var(--ptf-title-color);
font-weight: normal;
}
.ptf-counter-up--style-1 {
flex-direction: column;
}
.ptf-counter-up--style-1 .ptf-counter-up__title {
margin-top: 0.625rem;
}
@media (min-width: 1920px) {
.ptf-counter-up--style-1 {
display: inline-flex;
align-items: center;
flex-direction: row;
}
.ptf-counter-up--style-1 .ptf-counter-up__title {
flex-basis: 100%;
margin-top: 0;
margin-left: 1.875rem;
}
}
.ptf-counter-up--style-1 .ptf-counter-up__value {
color: var(--ptf-value-color);
font-size: 3.75rem;
}
.ptf-counter-up--style-1 .ptf-counter-up__title {
font-size: 1rem;
line-height: 1.6;
}
.ptf-counter-up--style-2 {
align-items: center;
flex-direction: row;
}
.ptf-counter-up--style-2 .ptf-counter-up__value {
color: var(--ptf-value-color);
font-size: 2.25rem;
}
.ptf-counter-up--style-2 .ptf-counter-up__title {
flex-basis: 100%;
margin-top: 0;
margin-left: 1.875rem;
text-align: left;
font-size: 0.875rem;
line-height: 1.42;
}
.ptf-counter-up--style-3 {
padding-top: 2.1875rem;
border-top: 2px solid var(--ptf-color-black);
}
.ptf-counter-up--style-3 .ptf-counter-up__title {
font-size: 1rem;
line-height: 1.875;
font-weight: 700;
}
.ptf-counter-up--style-3 .ptf-counter-up__value {
margin-top: 3.125rem;
color: var(--ptf-value-color);
font-size: 5rem;
}
@media only screen and (max-width: 767px) {
.ptf-counter-up--style-3 .ptf-counter-up__value {
margin-top: 1.875rem;
font-size: 3.375rem;
}
}
@media only screen and (max-width: 575px) {
.ptf-counter-up--style-3 .ptf-counter-up__value {
margin-top: 1.25rem;
font-size: 2.5rem;
}
}
/* WIDGET: DIVIDER
-------------------------------------------- */
.ptf-divider {
--ptf-height: 3px;
--ptf-color: linear-gradient(90deg, var(--ptf-accent-1) 0%, var(--ptf-accent-secondary) 100%);
}
.ptf-divider {
display: block;
height: var(--ptf-height);
background: var(--ptf-color);
clear: both;
}
/* WIDGET: FAQ
-------------------------------------------- */
.ptf-faq {
display: grid;
padding-bottom: 6.25rem;
border-bottom: 1px solid var(--ptf-color-14);
grid-template-columns: 21.5625rem 1fr;
}
@media only screen and (max-width: 991px) {
.ptf-faq {
grid-template-columns: 1fr;
grid-gap: 1.25rem;
}
}
.ptf-faq__category h3, .ptf-faq__category .h3 {
line-height: 1.33;
}
@media only screen and (min-width: 992px) {
.ptf-faq__question h6, .ptf-faq__question .h6 {
max-width: 22.5rem;
}
}
.ptf-faq__item {
display: grid;
padding-top: 0.625rem;
grid-template-columns: repeat(2, 1fr);
}
@media only screen and (max-width: 991px) {
.ptf-faq__item {
grid-template-columns: 1fr;
grid-gap: 1rem;
}
}
.ptf-faq .ptf-faq__item + .ptf-faq__item {
margin-top: 3.125rem;
}
@media only screen and (max-width: 991px) {
.ptf-faq .ptf-faq__item + .ptf-faq__item {
margin-top: 1.875rem;
}
}
.ptf-widget-faq .ptf-accordion dd {
animation: fade-in-up 0.3s;
}
.accordion .accordion__button dt {
transition: 0.4s ease-in-out;
}
.accordion .accordion__button dt:hover {
color: var(--ptf-accent-1);
}
.accordion .accordion__button[aria-expanded=true] dt {
color: var(--ptf-accent-1);
}
.accordion .accordion__button[aria-expanded=true] dt:after {
transform: rotate(-180deg);
}
/* WIDGET: GALLERY
-------------------------------------------- */
.ptf-gallery {
display: grid;
overflow: unset !important;
grid-template-columns: repeat(2, 1fr);
grid-gap: 1.875rem;
}
@media only screen and (max-width: 575px) {
.ptf-gallery {
grid-template-columns: 1fr;
}
}
.ptf-gallery__item {
overflow: unset !important;
}
/* WIDGET: HERO
-------------------------------------------- */
.ptf-showcase-3 {
position: relative;
background-color: var(--ptf-color-black);
}
.ptf-showcase-3 .ptf-swiper-button-prev--style-4,
.ptf-showcase-3 .ptf-swiper-button-next--style-4 {
z-index: 2;
display: none;
}
@media (min-width: 1920px) {
.ptf-showcase-3 .ptf-swiper-button-prev--style-4,
.ptf-showcase-3 .ptf-swiper-button-next--style-4 {
display: inline-flex;
}
}
.ptf-showcase-3 .ptf-swiper-fraction {
position: absolute;
bottom: 1.875rem;
left: 0.9375rem;
z-index: 2;
}
@media only screen and (min-width: 992px) {
.ptf-showcase-3 .ptf-swiper-fraction {
bottom: 3.75rem;
left: 4.375rem;
}
}
.ptf-showcase-3 .ptf-swiper-pagination {
position: absolute;
right: 0.9375rem;
bottom: 1.875rem;
left: auto;
z-index: 2;
width: auto;
}
@media only screen and (min-width: 992px) {
.ptf-showcase-3 .ptf-swiper-pagination {
right: 4.375rem;
bottom: 3.75rem;
}
}
.ptf-showcase-3 .ptf-swiper-button-prev--style-4 {
left: 0.9375rem;
}
@media only screen and (min-width: 992px) {
.ptf-showcase-3 .ptf-swiper-button-prev--style-4 {
left: 4.375rem;
}
}
.ptf-showcase-3 .ptf-swiper-button-next--style-4 {
right: 0.9375rem;
}
@media only screen and (min-width: 992px) {
.ptf-showcase-3 .ptf-swiper-button-next--style-4 {
right: 4.375rem;
}
}
.ptf-showcase-3 .swiper-slide {
overflow: hidden;
}
.ptf-showcase-3 .ptf-showcase-image {
position: relative;
overflow: hidden;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.ptf-showcase-3 .ptf-showcase-slide {
position: relative;
z-index: 2;
display: flex;
align-items: center;
flex-wrap: wrap;
min-height: 100vh;
padding: 125px 0 70px;
}
@media only screen and (max-width: 767px) {
.ptf-showcase-3 .ptf-showcase-slide {
min-height: 88vh;
padding: 5.75rem 0 3.375rem;
}
.ptf-showcase-3 .ptf-showcase-slide .container {
padding-right: 1.5rem;
padding-left: 1.5rem;
}
.ptf-showcase-3 .ptf-showcase-slide h1, .ptf-showcase-3 .ptf-showcase-slide .h1 {
font-size: 2.625rem;
line-height: 1.06;
}
.ptf-showcase-3 .ptf-showcase-slide .ptf-hero-description {
font-size: 1.125rem;
line-height: 1.5;
}
}
@media only screen and (max-width: 575px) {
.ptf-showcase-3 .ptf-showcase-slide h1, .ptf-showcase-3 .ptf-showcase-slide .h1 {
font-size: 2.25rem;
}
}
.image-1 {
background: url(/static/hero_mesh.png), linear-gradient(180deg, #101010 0%, #101010 100%);
overflow: hidden;
background-repeat: round;
}
.image-2 {
background-image: url(/_next/static/media/main-slide-2.d16fbc23.png);
}
.image-3 {
background-image: url(/_next/static/media/main-slide-3.d16fbc23.png);
}
.ptf-showcase-3 .slick-prev {
left: 7rem;
}
@media (min-width: 1920px) {
.ptf-showcase-3 .slick-prev {
left: 10.375rem;
}
}
.ptf-showcase-3 .slick-prev:hover {
transform: translateX(-10px);
}
.ptf-showcase-3 .slick-next {
right: 2rem;
}
@media (min-width: 1920px) {
.ptf-showcase-3 .slick-next {
right: 5.375rem;
}
}
.ptf-showcase-3 .slick-next:hover {
transform: translateX(10px);
}
.ptf-showcase-3 .slick-prev,
.ptf-showcase-3 .slick-next {
top: 46%;
width: 0;
height: 0;
}
.ptf-showcase-3 .slick-prev::after,
.ptf-showcase-3 .slick-next::after {
width: 52px;
height: 52px;
background: url(/_next/static/media/arrow-right.5c9f412c.svg) no-repeat;
filter: invert(1);
transition: 0.3s;
}
.ptf-showcase-3 .slick-dots {
bottom: 25px;
}
.ptf-showcase-3 .slick-dots li {
margin: 0 8px;
}
.ptf-showcase-3 .slick-dots button {
width: 18px;
height: 18px;
}
.ptf-showcase-3 .slick-dots button::before {
border-width: 1px;
}
@keyframes customOne {
from {
opacity: 0;
transform: translate3d(0, 50%, 0);
}
to {
opacity: 1;
transform: none;
}
}
.customOne {
animation-name: customOne;
}
.slick-slide.slick-current .ptf-showcase-slide h1, .slick-slide.slick-current .ptf-showcase-slide .h1 {
animation: 800ms ease-in-out 0s normal none 1 running customOne;
}
.slick-slide.slick-current .ptf-showcase-slide p {
animation: 1000ms ease-in-out 0s normal none 1 running customOne;
}
.slick-slide.slick-current .ptf-showcase-slide div.d-flex {
animation: 1200ms ease-in-out 0s normal none 1 running customOne;
}
.ptf-showcase-badge {
display: inline-flex;
align-items: center;
padding: 0.375rem 1.125rem;
border-radius: 2rem;
background-color: color-mix(in srgb, var(--ptf-accent-1) 8%, transparent);
border: 1px solid color-mix(in srgb, var(--ptf-accent-1) 15%, transparent);
color: var(--ptf-accent-1);
font-size: 0.75rem;
font-weight: 500;
letter-spacing: 0.5px;
}
@media only screen and (max-width: 767px) {
.ptf-showcase-badge {
font-size: 0.703125rem;
}
}
@media only screen and (max-width: 575px) {
.ptf-showcase-badge {
font-size: 0.65625rem;
padding: 0.25rem 0.875rem;
}
}
.ptf-showcase-badge__dot {
width: 5px;
height: 5px;
border-radius: 50%;
background-color: var(--ptf-accent-1);
margin-right: 6px;
display: inline-block;
}
.ptf-btn-label-mobile {
display: none;
}
h1.ptf-hero-title, .ptf-hero-title.h1 {
font-size: 3.75rem !important;
line-height: 1.15;
}
@media only screen and (max-width: 1199px) {
h1.ptf-hero-title, .ptf-hero-title.h1 {
font-size: 3.25rem !important;
}
}
@media only screen and (max-width: 767px) {
h1.ptf-hero-title, .ptf-hero-title.h1 {
font-size: 2.625rem !important;
}
}
@media only screen and (max-width: 575px) {
h1.ptf-hero-title, .ptf-hero-title.h1 {
font-size: 2.25rem !important;
}
}
.ptf-hero-title--dark {
color: var(--ptf-color-black) !important;
}
.ptf-hero-description {
font-size: 1.25rem !important;
line-height: 1.5;
max-width: 45rem !important;
opacity: 0.8;
}
@media only screen and (max-width: 1199px) {
.ptf-hero-description {
font-size: 1.125rem !important;
}
}
@media only screen and (max-width: 767px) {
.ptf-hero-description {
font-size: 1rem !important;
}
}
.ptf-hero-description--dark {
color: var(--ptf-color-2) !important;
}
.ptf-showcase-glow-left {
position: absolute;
width: 360px;
height: 360px;
border-radius: 50%;
top: 50%;
transform: translateY(-50%);
pointer-events: none;
opacity: 0.35;
left: -250px;
background: var(--ptf-accent-1);
filter: blur(80px);
z-index: 1;
}
@media only screen and (max-width: 767px) {
.ptf-showcase-3 .ptf-btn {
padding-right: 1.125rem;
padding-left: 1.125rem;
}
.ptf-showcase-3 .ptf-btn-label {
display: none;
}
.ptf-showcase-3 .ptf-btn-label-mobile {
display: inline;
}
}
.ptf-showcase-glow-right {
position: absolute;
width: 360px;
height: 360px;
border-radius: 50%;
top: 50%;
transform: translateY(-50%);
pointer-events: none;
opacity: 0.35;
right: -250px;
background: var(--ptf-accent-secondary);
filter: blur(80px);
z-index: 1;
}
/* WIDGET: Instagram Feed
-------------------------------------------- */
.ptf-instagram-feed {
display: grid;
margin: 0;
padding: 0;
list-style-type: none;
grid-template-columns: repeat(5, 1fr);
grid-gap: 0.625rem;
}
.ptf-instagram-feed a {
position: relative;
display: flex;
}
.ptf-instagram-feed a::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: var(--ptf-color-14);
opacity: 0;
transition: all var(--ptf-transition-duration) var(--ptf-transition-easing);
}
.ptf-instagram-feed a::after {
content: "\ed9f";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
color: var(--ptf-color-white);
font-family: var(--ptf-linear-icons-light);
font-size: 3rem;
opacity: 0;
transition: all var(--ptf-transition-duration) var(--ptf-transition-easing);
transform: scale(0.8);
}
@media only screen and (max-width: 991px) {
.ptf-instagram-feed a::after {
font-size: 2rem;
}
}
@media only screen and (max-width: 767px) {
.ptf-instagram-feed a::after {
font-size: 1.5rem;
}
}
.ptf-instagram-feed a:hover::before {
opacity: 1;
}
.ptf-instagram-feed a:hover::after {
opacity: 1;
transition-delay: 150ms;
transform: scale(1);
}
/* WIDGET: NEWS SLIDER
-------------------------------------------- */
.ptf-news-slider .ptf-slider-controls {
position: absolute;
right: 4.6875rem;
bottom: 4.375rem;
z-index: 2;
}
@media only screen and (max-width: 767px) {
.ptf-news-slider .ptf-slider-controls {
display: none;
}
}
.ptf-news-slide {
position: relative;
}
.ptf-news-slide__media {
position: relative;
height: 47.5rem;
}
@media only screen and (max-width: 991px) {
.ptf-news-slide__media {
height: auto;
aspect-ratio: 16/9;
}
}
.ptf-news-slide__media img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
/* support for plugin https://github.com/bfred-it/object-fit-images */
font-family: "object-fit: cover;";
object-fit: cover;
}
.ptf-news-slide__media::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background-image: linear-gradient(to top, hsla(0, 0%, 0%, 0.5), transparent 55%);
}
.ptf-news-slide__content {
position: absolute;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
max-width: 54.0625rem;
padding: 0 2.5rem 3.75rem 4.6875rem;
transition: opacity var(--ptf-transition-duration) 1000ms var(--ptf-transition-easing);
}
@media only screen and (max-width: 991px) {
.ptf-news-slide__content {
padding: 0 2.5rem 5rem 2.5rem;
}
}
@media only screen and (max-width: 767px) {
.ptf-news-slide__content {
padding: 0 1.875rem 2.5rem 1.875rem;
}
}
@media only screen and (max-width: 575px) {
.ptf-news-slide__content {
padding: 0 1.25rem 1.25rem 1.25rem;
}
}
.swiper-slide-active .ptf-news-slide__content, .slick-active .ptf-news-slide__content {
opacity: 1;
transition-delay: 500ms;
}
.ptf-news-slide__meta {
margin-bottom: 0.9375rem;
text-transform: uppercase;
color: var(--ptf-color-white);
font-size: 0.875rem;
}
.ptf-news-slide__meta span.cat {
font-weight: 700;
}
.ptf-news-slide__meta span + span::before {
content: "/";
margin-right: 0.5rem;
margin-left: 0.5rem;
}
.ptf-news-slide__title {
color: var(--ptf-color-white);
font-size: 3rem;
line-height: 1.16;
}
@media only screen and (max-width: 991px) {
.ptf-news-slide__title {
font-size: 2.25rem;
}
}
@media only screen and (max-width: 767px) {
.ptf-news-slide__title {
font-size: 1.5rem;
}
}
@media only screen and (max-width: 575px) {
.ptf-news-slide__title {
font-size: 1.125rem;
}
}
.ptf-news-slide__excerpt {
margin-top: 1.5625rem;
color: var(--ptf-color-1);
}
@media only screen and (max-width: 767px) {
.ptf-news-slide__excerpt {
display: none;
}
}
/* WIDGET: PARTNER BOX
-------------------------------------------- */
.ptf-partner-box {
--ptf-hover-background: var(--ptf-color-7);
--ptf-image-height: 85px;
}
.ptf-partner-box {
padding: 3.125rem 0.9375rem 2.5rem;
text-align: center;
background-color: var(--ptf-color-7);
transition: all var(--ptf-transition-duration) var(--ptf-transition-easing);
}
.ptf-partner-box__image {
display: flex;
align-items: center;
justify-content: center;
height: 5.3125rem;
transition: all var(--ptf-transition-duration) var(--ptf-transition-easing);
filter: grayscale(100%);
}
.ptf-partner-box__image img {
width: auto;
height: var(--ptf-image-height);
}
.ptf-partner-box__title {
margin-top: 2.1875rem;
text-transform: uppercase;
color: var(--ptf-color-3);
font-size: 1rem;
font-weight: 700;
transition: color var(--ptf-transition-duration) var(--ptf-transition-easing);
}
.ptf-partner-box:hover {
background-color: var(--ptf-hover-background);
}
.ptf-partner-box:hover .ptf-partner-box__image {
animation: ptf_bounce calc(var(--ptf-transition-duration) * 3) var(--ptf-transition-easing) forwards;
filter: none;
}
.ptf-partner-box:hover .ptf-partner-box__title {
color: var(--ptf-color-black);
}
/* WIDGET: PRICING TABLE
-------------------------------------------- */
.ptf-pricing-table {
position: relative;
display: flex;
flex-direction: column;
padding: 2.8125rem 3.125rem 4rem;
background-color: var(--ptf-color-white);
box-shadow: inset 0 0 0 1px var(--ptf-color-black);
transition: all var(--ptf-transition-duration) var(--ptf-transition-easing);
}
.ptf-pricing-table .badge {
position: absolute;
top: 2.5rem;
right: 3.125rem;
z-index: 3;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0.3125rem 0.625rem;
color: var(--ptf-color-white);
font-size: 0.875rem;
background-color: var(--ptf-accent-secondary);
}
.ptf-pricing-table .ptf-zini-card-link-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
cursor: pointer;
}
.ptf-pricing-table--saas .badge {
top: 0;
right: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: 0.375rem;
border-bottom-right-radius: 0;
padding: 0.5rem 0.9375rem;
}
.ptf-pricing-table__header {
height: 3.5rem;
overflow: hidden;
display: flex;
align-items: center;
flex-shrink: 0;
}
@media only screen and (max-width: 767px) {
.ptf-pricing-table__header {
height: 3rem;
}
}
.ptf-pricing-table__title {
text-transform: uppercase;
color: var(--ptf-color-3);
font-size: 0.875rem;
font-weight: normal;
transition: all var(--ptf-transition-duration) var(--ptf-transition-easing);
}
.ptf-pricing-table__price {
display: inline-flex;
flex-wrap: wrap;
margin-top: 1.5rem !important;
height: 4.5rem;
overflow: hidden;
display: flex;
align-items: center;
flex-shrink: 0;
color: var(--ptf-accent-3);
font-weight: 600;
transition: all var(--ptf-transition-duration) var(--ptf-transition-easing);
}
@media only screen and (max-width: 767px) {
.ptf-pricing-table__price {
height: 3.75rem;
}
}
.ptf-pricing-table__price .currency {
font-size: 1.875rem;
line-height: 1;
font-weight: normal;
}
.ptf-pricing-table__price .price {
font-size: 1.5rem !important;
line-height: 1.3 !important;
}
@media only screen and (max-width: 767px) {
.ptf-pricing-table__price .price {
font-size: 1.25rem !important;
}
}
@media only screen and (max-width: 575px) {
.ptf-pricing-table__price .price {
font-size: 1.125rem !important;
}
}
.ptf-pricing-table__price .period {
align-self: flex-end;
color: var(--ptf-color-black);
font-size: 1.125rem;
font-weight: normal;
transition: inherit;
}
.ptf-pricing-table__description {
height: 7rem;
overflow: hidden;
flex-shrink: 0;
padding-top: 1rem;
padding-bottom: 1.5rem;
color: var(--ptf-color-black);
font-size: 1rem;
border-bottom: 1px solid var(--ptf-color-black);
transition: all var(--ptf-transition-duration) var(--ptf-transition-easing);
}
.ptf-pricing-table__content {
margin-top: 2.8125rem;
flex-shrink: 0;
}
.ptf-pricing-table__content ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.ptf-pricing-table__content ul li {
display: flex;
flex-direction: row;
padding-bottom: 0.875rem;
text-transform: uppercase;
color: var(--ptf-color-black);
font-size: 1rem;
transition: all var(--ptf-transition-duration) var(--ptf-transition-easing);
}
.ptf-pricing-table__content ul li:last-of-type {
padding-bottom: 0;
}
.ptf-pricing-table__content ul li + li {
padding-top: 0.875rem;
border-top: 1px solid var(--ptf-color-black);
}
.ptf-pricing-table__action {
display: flex;
align-items: flex-end;
flex-basis: auto !important;
margin-top: auto !important;
flex-shrink: 0;
}
.ptf-pricing-table:hover {
background-color: var(--ptf-accent-1);
box-shadow: inset 0 0 0 1px var(--ptf-accent-1);
}
.ptf-pricing-table:hover .ptf-pricing-table__title,
.ptf-pricing-table:hover .ptf-pricing-table__price,
.ptf-pricing-table:hover .ptf-pricing-table__price .period {
color: var(--ptf-color-white);
}
.ptf-pricing-table:hover .ptf-pricing-table__description,
.ptf-pricing-table:hover .ptf-pricing-table__content ul li {
color: var(--ptf-color-white);
border-color: var(--ptf-color-white);
}
.ptf-pricing-table:hover .ptf-btn:not(:hover) {
color: var(--ptf-color-black);
background-color: var(--ptf-color-white);
}
/* WIDGET: PROCESS STEPS
-------------------------------------------- */
.ptf-process-steps {
margin: 0;
padding: 0;
list-style-type: none;
--ptf-border-width: 1px;
--ptf-border-color: var(--ptf-color-6);
}
.ptf-process-item {
counter-increment: process;
padding-bottom: 3.4375rem;
padding-left: 6.25rem;
}
@media only screen and (max-width: 767px) {
.ptf-process-item {
padding-left: 4.375rem;
padding-bottom: 2.5rem;
}
}
@media only screen and (max-width: 575px) {
.ptf-process-item {
padding-left: 3.125rem;
padding-bottom: 1.875rem;
}
}
.ptf-process-item::before {
content: counter(process);
position: absolute;
left: 0;
color: var(--ptf-color-1);
font-size: 5rem;
line-height: 0.75;
font-weight: 300;
}
@media only screen and (max-width: 767px) {
.ptf-process-item::before {
font-size: 3.75rem;
}
}
@media only screen and (max-width: 575px) {
.ptf-process-item::before {
font-size: 2.75rem;
}
}
.ptf-process-item__title {
text-transform: uppercase;
font-size: 1.25rem;
}
@media only screen and (max-width: 767px) {
.ptf-process-item__title {
font-size: 1.125rem;
}
}
@media only screen and (max-width: 575px) {
.ptf-process-item__title {
font-size: 1rem;
}
}
.ptf-process-item__text {
display: block;
margin-top: 0.9375rem;
font-size: 1.125rem;
}
@media only screen and (max-width: 767px) {
.ptf-process-item__text {
font-size: 1.0625rem;
}
}
@media only screen and (max-width: 575px) {
.ptf-process-item__text {
font-size: 1rem;
}
}
.ptf-process-item + .ptf-process-item {
padding-top: 3.75rem;
border-top-width: var(--ptf-border-width);
border-top-style: solid;
border-top-color: var(--ptf-border-color);
}
/* WIDGET: REWARDS LIST
-------------------------------------------- */
.ptf-rewards-list {
margin: 0;
padding: 0;
list-style-type: none;
--ptf-border-width: 1px;
--ptf-border-color: var(--ptf-color-6);
}
.ptf-rewards-item {
display: grid;
padding: 4.0625rem 0;
border-top-width: var(--ptf-border-width);
border-top-style: solid;
border-top-color: var(--ptf-border-color);
grid-template-columns: 20% 20% 1fr;
}
@media only screen and (max-width: 991px) {
.ptf-rewards-item {
grid-template-columns: 20% 30% 1fr;
}
}
@media only screen and (max-width: 767px) {
.ptf-rewards-item {
grid-template-columns: 1fr;
grid-gap: 1.875rem;
}
}
.ptf-rewards-list--small .ptf-rewards-item {
padding: 3.125rem 0;
grid-template-columns: 100px 28% 1fr;
}
@media only screen and (max-width: 991px) {
.ptf-rewards-list--small .ptf-rewards-item {
grid-template-columns: 20% 30% 1fr;
}
}
@media only screen and (max-width: 767px) {
.ptf-rewards-list--small .ptf-rewards-item {
grid-template-columns: 1fr;
grid-gap: 1.875rem;
}
}
.ptf-rewards-item:first-of-type {
padding-top: 0 !important;
border: none;
}
.ptf-rewards-item:last-of-type {
padding-bottom: 0 !important;
}
.ptf-rewards-item__date {
margin-bottom: 1rem;
color: var(--ptf-color-3);
font-size: 1rem;
line-height: 1;
}
.ptf-rewards-item__content {
display: grid;
grid-gap: 1.875rem;
}
.ptf-rewards-project {
display: grid;
grid-template-columns: 80% 20%;
}
@media only screen and (max-width: 1199px) {
.ptf-rewards-project {
grid-template-columns: 1fr;
}
}
.ptf-rewards-project__content h5, .ptf-rewards-project__content .h5 {
margin: 0;
font-size: 1.875rem;
}
@media only screen and (max-width: 991px) {
.ptf-rewards-list--large .ptf-rewards-project__content h5, .ptf-rewards-list--large .ptf-rewards-project__content .h5 {
font-size: 1.5rem;
}
}
.ptf-rewards-list--small .ptf-rewards-project__content h5, .ptf-rewards-list--small .ptf-rewards-project__content .h5 {
font-size: 1.5rem;
}
.ptf-rewards-project__content span {
display: block;
}
.ptf-rewards-list--small .ptf-rewards-project__content span {
margin-top: 0.3125rem;
font-size: 1.125rem;
}
.ptf-rewards-project__link {
padding-top: 0.625rem;
color: var(--ptf-color-black);
}
@media only screen and (min-width: 992px) {
.ptf-rewards-project__link {
text-align: right;
}
}
@media only screen and (max-width: 1199px) {
.ptf-rewards-project__link {
display: none;
}
}
.ptf-rewards-list--small .ptf-rewards-project__link {
color: var(--ptf-color-2);
}
/* WIDGET: SERVICE BOX
-------------------------------------------- */
.ptf-service-box {
position: relative;
display: grid;
padding: 3.125rem;
border-top: 2px solid var(--ptf-color-black);
transition: background-color var(--ptf-transition-duration) var(--ptf-transition-easing);
grid-template-columns: 7.5rem 18.75rem 1fr 8.75rem;
}
@media only screen and (max-width: 1199px) {
.ptf-service-box {
grid-template-columns: 7.5rem 1fr 1fr;
}
}
@media only screen and (max-width: 991px) {
.ptf-service-box {
grid-template-columns: 1fr;
grid-gap: 1rem;
}
}
.ptf-service-box__link {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
}
.ptf-service-box__icon {
color: var(--ptf-accent-1);
font-size: 3.75rem;
line-height: 1.1;
}
.ptf-service-box__title {
text-transform: uppercase;
font-size: 1.5rem;
line-height: 1.5;
}
@media only screen and (max-width: 767px) {
.ptf-service-box__title {
font-size: 1.25rem;
}
}
@media only screen and (max-width: 575px) {
.ptf-service-box__title {
font-size: 1.125rem;
}
}
.ptf-service-box__content {
color: var(--ptf-color-black);
font-size: 1rem;
line-height: 1.6;
}
.ptf-service-box__content p {
margin: 0;
color: inherit;
font-size: inherit;
line-height: inherit;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.ptf-service-box__arrow {
text-align: right;
color: var(--ptf-color-black);
font-size: 2.25rem;
transition: all var(--ptf-transition-duration) var(--ptf-transition-easing);
}
@media only screen and (max-width: 1199px) {
.ptf-service-box__arrow {
display: none;
}
}
.ptf-service-box:hover {
background-color: var(--ptf-color-7);
}
.ptf-service-box:hover .ptf-service-box__arrow {
color: var(--ptf-accent-1);
transform: translateX(2px);
}
/* WIDGET: SERVICES LIST
-------------------------------------------- */
.ptf-services-list {
--ptf-font-family: var(--ptf-secondary-font);
--ptf-font-weight: normal;
}
.ptf-services-list {
margin: 0;
padding: 0;
list-style-type: none;
}
.ptf-services-list li {
font-family: var(--ptf-font-family);
font-weight: var(--ptf-font-weight);
}
/* SECTION: STYLE 1
-------------------------------------------- */
.ptf-services-list--style-1 li {
display: inline-flex;
color: var(--ptf-color-3);
font-size: 3.75rem;
line-height: 1.3;
position: relative;
}
@media only screen and (min-width: 1200px) {
.ptf-services-list--style-1 li {
font-size: 5rem;
}
}
.ptf-services-list--style-1 li a {
display: flex;
align-items: flex-start;
}
.ptf-services-list--style-1 li span {
font-size: 1rem;
}
@media only screen and (min-width: 1200px) {
.ptf-services-list--style-1 li span {
font-size: 1.875rem;
}
}
.ptf-services-list--style-1 li.sep {
margin: 0 0.75rem 0 0.9375rem;
font-family: var(--ptf-primary-font);
font-weight: 300;
opacity: 0.5;
}
.ptf-services-list--style-1 li.sep:last-of-type {
display: none;
}
.ptf-services-list--style-1 li:not(:last-of-type)::after {
content: "/";
margin: 0 15px 0 5px;
}
/* SECTION: STYLE 2
-------------------------------------------- */
.ptf-services-list--style-2 li {
display: flex;
color: var(--ptf-color-black);
font-size: 1.875rem;
line-height: 1.6;
}
/* SECTION: STYLE 3
-------------------------------------------- */
.ptf-services-list--style-3 {
columns: 3;
}
.ptf-services-list--style-3 li {
display: flex;
color: var(--ptf-color-black);
font-size: 1rem;
line-height: 2;
font-weight: 600;
}
.ptf-services-list--style-3 li a:hover {
color: var(--ptf-color-3);
}
/* SECTION: STYLE 4
-------------------------------------------- */
.ptf-services-list--style-4 li {
display: flex;
color: var(--ptf-color-3);
font-size: 3rem;
line-height: 1.5;
}
.ptf-services-list--style-4 li a:hover {
color: var(--ptf-color-white);
}
/* SECTION: STYLE 5
-------------------------------------------- */
.ptf-services-list--style-5 li {
display: flex;
color: var(--ptf-color-black);
font-size: 1.5rem;
line-height: 2;
}
@media only screen and (max-width: 767px) {
.ptf-services-list--style-5 li {
font-size: 1.25rem;
}
}
@media only screen and (max-width: 575px) {
.ptf-services-list--style-5 li {
font-size: 1.125rem;
}
}
.ptf-services-list--style-5 li a:hover {
color: var(--ptf-accent-1);
transform: translateX(1rem);
}
/* SECTION: ZINI MODERN SERVICES CARDS
-------------------------------------------- */
.ptf-services-section-subtitle {
font-size: 0.8125rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.15em;
color: var(--ptf-accent-1);
margin-bottom: 0.75rem;
display: block;
}
.ptf-services-section-title {
font-size: 2.5rem;
font-weight: 800;
color: var(--ptf-color-black);
line-height: 1.25;
margin-bottom: 1rem;
letter-spacing: -0.02em;
}
@media only screen and (max-width: 767px) {
.ptf-services-section-title {
font-size: 2rem;
}
}
.ptf-services-section-desc {
font-size: 1rem;
line-height: 1.625;
color: var(--ptf-color-2);
max-width: 44rem;
margin: 0 auto;
opacity: 0.9;
}
.ptf-services-container #deep-ai-engineering,
.ptf-services-container #system-architecture {
scroll-margin-top: 6.875rem;
}
.ptf-services-container .row {
display: flex;
align-items: stretch;
}
.ptf-services-container [class*=col-] {
display: flex;
flex-direction: column;
align-items: stretch;
}
.ptf-services-container .ptf-animated-block {
display: flex;
flex-direction: column;
flex-grow: 1;
height: 100%;
}
.ptf-zini-service-card {
position: relative;
display: flex;
flex-direction: column;
flex-grow: 1;
height: 100%;
padding: 2.5rem 2rem 2rem;
background-color: var(--ptf-color-7);
border: 1px solid rgba(20, 106, 178, 0.1);
border-radius: 1rem;
transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
overflow: hidden;
}
.ptf-zini-service-card:hover {
border-color: var(--ptf-accent-1) !important;
transform: translateY(-6px);
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
background-color: var(--ptf-color-white);
}
.ptf-zini-service-card--active {
border-color: var(--ptf-accent-1) !important;
background-color: var(--ptf-color-white) !important;
box-shadow: 0 20px 40px color-mix(in srgb, var(--ptf-accent-1) 15%, transparent) !important;
}
.ptf-zini-service-card .ptf-zini-card-link-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
cursor: pointer;
}
.ptf-zini-card-icon-box {
display: flex;
align-items: center;
justify-content: center;
width: 3rem;
height: 3rem;
border-radius: 0.625rem;
background-color: color-mix(in srgb, var(--ptf-accent-1) 8%, transparent);
color: var(--ptf-accent-1);
font-size: 1.375rem;
margin-bottom: 1.5rem;
transition: all 0.3s ease;
}
.ptf-zini-service-card:hover .ptf-zini-card-icon-box {
background-color: var(--ptf-accent-1);
color: var(--ptf-color-white);
}
.ptf-zini-card-title {
font-size: 1.25rem;
font-weight: 700;
line-height: 1.4;
color: var(--ptf-color-black);
margin-bottom: 0.75rem;
letter-spacing: -0.01em;
}
.ptf-zini-card-subtitle {
font-size: 0.875rem;
font-weight: 600;
color: var(--ptf-accent-1);
margin-bottom: 1rem;
line-height: 1.4;
}
.ptf-zini-card-text {
font-size: 0.90625rem;
line-height: 1.6;
color: var(--ptf-color-2);
margin-bottom: 1.5rem;
flex-grow: 1;
}
.ptf-zini-card-badge-wrap {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
margin-top: auto;
position: relative;
z-index: 3;
}
.ptf-zini-card-badge {
display: inline-flex;
align-items: center;
padding: 0.25rem 0.625rem;
font-size: 0.6875rem;
font-weight: 600;
color: var(--ptf-color-2);
border: 1px solid rgba(0, 0, 0, 0.08);
border-radius: 0.25rem;
background-color: transparent;
transition: all 0.25s ease;
}
.ptf-zini-card-badge:hover {
color: var(--ptf-accent-1);
border-color: var(--ptf-accent-1);
background-color: color-mix(in srgb, var(--ptf-accent-1) 5%, transparent);
}
.ptf-zini-card-category-badge {
position: absolute;
top: 0;
right: 1.5rem;
padding: 0.375rem 0.75rem;
font-size: 0.625rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.05em;
color: var(--ptf-accent-1);
background-color: color-mix(in srgb, var(--ptf-accent-1) 10%, transparent);
border-bottom-left-radius: 0.375rem;
border-bottom-right-radius: 0.375rem;
z-index: 3;
}
.ptf-zini-card-footer {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: auto;
position: relative;
z-index: 3;
}
.ptf-zini-card-footer-left {
font-size: 0.75rem;
color: var(--ptf-color-3);
font-weight: 500;
}
.ptf-zini-card-footer-right {
font-size: 0.78125rem;
font-weight: 600;
color: var(--ptf-accent-1);
display: inline-flex;
align-items: center;
gap: 0.25rem;
transition: gap 0.2s ease;
}
.ptf-zini-card-footer-right i {
font-size: 0.625rem;
transition: transform 0.2s ease;
}
.ptf-zini-card-footer-right:hover {
gap: 0.5rem;
color: var(--ptf-accent-2);
}
.ptf-zini-card-footer-right:hover i {
transform: translateX(2px);
}
.ptf-zini-frameworks-badge {
display: inline-flex;
align-items: center;
padding: 0.5rem 1rem;
font-size: 0.6875rem;
font-weight: 600;
color: var(--ptf-accent-1);
border: 1px solid rgba(20, 106, 178, 0.18);
border-radius: 0.5rem;
background-color: var(--ptf-color-white);
box-shadow: 0 4px 12px rgba(20, 106, 178, 0.05);
letter-spacing: 0.02em;
}
.ptf-services-section-bg {
background-color: var(--ptf-color-bg-light);
}
.ptf-services-section-bg .ptf-zini-service-card {
background-color: var(--ptf-color-white);
border: 1px solid rgba(20, 106, 178, 0.15);
}
.ptf-services-section-bg .ptf-zini-service-card:hover {
background-color: var(--ptf-color-white);
border-color: var(--ptf-accent-1) !important;
}
.ptf-technical-standards {
background-color: var(--ptf-color-white);
}
.ptf-technical-standards .row {
--bs-gutter-x: 5rem;
--bs-gutter-y: 3.75rem;
}
.ptf-technical-standards__lead {
max-width: 42.5rem;
line-height: 1.45;
}
.ptf-technical-standards__list {
margin: 0;
padding: 0;
list-style-type: none;
}
.ptf-technical-standards__list li {
display: grid;
grid-template-columns: 1.25rem 1fr;
grid-gap: 1.125rem;
gap: 1.125rem;
}
.ptf-technical-standards__list li:not(:last-child) {
margin-bottom: 1.625rem;
}
.ptf-technical-standards__list h5, .ptf-technical-standards__list .h5 {
margin-bottom: 0.375rem;
font-size: 1.125rem;
font-weight: 700;
line-height: 1.35;
}
.ptf-technical-standards__list p {
margin: 0;
color: var(--ptf-color-2);
font-size: 1rem;
line-height: 1.45;
}
.ptf-technical-standards__check {
color: var(--ptf-accent-1);
font-size: 1.25rem;
line-height: 1.35;
font-weight: 700;
}
.ptf-terminal-panel {
overflow: hidden;
padding: 2rem;
color: var(--ptf-color-white);
background-color: #10192b;
border-radius: 0.5rem;
box-shadow: 0 1.5rem 3.125rem rgba(0, 0, 0, 0.18);
}
.ptf-terminal-panel__top {
display: flex;
align-items: center;
justify-content: space-between;
padding-bottom: 1.125rem;
margin-bottom: 1.25rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
color: rgba(255, 255, 255, 0.32);
font-family: monospace;
font-size: 0.75rem;
letter-spacing: 0.08em;
}
.ptf-terminal-panel__dots {
display: inline-flex;
gap: 0.5rem;
}
.ptf-terminal-panel__dots span {
width: 0.75rem;
height: 0.75rem;
border-radius: 50%;
background-color: #e43d30;
}
.ptf-terminal-panel__dots span:nth-child(2) {
background-color: #d69a13;
}
.ptf-terminal-panel__dots span:nth-child(3) {
background-color: #2b72d8;
}
.ptf-terminal-panel__body {
min-height: 14.375rem;
overflow-x: auto;
font-family: monospace;
font-size: 0.875rem;
line-height: 1.45;
}
.ptf-terminal-panel__line {
color: rgba(255, 255, 255, 0.58);
white-space: nowrap;
}
.ptf-terminal-panel__line.is-command, .ptf-terminal-panel__line.is-accent {
color: #00b7ff;
}
.ptf-terminal-panel__line.is-command {
margin-top: 0.875rem;
}
.ptf-terminal-panel__line.is-command:first-child {
margin-top: 0;
}
.ptf-terminal-panel__line.is-strong {
color: var(--ptf-color-white);
font-weight: 700;
}
.ptf-terminal-panel__status {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 1.5rem;
padding: 1rem;
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 0.25rem;
background-color: rgba(0, 0, 0, 0.28);
color: rgba(255, 255, 255, 0.58);
font-family: monospace;
font-size: 0.8125rem;
}
.ptf-terminal-panel__status strong {
position: relative;
color: #0fb47f;
font-size: 0.75rem;
}
.ptf-terminal-panel__status strong::before {
content: "";
display: inline-block;
width: 0.375rem;
height: 0.375rem;
margin-right: 0.5rem;
border-radius: 50%;
background-color: currentColor;
vertical-align: middle;
}
/* WIDGET: SIMPLE IMAGE
-------------------------------------------- */
.ptf-simple-image {
position: relative;
overflow: hidden;
}
.ptf-simple-image img {
transition: transform calc(var(--ptf-transition-duration) * 3) var(--ptf-transition-easing);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
will-change: transform;
}
.ptf-simple-image:hover img {
transform: scale(1.05);
}
.widthfull img {
width: 100% !important;
max-height: 100vh;
object-fit: cover;
}
.ptf-simple-image-caption {
margin-top: 2.5rem;
text-align: center;
color: var(--ptf-color-3);
font-size: 0.875rem;
}
@media only screen and (max-width: 767px) {
.ptf-simple-image-caption {
margin-top: 1.25rem;
}
}
.ptf-simple-image-caption a {
color: var(--ptf-color-black);
}
.ptf-simple-image-caption a:hover {
text-decoration: underline;
}
/* WIDGET: SKILL BOX
-------------------------------------------- */
.ptf-skill-box {
--ptf-image-height: 85px;
}
@media only screen and (max-width: 767px) {
.ptf-skill-box {
--ptf-image-height: 65px;
}
}
@media only screen and (max-width: 575px) {
.ptf-skill-box {
--ptf-image-height: 50px;
}
}
.ptf-skill-box {
position: relative;
background-color: var(--ptf-color-white);
box-shadow: inset 0 0 0 1px var(--ptf-color-1);
transition: all var(--ptf-transition-duration) var(--ptf-transition-easing);
}
.ptf-skill-box::before {
content: "";
display: block;
padding-top: 100%;
}
.ptf-skill-box__content {
position: absolute;
top: 0;
left: 0;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
width: 100%;
height: 100%;
}
.ptf-skill-box__image {
display: flex;
align-items: center;
justify-content: center;
height: 5.3125rem;
}
@media only screen and (max-width: 767px) {
.ptf-skill-box__image {
height: 4.0625rem;
}
}
@media only screen and (max-width: 575px) {
.ptf-skill-box__image {
height: 3.125rem;
}
}
.ptf-skill-box__image img {
width: auto;
height: var(--ptf-image-height);
}
.ptf-skill-box__title {
margin-top: 1.5625rem;
font-size: 1.125rem;
font-weight: normal;
}
@media only screen and (max-width: 767px) {
.ptf-skill-box__title {
margin-top: 1rem;
font-size: 0.9375rem;
}
}
@media only screen and (max-width: 575px) {
.ptf-skill-box__title {
margin-top: 0.75rem;
font-size: 0.875rem;
}
}
.ptf-skill-box:hover {
box-shadow: inset 0 0 0 2px var(--ptf-accent-1);
}
/* WIDGET: SPACER
-------------------------------------------- */
.ptf-spacer {
display: block;
height: var(--ptf-xxl);
clear: both;
}
@media only screen and (max-width: 1199px) {
.ptf-spacer {
height: var(--ptf-xl, var(--ptf-xxl));
}
}
@media only screen and (max-width: 991px) {
.ptf-spacer {
height: var(--ptf-lg, var(--ptf-xl, var(--ptf-xxl)));
}
}
@media only screen and (max-width: 767px) {
.ptf-spacer {
height: var(--ptf-md, var(--ptf-lg, var(--ptf-xl, var(--ptf-xxl))));
}
}
@media only screen and (max-width: 575px) {
.ptf-spacer {
height: var(--ptf-sm, var(--ptf-md, var(--ptf-lg, var(--ptf-xl, var(--ptf-xxl)))));
}
}
/* WIDGET: SUBSCRIBE FORM
-------------------------------------------- */
.ptf-subscribe-form {
display: block;
}
.ptf-subscribe-form .ptf-form-group {
margin: 0;
}
.ptf-subscribe-form input[type=email] {
padding: 0.625rem 0 0.625rem 2.625rem;
}
.ptf-subscribe-form i {
position: absolute;
top: -0.2em;
bottom: 0;
left: 0;
display: flex;
align-items: center;
color: var(--ptf-color-black);
font-size: 1.375rem;
}
.ptf-subscribe-form button {
position: absolute;
top: 0;
right: 0;
bottom: 0;
display: flex;
align-items: center;
padding: 0;
text-transform: uppercase;
color: var(--ptf-color-black);
font-size: 1rem;
font-weight: 700;
border: none;
background: none;
transition: color var(--ptf-transition-duration) var(--ptf-transition-easing);
cursor: pointer;
}
.ptf-subscribe-form button:hover {
color: var(--ptf-accent-1);
}
/* SECTION: LARGE
-------------------------------------------- */
.ptf-subscribe-form--large input[type=email] {
padding: 1.5625rem 0 1.5625rem 3.875rem;
font-size: 1.125rem;
}
.ptf-subscribe-form--large i {
top: -0.1em;
font-size: 1.875rem;
}
/* WIDGET: TEAM MEMBER
-------------------------------------------- */
.ptf-team-member {
--ptf-avatar-border-color: var(--ptf-color-3);
--ptf-avatar-border-color-hover: var(--ptf-accent-1);
--ptf-avatar-background: transparent;
}
.ptf-team-member {
width: 100%;
}
.ptf-team-member .ptf-team-member__avatar {
position: relative;
background-color: var(--ptf-avatar-background);
}
.ptf-team-member .ptf-team-member__avatar .shadow-effect {
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 100%;
height: 100%;
box-shadow: inset 0 0 0 1px var(--ptf-avatar-border-color);
transition: box-shadow var(--ptf-transition-duration) var(--ptf-transition-easing);
pointer-events: none;
}
.ptf-team-member .ptf-team-member__avatar img {
display: block;
width: 100%;
height: 100%;
transition: all var(--ptf-transition-duration) var(--ptf-transition-easing);
object-fit: contain;
object-position: top;
object-fit: cover;
}
.ptf-team-member .ptf-team-member__avatar + .ptf-team-member__content {
padding-top: 1.5rem;
}
.ptf-team-member .ptf-team-member__name {
font-size: 1.25rem;
}
.ptf-team-member .ptf-team-member__name a:hover {
text-decoration: underline;
color: inherit;
}
.ptf-team-member .ptf-team-member__function {
color: var(--ptf-color-2);
font-size: 0.875rem;
}
.ptf-team-member:hover .ptf-team-member__avatar .shadow-effect {
box-shadow: inset 0 0 0 2px var(--ptf-avatar-border-color-hover);
}
.ptf-team-member--has-effect .ptf-team-member__avatar img {
filter: grayscale(100%);
}
.ptf-team-member--has-effect:hover .ptf-team-member__avatar img {
filter: grayscale(0);
}
.ptf-team-member-grid {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-gap: 3.75rem;
}
.ptf-team-member-grid--4-columns {
grid-template-columns: repeat(4, 1fr);
}
@media only screen and (max-width: 991px) {
.ptf-team-member-grid {
grid-template-columns: repeat(4, 1fr);
grid-gap: 1.875rem;
}
}
@media only screen and (max-width: 767px) {
.ptf-team-member-grid {
grid-template-columns: repeat(3, 1fr);
}
}
@media only screen and (max-width: 575px) {
.ptf-team-member-grid {
grid-template-columns: repeat(2, 1fr);
grid-gap: 1.875rem;
}
}
/* WIDGET: TESTIMONIAL
-------------------------------------------- */
.ptf-testimonial {
--ptf-text-align: center;
--ptf-info-color: var(--ptf-color-3);
--ptf-info-span-color: var(--ptf-color-2);
--ptf-content-color: var(--ptf-color-black);
--ptf-author-color: var(--ptf-color-black);
}
.ptf-testimonial {
text-align: var(--ptf-text-align);
}
.ptf-testimonial__content {
color: var(--ptf-content-color);
font-family: var(--ptf-secondary-font);
font-size: 3rem;
line-height: 1.375;
}
@media only screen and (max-width: 991px) {
.ptf-testimonial__content {
font-size: 2.25rem;
}
}
.ptf-testimonial__content a {
color: #09f;
}
.ptf-testimonial__meta {
margin-top: 4.0625rem;
}
.ptf-testimonial__author {
color: var(--ptf-author-color);
font-size: 1.5rem;
}
.ptf-testimonial__info {
margin-top: 0.625rem;
color: var(--ptf-info-color);
font-size: 0.875rem;
}
.ptf-testimonial__info span {
color: var(--ptf-info-span-color);
}
.ptf-testimonial__info a {
color: #09f;
}
.ptf-testimonial__info a:hover {
text-decoration: underline;
}
/* SECTION: STYLE 2
-------------------------------------------- */
.ptf-testimonial--style-2 .ptf-testimonial__content {
font-family: var(--ptf-primary-font);
line-height: 1.33;
font-weight: 700;
}
.ptf-testimonial--style-2 .ptf-testimonial__meta {
margin-top: 4.6875rem;
}
.ptf-testimonial--style-2 .ptf-testimonial__info {
margin-top: 0.3125rem;
}
/* SECTION: STYLE 3
-------------------------------------------- */
.ptf-testimonial--style-3 .ptf-testimonial__content {
font-family: var(--ptf-primary-font);
line-height: 1.5;
font-weight: normal;
}
.ptf-testimonial--style-3 .ptf-testimonial__meta {
margin-top: 4.0625rem;
}
.ptf-testimonial--style-3 .ptf-testimonial__author {
font-size: 1.5rem;
font-weight: normal;
}
/* SECTION: STYLE 4
-------------------------------------------- */
.ptf-testimonial--style-4 .ptf-testimonial__content {
font-family: var(--ptf-primary-font);
font-size: 2.25rem;
line-height: 1.55;
}
.ptf-testimonial--style-4 .ptf-testimonial__meta {
margin-top: 4.6875rem;
}
.ptf-testimonial--style-4 .ptf-testimonial__info {
margin-top: 0.3125rem;
}
.space-80 {
padding: 0 80px;
}
@media (max-width: 767px) {
.space-80 {
padding: 0;
}
}
.testimonial-pagination--style-bottom .slick-dots {
bottom: -60px;
}
/* WIDGET: TIMELINE
-------------------------------------------- */
.ptf-timeline {
display: block;
}
.ptf-timeline__year {
margin-bottom: 3.4375rem;
text-transform: uppercase;
color: var(--ptf-color-3);
font-size: 0.875rem;
}
.ptf-timeline__list {
margin: 0;
padding: 0;
list-style-type: none;
}
.ptf-timeline__list li + li {
margin-top: 2.1875rem;
}
.ptf-timeline__title {
font-family: var(--ptf-secondary-font);
font-weight: normal;
}
/* WIDGET: TWITTER REVIEW
-------------------------------------------- */
.ptf-twitter-review {
padding-top: 3.75rem;
border-top: 2px solid var(--ptf-color-black);
}
.ptf-twitter-review__header {
position: relative;
display: flex;
align-items: center;
}
.ptf-twitter-review__avatar {
flex-shrink: 0;
margin-right: 1.25rem;
}
.ptf-twitter-review__avatar img {
border-radius: 50%;
}
.ptf-twitter-review__meta {
flex-basis: 100%;
}
.ptf-twitter-review__meta a:hover {
color: #0cf;
}
.ptf-twitter-review__icon {
position: absolute;
top: 0.625rem;
right: 0.9375rem;
color: #0cf;
font-size: 2.25rem;
line-height: 1;
}
.ptf-twitter-review__author {
font-size: 1.25rem;
font-weight: 600;
}
.ptf-twitter-review__info {
color: var(--ptf-color-3);
font-size: 0.9375rem;
}
.ptf-twitter-review__content {
margin-top: 2.8125rem;
padding-right: 1.875rem;
color: var(--ptf-color-black);
font-size: 1.625rem;
line-height: 1.5;
}
.ptf-twitter-review__content a {
color: #0cf;
}
.ptf-twitter-review__content a:hover {
text-decoration: underline;
}
/* SECTION: STYLE 2
-------------------------------------------- */
@media only screen and (min-width: 992px) {
.ptf-twitter-review--style-2 {
padding-right: 15%;
padding-left: 15%;
}
}
.ptf-twitter-review--style-2 .ptf-twitter-review__author {
font-weight: 700;
}
.ptf-twitter-review--style-2 .ptf-twitter-review__content {
font-size: 1.75rem;
}
/* SECTION: STYLE 3
-------------------------------------------- */
.ptf-twitter-review--style-3 {
padding: 2.8125rem;
border: 1px solid var(--ptf-color-14);
}
@media only screen and (min-width: 992px) {
.ptf-twitter-review--style-3 {
padding-top: 5.625rem;
padding-right: 15%;
padding-bottom: 6.25rem;
padding-left: 15%;
}
}
.ptf-twitter-review--style-3 .ptf-twitter-review__author {
font-weight: 700;
}
.ptf-twitter-review--style-3 .ptf-twitter-review__content {
font-size: 1.625rem;
}