/*

Template:  Webster - Responsive Multi-purpose HTML5 Template
Author: potenzaglobalsolutions.com
Design and Developed by: potenzaglobalsolutions.com

NOTE: This is color stylesheet of Color Scheme.

*/

/*************************
		General
*************************/
/** selection **/
*::-moz-selection {
    background: #009d7b;
    color: #fff;
    text-shadow: none;
}
::-moz-selection {
    background: #009d7b;
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #009d7b;
    color: #fff;
    text-shadow: none;
}

/*************************
	 Background Color
*************************/

.theme-bg,
.accordion.gray .acd-group.acd-active .acd-heading,
.accordion.gray .acd-group .acd-heading:hover,
.accordion.shadow .acd-group.acd-active .acd-heading,
.accordion.shadow .acd-group .acd-heading:hover,
.accordion.accordion-border .acd-group.acd-active .acd-heading,
.accordion.accordion-border .acd-group .acd-heading:hover,
.button,
.button.gray:hover,
.button.gray.active,
.button.gray:focus,
.button.border:hover,
.button.border:focus,
.button.border.gray:hover,
.button.border.gray:focus,
.button.black:hover,
.button.black.active,
.button.black:focus,
.btn-primary,
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open > .dropdown-toggle.btn-primary.focus,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:hover,
.owl-carousel .owl-dots .owl-dot:hover span,
.owl-carousel .owl-dots .owl-dot.active span,
.data-table .table-1 thead,
.dropcap,
del,
mark,
.feature-text.round:hover .feature-icon i,
.feature-text.round:hover .feature-icon span,
.feature-text.theme-icon .feature-icon span,
.feature-text.theme-icon .feature-icon i,
.feature-text.square:hover .feature-icon i,
.feature-text.square:hover .feature-icon span,
.feature-box .border,
.portfolio-item .portfolio-overlay,
.portfolio-item a.popup:hover,
.section-title.line .title:before,
.section-title.bg span,
.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover,
.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover,
.panel-primary > .panel-heading,
.price.active .header,
.membership-pricing-table table .plan-header-standard,
.play-video,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover,
.nav-border .nav.nav-tabs > li.active > a,
.nav-border .nav.nav-tabs > li.active > a:focus,
.nav-border .nav.nav-tabs > li.active > a:hover,
.testimonial.green,
.mejs-controls .mejs-time-rail .mejs-time-current,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.mejs-controls .mejs-volume-button .mejs-volume-slider,
.footer .footer-tags li a:hover,
.section-title:nth-child(odd) .title-effect::before,
.isotope-filters button.active,
.isotope-filters button:hover,
.blog-entry.blockquote,
.blog-entry.blockquote blockquote,
.blog-entry.blockquote .blog-detail,
.blog-box .post-category a,
.blog .timeline li:hover .timeline-badge,
.blog .timeline li.entry-date-bottom a:hover,
.contact-box i,
.custom-content,
.owl-carousel .owl-nav i,
.services-text-box-green,
.popup-video-banner a:hover span,
.login-bg .login-title,
.login-social li a.fb:hover,
.login-social li a.twitter:hover,
.login-social li a.pinterest:hover,
.register-bg .register-title,
.process .process-step strong,
#back-to-top .top,
.tab .nav.nav-tabs > li.active > a,
.nav.nav-tabs > li.active > a:focus,
.nav.nav-tabs > li.active > a:hover,
.footer-widget-social a i:hover,
.shpping-cart strong.item,
.header.fancy .topbar,
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover,
.modal-subscribe .subscribe-icon,
.product .product-image .add-to-cart a,
.testimonial.theme-bg,
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover,
.pagination li a:focus,
.pagination li a:hover,
.pagination li span:focus,
.pagination li span:hover {
    background: #009d7b;
}

.popup-video-image a i,
.conference-video .popup-video a i:hover,
.movie-light-bg,
.law-timeline
    .timeline-centered
    .timeline-entry
    .timeline-entry-inner
    .timeline-icon,
.login-box-theme:before,
.login-box-theme:after,
.blog-overlay .tag,
.blog.blog-simple .tag,
.section-title.line-dabble .title:after,
.book-counter .counter .icon,
.plumber-contact .contact-form .section-field .form-control,
.feature-box .feature-border,
.skill-bar,
.button.button-border:hover,
.button.button-border:focus,
.tab .nav.nav-tabs > li > a.active,
.page-item.active .page-link,
.button.button-border.gray:hover,
.button.button-border.gray:focus,
.bootstrap-datetimepicker-widget table td span.active,
.section-title span.theme-bg,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus,
.btn-primary.focus,
.btn-primary:focus,
.wishlist-page .table td.total a:hover,
.wishlist-page .table td.total a:hover,
.service ul li a:hover,
.service ul li a.active,
.fc-today-button,
.fc-event,
.fc-event-dot,
.marketing-tab ul.nav.nav-tabs:before,
.marketing-tab .tab-vertical .nav.nav-tabs li a,
.play-video-section.black-button .play-video:hover,
.portfolio-item .portfolio-overlay a.tag {
    background: #009d7b;
}

/*************************
        Color
*************************/

a,
button,
input,
.theme-color,
a:focus,
a:hover,
.mega-menu .menu-links > li > a:hover,
.mega-menu .menu-links > li.active a,
.mega-menu .menu-links > li.active .drop-down li.active a,
.mega-menu .menu-links > li.active .drop-down a:hover,
.mega-menu .drop-down-multilevel li:hover > a,
.mega-menu .drop-down a:hover,
.mega-menu .drop-down-tab-bar a:hover,
.mega-menu .drop-down a:hover i,
.mega-menu .drop-down-tab-bar a:hover i,
.search .search-btn:hover,
.search .search-box i:hover,
.accordion .acd-group.acd-active .acd-heading,
.accordion .acd-group .acd-heading:hover,
.accordion.animated .acd-group.acd-active .acd-heading,
.accordion.animated .acd-group .acd-heading:hover,
.button.border.white:hover,
.button.border.white:focus,
.button.icon-color,
.counter.theme-color span,
.data-table .table-2 .table thead,
.dropcap.dropcap-border,
.dropcap.gray,
.feature-box i,
#two + label:before,
#two + label:after,
.remember-checkbox a,
.button.white,
.no-title .portfolio-item .portfolio-overlay a:hover,
.no-title .portfolio-item .portfolio-overlay a:hover,
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge,
.btn-primary .badge,
ul.list li:after,
.blog-entry .entry-meta ul li a i,
.button.arrow,
.pricing-content .pricing-table-list ul li i,
.tab-border .nav.nav-tabs > li.active > a,
.tab-border .nav.nav-tabs > li.active > a:focus,
.tab-border .nav.nav-tabs > li.active > a:hover,
.team .team-contact span.call,
.testimonial-info:before,
.author-info span,
.text-white .testimonial.clean .author-info,
.footer-useful-link ul li a:hover,
.footer-widget a:hover,
.footer-widget a,
.footer .usefull-link ul li a:hover,
.footer .copyright ul li a:hover,
.footer .social ul li a i:hover,
ul.page-breadcrumb li a:hover,
.page-title.gray-bg ul.page-breadcrumb li span,
.page-title.gray-bg ul.page-breadcrumb li a:hover,
.page-title.pattern ul.page-breadcrumb li span,
.page-title.pattern ul.page-breadcrumb li a:hover,
section:hover .title-effect:nth-child(even),
section:focus .title-effect:nth-child(even),
.theme-bg .button.icon-color:hover i,
.sidebar-widget .recent-post .recent-post-info a:hover,
.sidebar-widget .recent-post .recent-post-info span,
.sidebar-widget .widget-categories li a:hover,
.sidebar-widget .widget-categories li a:hover i,
.blog-single .blog-entry.blockquote blockquote cite,
.port-post-social a:hover,
.comments-1 .comments-info a,
.blog-entry .blog-detail .entry-title a:hover,
.blog-entry .entry-meta ul li a:hover,
.contact-3 .contact-add i,
.happy-clients .tab-content .quoter-icon,
.google-map .map-icon:before,
.play-video:hover,
.popup-video .play-video:hover a,
.play-video:hover a,
.portfolio-item-2 .portfolio-hover .hover-name a:hover,
.portfolio-item-2 .portfolio-hover .hover-icon a:hover,
.footer-contact .contact-box .contact-icon i,
.resume-block .resume-icon span,
.clients-info a,
.popup-video-banner a span,
.port-meta li b,
.product .product-price ins,
.deal-banner .caption span.off,
.shop-single .product-detail .product-detail-price ins,
.sidebar-widget .widget-link li a:hover,
.sidebar-widgets-wrap .recent-item .recent-title a:hover,
.shadow .nav.nav-tabs > li.active > a,
.shadow .nav.nav-tabs > li.active > a:focus,
.shadow .nav.nav-tabs > li.active > a:hover,
.membership-pricing-table table .recommended-plan-ribbon,
.search-cart i.icon:hover,
.cart-price ins,
.cart-item .cart-name a:hover,
.topbar ul li a:hover,
.topbar-call ul li i,
.header.fancy .mega-menu .menu-links > li.active > a,
.header.fancy .mega-menu .menu-links > li > a:hover,
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > li > a:hover,
.personal-typer-banner h1,
.personal-typer-banner h2,
.st-menu ul.menu li a:hover:before,
.st-menu ul.menu li a.active:before,
.st-menu ul.menu li a.active,
.st-menu ul.menu li a:hover,
.header.light .mega-menu .menu-links > li.active > a,
.interior-counter .counter span,
.table-gym thead tr th,
.blog-entry .entry-meta ul li i,
.mega-menu .menu-links > li.active .drop-down li.active a i,
.mega-menu .menu-links > li.active .drop-down-multilevel li.active a,
.mega-menu .menu-links > li.active .drop-down-multilevel a:hover,
.mega-menu .menu-links > li.active .drop-down-multilevel li.active i,
.mega-menu
    .menu-links
    > li.active
    .drop-down-multilevel
    li.active
    .drop-down-multilevel
    li
    a:hover,
.mega-menu
    .menu-links
    > li.active
    .drop-down-multilevel
    li.active
    .drop-down-multilevel
    li.active
    a,
.mega-menu
    .menu-links
    > li.active
    .drop-down-multilevel
    li.active
    .drop-down-multilevel
    li.active
    .drop-down-multilevel
    li.active
    a,
.mega-menu
    .menu-links
    > li.active
    .drop-down-multilevel
    li.active
    .drop-down-multilevel
    li.active
    i,
.mega-menu
    .menu-links
    > li.active
    .drop-down-multilevel
    li.active
    .drop-down-multilevel
    li.active
    .drop-down-multilevel
    li
    a:hover,
.shop-split-content ins,
ul.list.theme-color li i,
.header.text-dark .topbar ul li a:hover,
.header.text-dark .mega-menu .menu-links > li > a:hover,
.header.text-dark .mega-menu .menu-links > li.active > a,
.header.text-dark .search-cart i.icon:hover,
.header.text-dark .search .search-btn:hover,
.header.text-dark .mega-menu .drop-down a:hover i.fa,
.header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa,
.header.text-dark .mega-menu .drop-down a:hover,
.header.text-dark .mega-menu .drop-down-tab-bar a:hover,
.header.text-dark
    .mega-menu
    .menu-links
    > li.active
    .drop-down-multilevel
    a:hover,
.header.text-dark .mega-menu .drop-down-multilevel a:hover,
.header.text-dark
    .mega-menu
    .menu-links
    > li.active
    .drop-down-multilevel
    li.active
    a,
.header.text-dark
    .mega-menu
    .menu-links
    > li.active
    .drop-down-multilevel
    li.active
    .drop-down-multilevel
    li
    a:hover,
.header.text-dark
    .mega-menu
    .menu-links
    > li.active
    .drop-down-multilevel
    li.active
    .drop-down-multilevel
    li.active
    a,
.header.text-dark
    .mega-menu
    .menu-links
    > li.active
    .drop-down-multilevel
    li.active
    .drop-down-multilevel
    li
    a
    .drop-down-multilevel
    li
    a:hover,
.header.text-dark
    .mega-menu
    .menu-links
    > li.active
    .drop-down-multilevel
    li.active
    .drop-down-multilevel
    li.active
    .drop-down-multilevel
    li.active
    a,
.header.text-dark
    .mega-menu
    .menu-links
    > li.active
    .drop-down-multilevel
    li.active
    i,
.header.text-dark
    .mega-menu
    .menu-links
    > li.active
    .drop-down-multilevel
    li.active
    .drop-down-multilevel
    li.active
    i,
.header.text-dark
    .mega-menu
    .menu-links
    > li.active
    .drop-down-multilevel
    li.active:hover
    .drop-down-multilevel
    li
    a:hover
    i,
.header.text-dark
    .mega-menu
    .menu-links
    > li.active
    .drop-down-multilevel
    li.active
    .drop-down-multilevel
    li.active
    .drop-down-multilevel
    li
    a:hover,
.header.text-dark
    .mega-menu
    .menu-links
    > li.active
    .drop-down-multilevel
    li.active
    .drop-down-multilevel
    li.active
    a,
.header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator,
.header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator,
.header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a,
.header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover,
.header.dark-dropdown .mega-menu .drop-down a:hover i.fa,
.header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa,
.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a,
.header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover,
.header.dark-dropdown .mega-menu .drop-down a:hover,
.header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover,
.header.dark-dropdown
    .mega-menu
    .menu-links
    > li.active
    .drop-down-multilevel
    a:hover,
.header.dark-dropdown .mega-menu .drop-down-multilevel a:hover,
.header.dark-dropdown
    .mega-menu
    .menu-links
    > li.active
    .drop-down-multilevel
    li.active
    a,
.header.dark-dropdown
    .mega-menu
    .menu-links
    > li.active
    .drop-down-multilevel
    li.active
    .drop-down-multilevel
    li
    a:hover,
.header.dark-dropdown
    .mega-menu
    .menu-links
    > li.active
    .drop-down-multilevel
    li.active
    .drop-down-multilevel
    li.active
    a,
.header.dark-dropdown
    .mega-menu
    .menu-links
    > li.active
    .drop-down-multilevel
    li.active
    .drop-down-multilevel
    li
    a
    .drop-down-multilevel
    li
    a:hover,
.header.dark-dropdown
    .mega-menu
    .menu-links
    > li.active
    .drop-down-multilevel
    li.active
    .drop-down-multilevel
    li.active
    .drop-down-multilevel
    li.active
    a,
.header.dark-dropdown
    .mega-menu
    .menu-links
    > li.active
    .drop-down-multilevel
    li.active
    i,
.header.dark-dropdown
    .mega-menu
    .menu-links
    > li.active
    .drop-down-multilevel
    li.active
    .drop-down-multilevel
    li.active
    i,
.header.dark-dropdown
    .mega-menu
    .menu-links
    > li.active
    .drop-down-multilevel
    li.active:hover
    .drop-down-multilevel
    li
    a:hover
    i,
.header.dark-dropdown
    .mega-menu
    .menu-links
    > li.active
    .drop-down-multilevel
    li.active
    .drop-down-multilevel
    li.active
    .drop-down-multilevel
    li
    a:hover,
.header.dark-dropdown
    .mega-menu
    .menu-links
    > li.active
    .drop-down-multilevel
    li.active
    .drop-down-multilevel
    li.active
    a,
.header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator,
.header.dark-dropdown
    .mega-menu
    .drop-down-multilevel
    li.active
    a
    i.fa-indicator,
.testimonial.text-white.clean .author-info,
.header.fancy .mega-menu.desktopTopFixed .menu-links > li > a:hover,
.header.fancy .mega-menu.desktopTopFixed .menu-links > li.active > a {
    color: #009d7b;
}

.portfolio-item.simple-effect .portfolio-overlay a:hover,
.portfolio-item.simple-effect .portfolio-overlay span a:hover,
.blockquote-section blockquote.quote:before,
.play-video-section .play-video a,
.dark-theme-bg .addresss-info i,
.isotope-filters.dark-bg button.active,
.timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot,
.conference-video .popup-video a i,
.christmas-event .blog-detail .entry-title a:hover,
.christmas-event .entry-meta ul li i,
.christmas-event .entry-meta ul li a i,
.christmas-event .entry-meta ul li a:hover,
header.one-page.light .navbar-inverse .navbar-nav > .active > a,
header.one-page.light .navbar-inverse .navbar-nav > .active > a:focus,
header.one-page.light .navbar-inverse .navbar-nav > .active > a:hover,
header.one-page.light .navbar-inverse .navbar-nav > li > a:hover,
.architecture-portfolio .isotope-filters button.active,
.architecture-portfolio .isotope-filters button:hover,
.architecture-portfolio .isotope-filters button.active,
.architecture-portfolio .isotope-filters button:hover,
.one-page.dark-text .navbar-inverse .navbar-nav > .active > a,
.one-page.dark-text .navbar-inverse .navbar-nav > .active > a:focus,
.one-page.dark-text .navbar-inverse .navbar-nav > .active > a:hover,
.one-page.dark-text .navbar-inverse .navbar-nav > li > a:hover,
.login-box-left li.active a,
.login-box-left li a:hover,
.login-box-left li.active a,
.login-box-left li a:hover,
.page-title.light-overlay ul.page-breadcrumb li span,
.page-title.light-overlay ul.page-breadcrumb li a:hover,
.wishlist-page .table td.price.price-2,
.blog.blog-simple .entry-meta ul li a i,
.blog.blog-simple .entry-meta ul li a:hover,
.header.light .search .search-btn:hover,
.one-page .navbar.affix .navbar-nav > li.active > a,
.one-page .navbar.affix .navbar-nav > li > a:hover,
.search .search-box button:hover,
.button.button-border.white:hover,
.button.button-border.white:focus,
.header.light .mega-menu .menu-links > li > a:hover,
#header.pizza-menu .mega-menu .menu-links > li.active > a,
#header.pizza-menu .mega-menu .menu-links > li > a:hover,
#onepagenav .mega-menu .menu-links > li > a:hover,
#onepagenav .mega-menu .menu-links > li.active > a,
.tab-border .nav.nav-tabs > li > a.active,
.tab-border .nav.nav-tabs > li > a.active:focus,
.tab-border .nav.nav-tabs > li > a.active:hover,
.shadow .nav.nav-tabs > li > a.active,
.shadow .nav.nav-tabs > li > a.active:focus,
.shadow .nav.nav-tabs > li > a.active:hover,
.counter.theme-color span,
.isotope-filters.filters-vertical button.active,
.isotope-filters.filters-vertical button:hover,
.counter.theme-color,
.header.fancy .search .search-btn:hover,
.counter.theme-color span,
.isotope-filters.filters-vertical button.active,
.isotope-filters.filters-vertical button:hover,
.counter.theme-color,
.header.fancy .search .search-btn:hover,
.quote:before,
.black-bg .button.icon-color:hover,
.addresss-info.invoice-addresss li a,
.addresss-info.text-black i,
ul.menu-sidebar li a:hover,
ul.menu-sidebar li.active a {
    color: #009d7b;
}

/*************************
	 Border Color
*************************/

.button,
.button.gray:hover,
.button.gray.active,
.button.gray:focus,
.button.border:hover,
.button.border:focus,
.button.border,
.button.border.gray:hover,
.button.border.gray:focus,
.button.black:hover,
.button.black.active,
.button.black:focus,
.button.icon-color i,
.btn-primary,
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open > .dropdown-toggle.btn-primary.focus,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:hover,
.data-table .table-2 .table thead tr th,
.dropcap.dropcap-border,
.feature-text.round:hover .feature-icon i,
.feature-text.round:hover .feature-icon span,
.feature-text.theme-icon .feature-icon span,
.feature-text.theme-icon .feature-icon i,
.feature-text.square:hover .feature-icon i,
.feature-text.square:hover .feature-icon span,
.remember-checkbox label:before,
.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover,
.panel-primary > .panel-heading,
.panel-primary,
.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover,
.pricing-table.active .pricing-top,
.pricing-table.active.boxed,
.membership-pricing-table table .plan-header-standard,
.nav-border .nav.nav-tabs > li.active > a:focus,
.nav-border .nav.nav-tabs > li.active > a:hover,
.nav-border .nav.nav-tabs > li.active > a,
.nav-border .nav.nav-tabs > li.active > a:focus,
.nav-border .nav.nav-tabs > li.active > a:hover,
.testimonial-avatar img,
.our-history .timeline > li > .timeline-badge,
.isotope-filters button.active,
.isotope-filters button:hover,
.sidebar-widget .widget-categories li a:hover i,
.blog .timeline li:hover .timeline-badge,
.blog .timeline li:hover .timeline-panel,
.video-background-banner .slider-content,
.service-blog ul,
.service-blog.left ul,
.personal-typer-banner h2,
.personal-typer-banner b {
    border-color: #009d7b;
}

.border-memu .navbar-inverse .navbar-nav > .active > a,
.border-memu .navbar-inverse .navbar-nav > .active > a:focus,
.border-memu .navbar-inverse .navbar-nav > .active > a:hover,
.border-memu .navbar-inverse .navbar-nav a:hover,
.agency-banner .slider-content h1,
.login-box-left li.active a,
.login-box-left li a:hover,
.login-box-left li.active a,
.login-box-left li a:hover,
.blog-box.blog-2.blog-border .blog-info .tag,
.tab.nav-bt .nav li.active,
.tab.nav-bl .nav li.active,
.tab.nav-br .nav li.active,
.book-about blockquote,
.hotel-banner-checkout .checkout,
.tab .nav.nav-tabs > li.active > a,
.nav.nav-tabs > li.active > a:focus,
.nav.nav-tabs > li.active > a:hover,
.button.button-border,
.button.button-border:hover,
.button.button-border:focus,
.nav.nav-tabs > li > a.active:focus,
.nav.nav-tabs > li > a.active:hover,
.page-item.active .page-link,
.mega-menu .menu-links > li.active a,
.mega-menu .menu-links > li a:hover,
.button.button-border.gray:hover,
.button.button-border.gray:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus,
.btn-primary.focus,
.btn-primary:focus,
.tab.nav-bt .nav.nav-tabs > li > a.active,
.tab.nav-bl .nav.nav-tabs > li > a.active,
.tab.nav-br .nav.nav-tabs > li > a.active,
.isotope-filters.dark-bg button.active,
.isotope-filters button:hover,
.isotope-filters.filters-vertical button.active,
.isotope-filters.filters-vertical button:hover,
.wishlist-page .table td.total a:hover,
.isotope-filters.dark-bg button.active,
.isotope-filters button:hover,
.isotope-filters.filters-vertical button.active,
.isotope-filters.filters-vertical button:hover,
.wishlist-page .table td.total a:hover,
.spa-border:before,
.team.team-list,
.marketing-banner .slider-content {
    border-color: #009d7b;
}

/*border left border right*/
.blog .timeline li:hover .timeline-panel:before {
    border-left-color: #009d7b;
    border-right-color: #009d7b;
}
ul.menu-sidebar li a:hover,
ul.menu-sidebar li.active a {
    border-left-color: #009d7b;
}

/*************************
 important
*************************/
.rev-color {
    color: #009d7b !important;
}
.rev-button,
.rev-btn,
.badge-primary,
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link,
.bg-primary {
    background: #009d7b !important;
}
.rev-button:hover,
.rev-btn:hover {
    background: #ffffff !important;
    color: #323232 !important;
}
.rev-bg {
    background: #009d7b !important;
}
.border-primary {
    border-color: #009d7b !important;
}
.footer .footer-social ul li a:hover,
.slider-content .typer {
    color: #009d7b !important;
}
.progress-bar-new,
.progress-bar {
    background-color: #009d7b;
}

/*************************
	dark color
*************************/
.agency-form .contact-form,
.agency-counter .row {
    background: #42d577;
}

/*************************
	box shadow
*************************/
#onepagenav.onepage-hover-01 .mega-menu .menu-links > li > a:hover,
#onepagenav.onepage-hover-01 .mega-menu .menu-links > li.active > a {
    box-shadow: inset 178px 0px 0px 0px #009d7b;
}
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus,
.btn-primary.focus,
.btn-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(81, 232, 135, 0.5);
}
.marketing-step .step-box {
    box-shadow: 0px 0px 0 10px #009d7b;
}
.marketing-step .step-box:hover {
    box-shadow: 0px 0px 0 15px #009d7b;
}

/*************************
	 Rgba Background Color
*************************/
.st-menu ul.menu li a:before {
    background: rgba(81, 232, 135, 0.4);
}
.service-plumber .feature-box:hover:before,
.service-plumber .feature-box.active:before,
.team.team-hover-2:hover .team-photo::before {
    background: rgba(81, 232, 135, 0.9);
}
.bg-overlay-theme-10:before {
    background: rgba(81, 232, 135, 0.1);
}
.bg-overlay-theme-20:before {
    background: rgba(81, 232, 135, 0.2);
}
.bg-overlay-theme-30:before {
    background: rgba(81, 232, 135, 0.3);
}
.bg-overlay-theme-40:before {
    background: rgba(81, 232, 135, 0.4);
}
.bg-overlay-theme-50:before {
    background: rgba(81, 232, 135, 0.5);
}
.bg-overlay-theme-60:before {
    background: rgba(81, 232, 135, 0.6);
}
.bg-overlay-theme-70:before {
    background: rgba(81, 232, 135, 0.7);
}
.bg-overlay-theme-80:before {
    background: rgba(81, 232, 135, 0.8);
}
.bg-overlay-theme-90:before {
    background: rgba(81, 232, 135, 0.9);
}

.color-bg-default {
    background-color: #ffffff;
}

.color-bg-primary {
    background-color: #009d7b;
}

.color-fg-default {
    color: #24292f;
}

.color-fg-default-dark {
    color: #ffffff;
}

.color-fg-muted {
    color: #57606a;
}
.color-fg-subtle {
    color: #6e7781;
}

.color-bg-subtle {
    background-color: #f6f8fa;
}

.color-bg-light-green {
    background-color: #effcef;
}
.color-bg-light-pink {
    background-color: #feebf7;
}
.color-bg-light-blue {
    background-color: #c3f8fe;
}
.color-bg-light-yellow {
    background-color: #fffbeb;
}

.p-responsive {
    padding-right: 16px !important;
    padding-left: 16px !important;
}
@media (min-width: 544px) {
    .p-responsive {
        padding-right: 40px !important;
        padding-left: 40px !important;
    }
}
@media (min-width: 1012px) {
    .p-responsive {
        padding-right: 16px !important;
        padding-left: 16px !important;
    }
}

.container-sm {
    max-width: 544px;
    margin-right: auto;
    margin-left: auto;
}
.container-md {
    max-width: 768px;
    margin-right: auto;
    margin-left: auto;
}
.container-lg {
    max-width: 1012px;
    margin-right: auto;
    margin-left: auto;
}
.container-xl {
    max-width: 1280px;
    margin-right: auto;
    margin-left: auto;
}
.container-xxl {
    max-width: 1548px;
    margin-right: auto;
    margin-left: auto;
}

.col-1 {
    width: 8.33333333%;
}
.col-2 {
    width: 16.66666666%;
}
.col-3 {
    width: 24.99999999%;
}
.col-4 {
    width: 33.33333332%;
}
.col-5 {
    width: 41.66666665%;
}
.col-6 {
    width: 49.99999998%;
}
.col-7 {
    width: 58.33333331%;
}
.col-8 {
    width: 66.66666664%;
}
.col-9 {
    width: 74.99999997%;
}
.col-10 {
    width: 83.3333333%;
}
.col-11 {
    width: 91.66666663%;
}
.col-12 {
    width: 100%;
}
@media (min-width: 544px) {
    .col-sm-1 {
        width: 8.33333333%;
    }
    .col-sm-2 {
        width: 16.66666666%;
    }
    .col-sm-3 {
        width: 24.99999999%;
    }
    .col-sm-4 {
        width: 33.33333332%;
    }
    .col-sm-5 {
        width: 41.66666665%;
    }
    .col-sm-6 {
        width: 49.99999998%;
    }
    .col-sm-7 {
        width: 58.33333331%;
    }
    .col-sm-8 {
        width: 66.66666664%;
    }
    .col-sm-9 {
        width: 74.99999997%;
    }
    .col-sm-10 {
        width: 83.3333333%;
    }
    .col-sm-11 {
        width: 91.66666663%;
    }
    .col-sm-12 {
        width: 100%;
    }
}
@media (min-width: 768px) {
    .col-md-1 {
        width: 8.33333333%;
    }
    .col-md-2 {
        width: 16.66666666%;
    }
    .col-md-3 {
        width: 24.99999999%;
    }
    .col-md-4 {
        width: 33.33333332%;
    }
    .col-md-5 {
        width: 41.66666665%;
    }
    .col-md-6 {
        width: 49.99999998%;
    }
    .col-md-7 {
        width: 58.33333331%;
    }
    .col-md-8 {
        width: 66.66666664%;
    }
    .col-md-9 {
        width: 74.99999997%;
    }
    .col-md-10 {
        width: 83.3333333%;
    }
    .col-md-11 {
        width: 91.66666663%;
    }
    .col-md-12 {
        width: 100%;
    }
}
@media (min-width: 1012px) {
    .col-lg-1 {
        width: 8.33333333%;
    }
    .col-lg-2 {
        width: 16.66666666%;
    }
    .col-lg-3 {
        width: 24.99999999%;
    }
    .col-lg-4 {
        width: 33.33333332%;
    }
    .col-lg-5 {
        width: 41.66666665%;
    }
    .col-lg-6 {
        width: 49.99999998%;
    }
    .col-lg-7 {
        width: 58.33333331%;
    }
    .col-lg-8 {
        width: 66.66666664%;
    }
    .col-lg-9 {
        width: 74.99999997%;
    }
    .col-lg-10 {
        width: 83.3333333%;
    }
    .col-lg-11 {
        width: 91.66666663%;
    }
    .col-lg-12 {
        width: 100%;
    }
}
@media (min-width: 1280px) {
    .col-xl-1 {
        width: 8.33333333%;
    }
    .col-xl-2 {
        width: 16.66666666%;
    }
    .col-xl-3 {
        width: 24.99999999%;
    }
    .col-xl-4 {
        width: 33.33333332%;
    }
    .col-xl-5 {
        width: 41.66666665%;
    }
    .col-xl-6 {
        width: 49.99999998%;
    }
    .col-xl-7 {
        width: 58.33333331%;
    }
    .col-xl-8 {
        width: 66.66666664%;
    }
    .col-xl-9 {
        width: 74.99999997%;
    }
    .col-xl-10 {
        width: 83.3333333%;
    }
    .col-xl-11 {
        width: 91.66666663%;
    }
    .col-xl-12 {
        width: 100%;
    }
}

.col-5-max {
    width: 100%;
    max-width: 33.75rem;
}
@media (min-width: 544px) {
    .col-5-max {
        max-width: 34.375rem;
    }
}
@media (min-width: 544px) {
    .col-5-max {
        max-width: 33.75rem;
    }
}
.col-6-max {
    width: 100%;
    max-width: 40.5rem;
}
@media (min-width: 544px) {
    .col-6-max {
        max-width: 41.25rem;
    }
}
@media (min-width: 1012px) {
    .col-6-max {
        max-width: 40.5rem;
    }
}
.col-7-max {
    width: 100%;
    max-width: 47.25rem;
}
@media (min-width: 544px) {
    .col-7-max {
        max-width: 48.125rem;
    }
}
@media (min-width: 1012px) {
    .col-7-max {
        max-width: 47.25rem;
    }
}
.col-8-max {
    width: 100%;
    max-width: 54rem;
}
@media (min-width: 544px) {
    .col-8-max {
        max-width: 55rem;
    }
}
@media (min-width: 1012px) {
    .col-8-max {
        max-width: 54rem;
    }
}
.col-9-max {
    width: 100%;
    max-width: 60.75rem;
}
@media (min-width: 544px) {
    .col-9-max {
        max-width: 61.875rem;
    }
}
@media (min-width: 1012px) {
    .col-9-max {
        max-width: 61.5rem;
    }
}
.col-10-max {
    width: 100%;
    max-width: 67.5rem;
}
@media (min-width: 544px) {
    .col-10-max {
        max-width: 68.75rem;
    }
}
@media (min-width: 1012px) {
    .col-10-max {
        max-width: 67.5rem;
    }
}

.gutter {
    margin-right: -16px;
    margin-left: -16px;
}
.gutter > [class*="col-"] {
    padding-right: 16px !important;
    padding-left: 16px !important;
}
.gutter-condensed {
    margin-right: -8px;
    margin-left: -8px;
}
.gutter-condensed > [class*="col-"] {
    padding-right: 8px !important;
    padding-left: 8px !important;
}
.gutter-spacious {
    margin-right: -24px;
    margin-left: -24px;
}
.gutter-spacious > [class*="col-"] {
    padding-right: 24px !important;
    padding-left: 24px !important;
}
@media (min-width: 544px) {
    .gutter-sm {
        margin-right: -16px;
        margin-left: -16px;
    }
    .gutter-sm > [class*="col-"] {
        padding-right: 16px !important;
        padding-left: 16px !important;
    }
    .gutter-sm-condensed {
        margin-right: -8px;
        margin-left: -8px;
    }
    .gutter-sm-condensed > [class*="col-"] {
        padding-right: 8px !important;
        padding-left: 8px !important;
    }
    .gutter-sm-spacious {
        margin-right: -24px;
        margin-left: -24px;
    }
    .gutter-sm-spacious > [class*="col-"] {
        padding-right: 24px !important;
        padding-left: 24px !important;
    }
}
@media (min-width: 768px) {
    .gutter-md {
        margin-right: -16px;
        margin-left: -16px;
    }
    .gutter-md > [class*="col-"] {
        padding-right: 16px !important;
        padding-left: 16px !important;
    }
    .gutter-md-condensed {
        margin-right: -8px;
        margin-left: -8px;
    }
    .gutter-md-condensed > [class*="col-"] {
        padding-right: 8px !important;
        padding-left: 8px !important;
    }
    .gutter-md-spacious {
        margin-right: -24px;
        margin-left: -24px;
    }
    .gutter-md-spacious > [class*="col-"] {
        padding-right: 24px !important;
        padding-left: 24px !important;
    }
}
@media (min-width: 1012px) {
    .gutter-lg {
        margin-right: -16px;
        margin-left: -16px;
    }
    .gutter-lg > [class*="col-"] {
        padding-right: 16px !important;
        padding-left: 16px !important;
    }
    .gutter-lg-condensed {
        margin-right: -8px;
        margin-left: -8px;
    }
    .gutter-lg-condensed > [class*="col-"] {
        padding-right: 8px !important;
        padding-left: 8px !important;
    }
    .gutter-lg-spacious {
        margin-right: -24px;
        margin-left: -24px;
    }
    .gutter-lg-spacious > [class*="col-"] {
        padding-right: 24px !important;
        padding-left: 24px !important;
    }
}
@media (min-width: 1280px) {
    .gutter-xl {
        margin-right: -16px;
        margin-left: -16px;
    }
    .gutter-xl > [class*="col-"] {
        padding-right: 16px !important;
        padding-left: 16px !important;
    }
    .gutter-xl-condensed {
        margin-right: -8px;
        margin-left: -8px;
    }
    .gutter-xl-condensed > [class*="col-"] {
        padding-right: 8px !important;
        padding-left: 8px !important;
    }
    .gutter-xl-spacious {
        margin-right: -24px;
        margin-left: -24px;
    }
    .gutter-xl-spacious > [class*="col-"] {
        padding-right: 24px !important;
        padding-left: 24px !important;
    }
}

.box-shadow-default-mktg {
    box-shadow: 0 2.75px 2.21px rgba(0, 0, 0, 0.07),
        0 6.65px 5.32px rgba(0, 0, 0, 0.043), 0 12.5px 10px rgba(0, 0, 0, 0.03),
        0 22px 18px rgba(0, 0, 0, 0.03), 0 42px 33.4px rgba(0, 0, 0, 0.02),
        0 100px 80px rgba(0, 0, 0, 0.017) !important;
}
.box-shadow-active-mktg {
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.03), 0 4px 4px rgba(0, 0, 0, 0.04),
        0 10px 8px rgba(0, 0, 0, 0.05), 0 15px 15px rgba(0, 0, 0, 0.06),
        0 30px 30px rgba(0, 0, 0, 0.07), 0 70px 65px rgba(0, 0, 0, 0.09) !important;
}
.box-shadow-card-mktg {
    box-shadow: 0 3px 2px rgba(0, 0, 0, 0.04), 0 7px 5px rgba(0, 0, 0, 0.02),
        0 13px 10px rgba(0, 0, 0, 0.02), 0 22px 17px rgba(0, 0, 0, 0.02) !important;
}
.box-shadow-default-border-mktg {
    box-shadow: 0 0 0 1px rgba(53, 72, 91, 0.14),
        0 2.75px 2.21px rgba(0, 0, 0, 0.07),
        0 6.65px 5.32px rgba(0, 0, 0, 0.043), 0 12.5px 10px rgba(0, 0, 0, 0.03),
        0 22px 18px rgba(0, 0, 0, 0.03), 0 42px 33.4px rgba(0, 0, 0, 0.02),
        0 100px 80px rgba(0, 0, 0, 0.017) !important;
}
.box-shadow-active-border-mktg {
    box-shadow: 0 0 0 1px rgba(53, 72, 91, 0.14), 0 2px 2px rgba(0, 0, 0, 0.03),
        0 4px 4px rgba(0, 0, 0, 0.04), 0 10px 8px rgba(0, 0, 0, 0.05),
        0 15px 15px rgba(0, 0, 0, 0.06), 0 30px 30px rgba(0, 0, 0, 0.07),
        0 70px 65px rgba(0, 0, 0, 0.09) !important;
}
.box-shadow-active-border-inverse-mktg {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5), 0 70px 65px rgba(0, 0, 0, 0.18),
        0 30px 30px rgba(0, 0, 0, 0.14), 0 15px 15px rgba(0, 0, 0, 0.12),
        0 10px 8px rgba(0, 0, 0, 0.1), 0 4px 4px rgba(0, 0, 0, 0.08),
        0 2px 2px rgba(0, 0, 0, 0.06) !important;
}
.box-shadow-active-border-light-mktg {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1),
        0 2px 2px rgba(0, 0, 0, 0.03), 0 4px 4px rgba(0, 0, 0, 0.04),
        0 10px 8px rgba(0, 0, 0, 0.05), 0 15px 15px rgba(0, 0, 0, 0.06),
        0 30px 30px rgba(0, 0, 0, 0.07), 0 70px 65px rgba(0, 0, 0, 0.09) !important;
}
.box-shadow-card-border-mktg {
    box-shadow: 0 0 0 1px rgba(53, 72, 91, 0.14), 0 3px 2px rgba(0, 0, 0, 0.04),
        0 7px 5px rgba(0, 0, 0, 0.02), 0 13px 10px rgba(0, 0, 0, 0.02),
        0 22px 17px rgba(0, 0, 0, 0.02) !important;
}
[data-color-mode="dark"] .box-shadow-card-border-mktg {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1) !important;
}
.box-shadow-card-border-inverse-mktg {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5), 0 97px 77px rgba(0, 0, 0, 0.02),
        0 40px 32px rgba(0, 0, 0, 0.02), 0 21.6px 17px rgba(0, 0, 0, 0.03),
        0 12px 9.7px rgba(0, 0, 0, 0.04), 0 6.4px 5px rgba(0, 0, 0, 0.04),
        0 2.7px 2.1px rgba(0, 0, 0, 0.07) !important;
}
.box-shadow-card-border-light-mktg {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1),
        0 3px 2px rgba(0, 0, 0, 0.04), 0 7px 5px rgba(0, 0, 0, 0.02),
        0 13px 10px rgba(0, 0, 0, 0.02), 0 22px 17px rgba(0, 0, 0, 0.02) !important;
}
.box-shadow-mktg-xl {
    box-shadow: 0 2.74416px 2.74416px rgba(0, 0, 0, 0.0274351),
        0 5.48831px 5.48831px rgba(0, 0, 0, 0.0400741),
        0 13.7208px 10.9766px rgba(0, 0, 0, 0.0499982),
        0 20.5812px 20.5812px rgba(0, 0, 0, 0.0596004),
        0 41.1623px 41.1623px rgba(0, 0, 0, 0.0709366),
        0 96.0454px 89.1851px rgba(0, 0, 0, 0.09);
}
.box-shadow-card-dark-mktg {
    position: relative;
    box-shadow: 0 0 0 1px #000, 0 30px 30px rgba(0, 0, 0, 0.07),
        0 15px 15px rgba(0, 0, 0, 0.06), 0 10px 8px rgba(0, 0, 0, 0.05),
        0 4px 4px rgba(0, 0, 0, 0.04), 0 2px 2px rgba(0, 0, 0, 0.03);
}
.box-shadow-card-dark-mktg::after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    pointer-events: none;
    content: "";
    border-radius: inherit;
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.1);
}

.color-shadow-small {
    box-shadow: var(--color-shadow-small) !important;
}
.color-shadow-medium {
    box-shadow: var(--color-shadow-medium) !important;
}
.color-shadow-large {
    box-shadow: var(--color-shadow-large) !important;
}
.color-shadow-extra-large {
    box-shadow: var(--color-shadow-extra-large) !important;
}
.box-shadow-none {
    box-shadow: none !important;
}

.width-fit {
    max-width: 100% !important;
}
.width-full {
    width: 100% !important;
}
.height-fit {
    max-height: 100% !important;
}
.height-full {
    height: 100% !important;
}
.min-width-0 {
    min-width: 0 !important;
}
.width-auto {
    width: auto !important;
}
.direction-rtl {
    direction: rtl !important;
}
.direction-ltr {
    direction: ltr !important;
}
@media (min-width: 544px) {
    .width-sm-auto {
        width: auto !important;
    }
    .direction-sm-rtl {
        direction: rtl !important;
    }
    .direction-sm-ltr {
        direction: ltr !important;
    }
}
@media (min-width: 768px) {
    .width-md-auto {
        width: auto !important;
    }
    .direction-md-rtl {
        direction: rtl !important;
    }
    .direction-md-ltr {
        direction: ltr !important;
    }
}
@media (min-width: 1012px) {
    .width-lg-auto {
        width: auto !important;
    }
    .direction-lg-rtl {
        direction: rtl !important;
    }
    .direction-lg-ltr {
        direction: ltr !important;
    }
}
@media (min-width: 1280px) {
    .width-xl-auto {
        width: auto !important;
    }
    .direction-xl-rtl {
        direction: rtl !important;
    }
    .direction-xl-ltr {
        direction: ltr !important;
    }
}
.m-0 {
    margin: 0 !important;
}
.mt-0 {
    margin-top: 0 !important;
}
.mb-0 {
    margin-bottom: 0 !important;
}
.mr-0 {
    margin-right: 0 !important;
}
.ml-0 {
    margin-left: 0 !important;
}
.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
}
.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.m-1 {
    margin: var(--base-size-4, 4px) !important;
}
.mt-1 {
    margin-top: var(--base-size-4, 4px) !important;
}
.mb-1 {
    margin-bottom: var(--base-size-4, 4px) !important;
}
.mr-1 {
    margin-right: var(--base-size-4, 4px) !important;
}
.ml-1 {
    margin-left: var(--base-size-4, 4px) !important;
}
.mt-n1 {
    margin-top: calc(-1 * var(--base-size-4, 4px)) !important;
}
.mb-n1 {
    margin-bottom: calc(-1 * var(--base-size-4, 4px)) !important;
}
.mr-n1 {
    margin-right: calc(-1 * var(--base-size-4, 4px)) !important;
}
.ml-n1 {
    margin-left: calc(-1 * var(--base-size-4, 4px)) !important;
}
.mx-1 {
    margin-right: var(--base-size-4, 4px) !important;
    margin-left: var(--base-size-4, 4px) !important;
}
.my-1 {
    margin-top: var(--base-size-4, 4px) !important;
    margin-bottom: var(--base-size-4, 4px) !important;
}
.m-2 {
    margin: var(--base-size-8, 8px) !important;
}
.mt-2 {
    margin-top: var(--base-size-8, 8px) !important;
}
.mb-2 {
    margin-bottom: var(--base-size-8, 8px) !important;
}
.mr-2 {
    margin-right: var(--base-size-8, 8px) !important;
}
.ml-2 {
    margin-left: var(--base-size-8, 8px) !important;
}
.mt-n2 {
    margin-top: calc(-1 * var(--base-size-8, 8px)) !important;
}
.mb-n2 {
    margin-bottom: calc(-1 * var(--base-size-8, 8px)) !important;
}
.mr-n2 {
    margin-right: calc(-1 * var(--base-size-8, 8px)) !important;
}
.ml-n2 {
    margin-left: calc(-1 * var(--base-size-8, 8px)) !important;
}
.mx-2 {
    margin-right: var(--base-size-8, 8px) !important;
    margin-left: var(--base-size-8, 8px) !important;
}
.my-2 {
    margin-top: var(--base-size-8, 8px) !important;
    margin-bottom: var(--base-size-8, 8px) !important;
}
.m-3 {
    margin: var(--base-size-16, 16px) !important;
}
.mt-3 {
    margin-top: var(--base-size-16, 16px) !important;
}
.mb-3 {
    margin-bottom: var(--base-size-16, 16px) !important;
}
.mr-3 {
    margin-right: var(--base-size-16, 16px) !important;
}
.ml-3 {
    margin-left: var(--base-size-16, 16px) !important;
}
.mt-n3 {
    margin-top: calc(-1 * var(--base-size-16, 16px)) !important;
}
.mb-n3 {
    margin-bottom: calc(-1 * var(--base-size-16, 16px)) !important;
}
.mr-n3 {
    margin-right: calc(-1 * var(--base-size-16, 16px)) !important;
}
.ml-n3 {
    margin-left: calc(-1 * var(--base-size-16, 16px)) !important;
}
.mx-3 {
    margin-right: var(--base-size-16, 16px) !important;
    margin-left: var(--base-size-16, 16px) !important;
}
.my-3 {
    margin-top: var(--base-size-16, 16px) !important;
    margin-bottom: var(--base-size-16, 16px) !important;
}
.m-4 {
    margin: var(--base-size-24, 24px) !important;
}
.mt-4 {
    margin-top: var(--base-size-24, 24px) !important;
}
.mb-4 {
    margin-bottom: var(--base-size-24, 24px) !important;
}
.mr-4 {
    margin-right: var(--base-size-24, 24px) !important;
}
.ml-4 {
    margin-left: var(--base-size-24, 24px) !important;
}
.mt-n4 {
    margin-top: calc(-1 * var(--base-size-24, 24px)) !important;
}
.mb-n4 {
    margin-bottom: calc(-1 * var(--base-size-24, 24px)) !important;
}
.mr-n4 {
    margin-right: calc(-1 * var(--base-size-24, 24px)) !important;
}
.ml-n4 {
    margin-left: calc(-1 * var(--base-size-24, 24px)) !important;
}
.mx-4 {
    margin-right: var(--base-size-24, 24px) !important;
    margin-left: var(--base-size-24, 24px) !important;
}
.my-4 {
    margin-top: var(--base-size-24, 24px) !important;
    margin-bottom: var(--base-size-24, 24px) !important;
}
.m-5 {
    margin: var(--base-size-32, 32px) !important;
}
.mt-5 {
    margin-top: var(--base-size-32, 32px) !important;
}
.mb-5 {
    margin-bottom: var(--base-size-32, 32px) !important;
}
.mr-5 {
    margin-right: var(--base-size-32, 32px) !important;
}
.ml-5 {
    margin-left: var(--base-size-32, 32px) !important;
}
.mt-n5 {
    margin-top: calc(-1 * var(--base-size-32, 32px)) !important;
}
.mb-n5 {
    margin-bottom: calc(-1 * var(--base-size-32, 32px)) !important;
}
.mr-n5 {
    margin-right: calc(-1 * var(--base-size-32, 32px)) !important;
}
.ml-n5 {
    margin-left: calc(-1 * var(--base-size-32, 32px)) !important;
}
.mx-5 {
    margin-right: var(--base-size-32, 32px) !important;
    margin-left: var(--base-size-32, 32px) !important;
}
.my-5 {
    margin-top: var(--base-size-32, 32px) !important;
    margin-bottom: var(--base-size-32, 32px) !important;
}
.m-6 {
    margin: var(--base-size-40, 40px) !important;
}
.mt-6 {
    margin-top: var(--base-size-40, 40px) !important;
}
.mb-6 {
    margin-bottom: var(--base-size-40, 40px) !important;
}
.mr-6 {
    margin-right: var(--base-size-40, 40px) !important;
}
.ml-6 {
    margin-left: var(--base-size-40, 40px) !important;
}
.mt-n6 {
    margin-top: calc(-1 * var(--base-size-40, 40px)) !important;
}
.mb-n6 {
    margin-bottom: calc(-1 * var(--base-size-40, 40px)) !important;
}
.mr-n6 {
    margin-right: calc(-1 * var(--base-size-40, 40px)) !important;
}
.ml-n6 {
    margin-left: calc(-1 * var(--base-size-40, 40px)) !important;
}
.mx-6 {
    margin-right: var(--base-size-40, 40px) !important;
    margin-left: var(--base-size-40, 40px) !important;
}
.my-6 {
    margin-top: var(--base-size-40, 40px) !important;
    margin-bottom: var(--base-size-40, 40px) !important;
}
.mt-7 {
    margin-top: var(--base-size-48, 48px) !important;
}
.mb-7 {
    margin-bottom: var(--base-size-48, 48px) !important;
}
.mt-n7 {
    margin-top: calc(-1 * var(--base-size-48, 48px)) !important;
}
.mb-n7 {
    margin-bottom: calc(-1 * var(--base-size-48, 48px)) !important;
}
.my-7 {
    margin-top: var(--base-size-48, 48px) !important;
    margin-bottom: var(--base-size-48, 48px) !important;
}
.mt-8 {
    margin-top: var(--base-size-64, 64px) !important;
}
.mb-8 {
    margin-bottom: var(--base-size-64, 64px) !important;
}
.mt-n8 {
    margin-top: calc(-1 * var(--base-size-64, 64px)) !important;
}
.mb-n8 {
    margin-bottom: calc(-1 * var(--base-size-64, 64px)) !important;
}
.my-8 {
    margin-top: var(--base-size-64, 64px) !important;
    margin-bottom: var(--base-size-64, 64px) !important;
}
.mt-9 {
    margin-top: var(--base-size-80, 80px) !important;
}
.mb-9 {
    margin-bottom: var(--base-size-80, 80px) !important;
}
.mt-n9 {
    margin-top: calc(-1 * var(--base-size-80, 80px)) !important;
}
.mb-n9 {
    margin-bottom: calc(-1 * var(--base-size-80, 80px)) !important;
}
.my-9 {
    margin-top: var(--base-size-80, 80px) !important;
    margin-bottom: var(--base-size-80, 80px) !important;
}
.mt-10 {
    margin-top: var(--base-size-96, 96px) !important;
}
.mb-10 {
    margin-bottom: var(--base-size-96, 96px) !important;
}
.mt-n10 {
    margin-top: calc(-1 * var(--base-size-96, 96px)) !important;
}
.mb-n10 {
    margin-bottom: calc(-1 * var(--base-size-96, 96px)) !important;
}
.my-10 {
    margin-top: var(--base-size-96, 96px) !important;
    margin-bottom: var(--base-size-96, 96px) !important;
}
.mt-11 {
    margin-top: var(--base-size-112, 112px) !important;
}
.mb-11 {
    margin-bottom: var(--base-size-112, 112px) !important;
}
.mt-n11 {
    margin-top: calc(-1 * var(--base-size-112, 112px)) !important;
}
.mb-n11 {
    margin-bottom: calc(-1 * var(--base-size-112, 112px)) !important;
}
.my-11 {
    margin-top: var(--base-size-112, 112px) !important;
    margin-bottom: var(--base-size-112, 112px) !important;
}
.mt-12 {
    margin-top: var(--base-size-128, 128px) !important;
}
.mb-12 {
    margin-bottom: var(--base-size-128, 128px) !important;
}
.mt-n12 {
    margin-top: calc(-1 * var(--base-size-128, 128px)) !important;
}
.mb-n12 {
    margin-bottom: calc(-1 * var(--base-size-128, 128px)) !important;
}
.my-12 {
    margin-top: var(--base-size-128, 128px) !important;
    margin-bottom: var(--base-size-128, 128px) !important;
}
.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}
@media (min-width: 544px) {
    .m-sm-0 {
        margin: 0 !important;
    }
    .mt-sm-0 {
        margin-top: 0 !important;
    }
    .mb-sm-0 {
        margin-bottom: 0 !important;
    }
    .mr-sm-0 {
        margin-right: 0 !important;
    }
    .ml-sm-0 {
        margin-left: 0 !important;
    }
    .mx-sm-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .m-sm-1 {
        margin: var(--base-size-4, 4px) !important;
    }
    .mt-sm-1 {
        margin-top: var(--base-size-4, 4px) !important;
    }
    .mb-sm-1 {
        margin-bottom: var(--base-size-4, 4px) !important;
    }
    .mr-sm-1 {
        margin-right: var(--base-size-4, 4px) !important;
    }
    .ml-sm-1 {
        margin-left: var(--base-size-4, 4px) !important;
    }
    .mt-sm-n1 {
        margin-top: calc(-1 * var(--base-size-4, 4px)) !important;
    }
    .mb-sm-n1 {
        margin-bottom: calc(-1 * var(--base-size-4, 4px)) !important;
    }
    .mr-sm-n1 {
        margin-right: calc(-1 * var(--base-size-4, 4px)) !important;
    }
    .ml-sm-n1 {
        margin-left: calc(-1 * var(--base-size-4, 4px)) !important;
    }
    .mx-sm-1 {
        margin-right: var(--base-size-4, 4px) !important;
        margin-left: var(--base-size-4, 4px) !important;
    }
    .my-sm-1 {
        margin-top: var(--base-size-4, 4px) !important;
        margin-bottom: var(--base-size-4, 4px) !important;
    }
    .m-sm-2 {
        margin: var(--base-size-8, 8px) !important;
    }
    .mt-sm-2 {
        margin-top: var(--base-size-8, 8px) !important;
    }
    .mb-sm-2 {
        margin-bottom: var(--base-size-8, 8px) !important;
    }
    .mr-sm-2 {
        margin-right: var(--base-size-8, 8px) !important;
    }
    .ml-sm-2 {
        margin-left: var(--base-size-8, 8px) !important;
    }
    .mt-sm-n2 {
        margin-top: calc(-1 * var(--base-size-8, 8px)) !important;
    }
    .mb-sm-n2 {
        margin-bottom: calc(-1 * var(--base-size-8, 8px)) !important;
    }
    .mr-sm-n2 {
        margin-right: calc(-1 * var(--base-size-8, 8px)) !important;
    }
    .ml-sm-n2 {
        margin-left: calc(-1 * var(--base-size-8, 8px)) !important;
    }
    .mx-sm-2 {
        margin-right: var(--base-size-8, 8px) !important;
        margin-left: var(--base-size-8, 8px) !important;
    }
    .my-sm-2 {
        margin-top: var(--base-size-8, 8px) !important;
        margin-bottom: var(--base-size-8, 8px) !important;
    }
    .m-sm-3 {
        margin: var(--base-size-16, 16px) !important;
    }
    .mt-sm-3 {
        margin-top: var(--base-size-16, 16px) !important;
    }
    .mb-sm-3 {
        margin-bottom: var(--base-size-16, 16px) !important;
    }
    .mr-sm-3 {
        margin-right: var(--base-size-16, 16px) !important;
    }
    .ml-sm-3 {
        margin-left: var(--base-size-16, 16px) !important;
    }
    .mt-sm-n3 {
        margin-top: calc(-1 * var(--base-size-16, 16px)) !important;
    }
    .mb-sm-n3 {
        margin-bottom: calc(-1 * var(--base-size-16, 16px)) !important;
    }
    .mr-sm-n3 {
        margin-right: calc(-1 * var(--base-size-16, 16px)) !important;
    }
    .ml-sm-n3 {
        margin-left: calc(-1 * var(--base-size-16, 16px)) !important;
    }
    .mx-sm-3 {
        margin-right: var(--base-size-16, 16px) !important;
        margin-left: var(--base-size-16, 16px) !important;
    }
    .my-sm-3 {
        margin-top: var(--base-size-16, 16px) !important;
        margin-bottom: var(--base-size-16, 16px) !important;
    }
    .m-sm-4 {
        margin: var(--base-size-24, 24px) !important;
    }
    .mt-sm-4 {
        margin-top: var(--base-size-24, 24px) !important;
    }
    .mb-sm-4 {
        margin-bottom: var(--base-size-24, 24px) !important;
    }
    .mr-sm-4 {
        margin-right: var(--base-size-24, 24px) !important;
    }
    .ml-sm-4 {
        margin-left: var(--base-size-24, 24px) !important;
    }
    .mt-sm-n4 {
        margin-top: calc(-1 * var(--base-size-24, 24px)) !important;
    }
    .mb-sm-n4 {
        margin-bottom: calc(-1 * var(--base-size-24, 24px)) !important;
    }
    .mr-sm-n4 {
        margin-right: calc(-1 * var(--base-size-24, 24px)) !important;
    }
    .ml-sm-n4 {
        margin-left: calc(-1 * var(--base-size-24, 24px)) !important;
    }
    .mx-sm-4 {
        margin-right: var(--base-size-24, 24px) !important;
        margin-left: var(--base-size-24, 24px) !important;
    }
    .my-sm-4 {
        margin-top: var(--base-size-24, 24px) !important;
        margin-bottom: var(--base-size-24, 24px) !important;
    }
    .m-sm-5 {
        margin: var(--base-size-32, 32px) !important;
    }
    .mt-sm-5 {
        margin-top: var(--base-size-32, 32px) !important;
    }
    .mb-sm-5 {
        margin-bottom: var(--base-size-32, 32px) !important;
    }
    .mr-sm-5 {
        margin-right: var(--base-size-32, 32px) !important;
    }
    .ml-sm-5 {
        margin-left: var(--base-size-32, 32px) !important;
    }
    .mt-sm-n5 {
        margin-top: calc(-1 * var(--base-size-32, 32px)) !important;
    }
    .mb-sm-n5 {
        margin-bottom: calc(-1 * var(--base-size-32, 32px)) !important;
    }
    .mr-sm-n5 {
        margin-right: calc(-1 * var(--base-size-32, 32px)) !important;
    }
    .ml-sm-n5 {
        margin-left: calc(-1 * var(--base-size-32, 32px)) !important;
    }
    .mx-sm-5 {
        margin-right: var(--base-size-32, 32px) !important;
        margin-left: var(--base-size-32, 32px) !important;
    }
    .my-sm-5 {
        margin-top: var(--base-size-32, 32px) !important;
        margin-bottom: var(--base-size-32, 32px) !important;
    }
    .m-sm-6 {
        margin: var(--base-size-40, 40px) !important;
    }
    .mt-sm-6 {
        margin-top: var(--base-size-40, 40px) !important;
    }
    .mb-sm-6 {
        margin-bottom: var(--base-size-40, 40px) !important;
    }
    .mr-sm-6 {
        margin-right: var(--base-size-40, 40px) !important;
    }
    .ml-sm-6 {
        margin-left: var(--base-size-40, 40px) !important;
    }
    .mt-sm-n6 {
        margin-top: calc(-1 * var(--base-size-40, 40px)) !important;
    }
    .mb-sm-n6 {
        margin-bottom: calc(-1 * var(--base-size-40, 40px)) !important;
    }
    .mr-sm-n6 {
        margin-right: calc(-1 * var(--base-size-40, 40px)) !important;
    }
    .ml-sm-n6 {
        margin-left: calc(-1 * var(--base-size-40, 40px)) !important;
    }
    .mx-sm-6 {
        margin-right: var(--base-size-40, 40px) !important;
        margin-left: var(--base-size-40, 40px) !important;
    }
    .my-sm-6 {
        margin-top: var(--base-size-40, 40px) !important;
        margin-bottom: var(--base-size-40, 40px) !important;
    }
    .mt-sm-7 {
        margin-top: var(--base-size-48, 48px) !important;
    }
    .mb-sm-7 {
        margin-bottom: var(--base-size-48, 48px) !important;
    }
    .mt-sm-n7 {
        margin-top: calc(-1 * var(--base-size-48, 48px)) !important;
    }
    .mb-sm-n7 {
        margin-bottom: calc(-1 * var(--base-size-48, 48px)) !important;
    }
    .my-sm-7 {
        margin-top: var(--base-size-48, 48px) !important;
        margin-bottom: var(--base-size-48, 48px) !important;
    }
    .mt-sm-8 {
        margin-top: var(--base-size-64, 64px) !important;
    }
    .mb-sm-8 {
        margin-bottom: var(--base-size-64, 64px) !important;
    }
    .mt-sm-n8 {
        margin-top: calc(-1 * var(--base-size-64, 64px)) !important;
    }
    .mb-sm-n8 {
        margin-bottom: calc(-1 * var(--base-size-64, 64px)) !important;
    }
    .my-sm-8 {
        margin-top: var(--base-size-64, 64px) !important;
        margin-bottom: var(--base-size-64, 64px) !important;
    }
    .mt-sm-9 {
        margin-top: var(--base-size-80, 80px) !important;
    }
    .mb-sm-9 {
        margin-bottom: var(--base-size-80, 80px) !important;
    }
    .mt-sm-n9 {
        margin-top: calc(-1 * var(--base-size-80, 80px)) !important;
    }
    .mb-sm-n9 {
        margin-bottom: calc(-1 * var(--base-size-80, 80px)) !important;
    }
    .my-sm-9 {
        margin-top: var(--base-size-80, 80px) !important;
        margin-bottom: var(--base-size-80, 80px) !important;
    }
    .mt-sm-10 {
        margin-top: var(--base-size-96, 96px) !important;
    }
    .mb-sm-10 {
        margin-bottom: var(--base-size-96, 96px) !important;
    }
    .mt-sm-n10 {
        margin-top: calc(-1 * var(--base-size-96, 96px)) !important;
    }
    .mb-sm-n10 {
        margin-bottom: calc(-1 * var(--base-size-96, 96px)) !important;
    }
    .my-sm-10 {
        margin-top: var(--base-size-96, 96px) !important;
        margin-bottom: var(--base-size-96, 96px) !important;
    }
    .mt-sm-11 {
        margin-top: var(--base-size-112, 112px) !important;
    }
    .mb-sm-11 {
        margin-bottom: var(--base-size-112, 112px) !important;
    }
    .mt-sm-n11 {
        margin-top: calc(-1 * var(--base-size-112, 112px)) !important;
    }
    .mb-sm-n11 {
        margin-bottom: calc(-1 * var(--base-size-112, 112px)) !important;
    }
    .my-sm-11 {
        margin-top: var(--base-size-112, 112px) !important;
        margin-bottom: var(--base-size-112, 112px) !important;
    }
    .mt-sm-12 {
        margin-top: var(--base-size-128, 128px) !important;
    }
    .mb-sm-12 {
        margin-bottom: var(--base-size-128, 128px) !important;
    }
    .mt-sm-n12 {
        margin-top: calc(-1 * var(--base-size-128, 128px)) !important;
    }
    .mb-sm-n12 {
        margin-bottom: calc(-1 * var(--base-size-128, 128px)) !important;
    }
    .my-sm-12 {
        margin-top: var(--base-size-128, 128px) !important;
        margin-bottom: var(--base-size-128, 128px) !important;
    }
    .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }
}
@media (min-width: 768px) {
    .m-md-0 {
        margin: 0 !important;
    }
    .mt-md-0 {
        margin-top: 0 !important;
    }
    .mb-md-0 {
        margin-bottom: 0 !important;
    }
    .mr-md-0 {
        margin-right: 0 !important;
    }
    .ml-md-0 {
        margin-left: 0 !important;
    }
    .mx-md-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .m-md-1 {
        margin: var(--base-size-4, 4px) !important;
    }
    .mt-md-1 {
        margin-top: var(--base-size-4, 4px) !important;
    }
    .mb-md-1 {
        margin-bottom: var(--base-size-4, 4px) !important;
    }
    .mr-md-1 {
        margin-right: var(--base-size-4, 4px) !important;
    }
    .ml-md-1 {
        margin-left: var(--base-size-4, 4px) !important;
    }
    .mt-md-n1 {
        margin-top: calc(-1 * var(--base-size-4, 4px)) !important;
    }
    .mb-md-n1 {
        margin-bottom: calc(-1 * var(--base-size-4, 4px)) !important;
    }
    .mr-md-n1 {
        margin-right: calc(-1 * var(--base-size-4, 4px)) !important;
    }
    .ml-md-n1 {
        margin-left: calc(-1 * var(--base-size-4, 4px)) !important;
    }
    .mx-md-1 {
        margin-right: var(--base-size-4, 4px) !important;
        margin-left: var(--base-size-4, 4px) !important;
    }
    .my-md-1 {
        margin-top: var(--base-size-4, 4px) !important;
        margin-bottom: var(--base-size-4, 4px) !important;
    }
    .m-md-2 {
        margin: var(--base-size-8, 8px) !important;
    }
    .mt-md-2 {
        margin-top: var(--base-size-8, 8px) !important;
    }
    .mb-md-2 {
        margin-bottom: var(--base-size-8, 8px) !important;
    }
    .mr-md-2 {
        margin-right: var(--base-size-8, 8px) !important;
    }
    .ml-md-2 {
        margin-left: var(--base-size-8, 8px) !important;
    }
    .mt-md-n2 {
        margin-top: calc(-1 * var(--base-size-8, 8px)) !important;
    }
    .mb-md-n2 {
        margin-bottom: calc(-1 * var(--base-size-8, 8px)) !important;
    }
    .mr-md-n2 {
        margin-right: calc(-1 * var(--base-size-8, 8px)) !important;
    }
    .ml-md-n2 {
        margin-left: calc(-1 * var(--base-size-8, 8px)) !important;
    }
    .mx-md-2 {
        margin-right: var(--base-size-8, 8px) !important;
        margin-left: var(--base-size-8, 8px) !important;
    }
    .my-md-2 {
        margin-top: var(--base-size-8, 8px) !important;
        margin-bottom: var(--base-size-8, 8px) !important;
    }
    .m-md-3 {
        margin: var(--base-size-16, 16px) !important;
    }
    .mt-md-3 {
        margin-top: var(--base-size-16, 16px) !important;
    }
    .mb-md-3 {
        margin-bottom: var(--base-size-16, 16px) !important;
    }
    .mr-md-3 {
        margin-right: var(--base-size-16, 16px) !important;
    }
    .ml-md-3 {
        margin-left: var(--base-size-16, 16px) !important;
    }
    .mt-md-n3 {
        margin-top: calc(-1 * var(--base-size-16, 16px)) !important;
    }
    .mb-md-n3 {
        margin-bottom: calc(-1 * var(--base-size-16, 16px)) !important;
    }
    .mr-md-n3 {
        margin-right: calc(-1 * var(--base-size-16, 16px)) !important;
    }
    .ml-md-n3 {
        margin-left: calc(-1 * var(--base-size-16, 16px)) !important;
    }
    .mx-md-3 {
        margin-right: var(--base-size-16, 16px) !important;
        margin-left: var(--base-size-16, 16px) !important;
    }
    .my-md-3 {
        margin-top: var(--base-size-16, 16px) !important;
        margin-bottom: var(--base-size-16, 16px) !important;
    }
    .m-md-4 {
        margin: var(--base-size-24, 24px) !important;
    }
    .mt-md-4 {
        margin-top: var(--base-size-24, 24px) !important;
    }
    .mb-md-4 {
        margin-bottom: var(--base-size-24, 24px) !important;
    }
    .mr-md-4 {
        margin-right: var(--base-size-24, 24px) !important;
    }
    .ml-md-4 {
        margin-left: var(--base-size-24, 24px) !important;
    }
    .mt-md-n4 {
        margin-top: calc(-1 * var(--base-size-24, 24px)) !important;
    }
    .mb-md-n4 {
        margin-bottom: calc(-1 * var(--base-size-24, 24px)) !important;
    }
    .mr-md-n4 {
        margin-right: calc(-1 * var(--base-size-24, 24px)) !important;
    }
    .ml-md-n4 {
        margin-left: calc(-1 * var(--base-size-24, 24px)) !important;
    }
    .mx-md-4 {
        margin-right: var(--base-size-24, 24px) !important;
        margin-left: var(--base-size-24, 24px) !important;
    }
    .my-md-4 {
        margin-top: var(--base-size-24, 24px) !important;
        margin-bottom: var(--base-size-24, 24px) !important;
    }
    .m-md-5 {
        margin: var(--base-size-32, 32px) !important;
    }
    .mt-md-5 {
        margin-top: var(--base-size-32, 32px) !important;
    }
    .mb-md-5 {
        margin-bottom: var(--base-size-32, 32px) !important;
    }
    .mr-md-5 {
        margin-right: var(--base-size-32, 32px) !important;
    }
    .ml-md-5 {
        margin-left: var(--base-size-32, 32px) !important;
    }
    .mt-md-n5 {
        margin-top: calc(-1 * var(--base-size-32, 32px)) !important;
    }
    .mb-md-n5 {
        margin-bottom: calc(-1 * var(--base-size-32, 32px)) !important;
    }
    .mr-md-n5 {
        margin-right: calc(-1 * var(--base-size-32, 32px)) !important;
    }
    .ml-md-n5 {
        margin-left: calc(-1 * var(--base-size-32, 32px)) !important;
    }
    .mx-md-5 {
        margin-right: var(--base-size-32, 32px) !important;
        margin-left: var(--base-size-32, 32px) !important;
    }
    .my-md-5 {
        margin-top: var(--base-size-32, 32px) !important;
        margin-bottom: var(--base-size-32, 32px) !important;
    }
    .m-md-6 {
        margin: var(--base-size-40, 40px) !important;
    }
    .mt-md-6 {
        margin-top: var(--base-size-40, 40px) !important;
    }
    .mb-md-6 {
        margin-bottom: var(--base-size-40, 40px) !important;
    }
    .mr-md-6 {
        margin-right: var(--base-size-40, 40px) !important;
    }
    .ml-md-6 {
        margin-left: var(--base-size-40, 40px) !important;
    }
    .mt-md-n6 {
        margin-top: calc(-1 * var(--base-size-40, 40px)) !important;
    }
    .mb-md-n6 {
        margin-bottom: calc(-1 * var(--base-size-40, 40px)) !important;
    }
    .mr-md-n6 {
        margin-right: calc(-1 * var(--base-size-40, 40px)) !important;
    }
    .ml-md-n6 {
        margin-left: calc(-1 * var(--base-size-40, 40px)) !important;
    }
    .mx-md-6 {
        margin-right: var(--base-size-40, 40px) !important;
        margin-left: var(--base-size-40, 40px) !important;
    }
    .my-md-6 {
        margin-top: var(--base-size-40, 40px) !important;
        margin-bottom: var(--base-size-40, 40px) !important;
    }
    .mt-md-7 {
        margin-top: var(--base-size-48, 48px) !important;
    }
    .mb-md-7 {
        margin-bottom: var(--base-size-48, 48px) !important;
    }
    .mt-md-n7 {
        margin-top: calc(-1 * var(--base-size-48, 48px)) !important;
    }
    .mb-md-n7 {
        margin-bottom: calc(-1 * var(--base-size-48, 48px)) !important;
    }
    .my-md-7 {
        margin-top: var(--base-size-48, 48px) !important;
        margin-bottom: var(--base-size-48, 48px) !important;
    }
    .mt-md-8 {
        margin-top: var(--base-size-64, 64px) !important;
    }
    .mb-md-8 {
        margin-bottom: var(--base-size-64, 64px) !important;
    }
    .mt-md-n8 {
        margin-top: calc(-1 * var(--base-size-64, 64px)) !important;
    }
    .mb-md-n8 {
        margin-bottom: calc(-1 * var(--base-size-64, 64px)) !important;
    }
    .my-md-8 {
        margin-top: var(--base-size-64, 64px) !important;
        margin-bottom: var(--base-size-64, 64px) !important;
    }
    .mt-md-9 {
        margin-top: var(--base-size-80, 80px) !important;
    }
    .mb-md-9 {
        margin-bottom: var(--base-size-80, 80px) !important;
    }
    .mt-md-n9 {
        margin-top: calc(-1 * var(--base-size-80, 80px)) !important;
    }
    .mb-md-n9 {
        margin-bottom: calc(-1 * var(--base-size-80, 80px)) !important;
    }
    .my-md-9 {
        margin-top: var(--base-size-80, 80px) !important;
        margin-bottom: var(--base-size-80, 80px) !important;
    }
    .mt-md-10 {
        margin-top: var(--base-size-96, 96px) !important;
    }
    .mb-md-10 {
        margin-bottom: var(--base-size-96, 96px) !important;
    }
    .mt-md-n10 {
        margin-top: calc(-1 * var(--base-size-96, 96px)) !important;
    }
    .mb-md-n10 {
        margin-bottom: calc(-1 * var(--base-size-96, 96px)) !important;
    }
    .my-md-10 {
        margin-top: var(--base-size-96, 96px) !important;
        margin-bottom: var(--base-size-96, 96px) !important;
    }
    .mt-md-11 {
        margin-top: var(--base-size-112, 112px) !important;
    }
    .mb-md-11 {
        margin-bottom: var(--base-size-112, 112px) !important;
    }
    .mt-md-n11 {
        margin-top: calc(-1 * var(--base-size-112, 112px)) !important;
    }
    .mb-md-n11 {
        margin-bottom: calc(-1 * var(--base-size-112, 112px)) !important;
    }
    .my-md-11 {
        margin-top: var(--base-size-112, 112px) !important;
        margin-bottom: var(--base-size-112, 112px) !important;
    }
    .mt-md-12 {
        margin-top: var(--base-size-128, 128px) !important;
    }
    .mb-md-12 {
        margin-bottom: var(--base-size-128, 128px) !important;
    }
    .mt-md-n12 {
        margin-top: calc(-1 * var(--base-size-128, 128px)) !important;
    }
    .mb-md-n12 {
        margin-bottom: calc(-1 * var(--base-size-128, 128px)) !important;
    }
    .my-md-12 {
        margin-top: var(--base-size-128, 128px) !important;
        margin-bottom: var(--base-size-128, 128px) !important;
    }
    .mx-md-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }
}
@media (min-width: 1012px) {
    .m-lg-0 {
        margin: 0 !important;
    }
    .mt-lg-0 {
        margin-top: 0 !important;
    }
    .mb-lg-0 {
        margin-bottom: 0 !important;
    }
    .mr-lg-0 {
        margin-right: 0 !important;
    }
    .ml-lg-0 {
        margin-left: 0 !important;
    }
    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .m-lg-1 {
        margin: var(--base-size-4, 4px) !important;
    }
    .mt-lg-1 {
        margin-top: var(--base-size-4, 4px) !important;
    }
    .mb-lg-1 {
        margin-bottom: var(--base-size-4, 4px) !important;
    }
    .mr-lg-1 {
        margin-right: var(--base-size-4, 4px) !important;
    }
    .ml-lg-1 {
        margin-left: var(--base-size-4, 4px) !important;
    }
    .mt-lg-n1 {
        margin-top: calc(-1 * var(--base-size-4, 4px)) !important;
    }
    .mb-lg-n1 {
        margin-bottom: calc(-1 * var(--base-size-4, 4px)) !important;
    }
    .mr-lg-n1 {
        margin-right: calc(-1 * var(--base-size-4, 4px)) !important;
    }
    .ml-lg-n1 {
        margin-left: calc(-1 * var(--base-size-4, 4px)) !important;
    }
    .mx-lg-1 {
        margin-right: var(--base-size-4, 4px) !important;
        margin-left: var(--base-size-4, 4px) !important;
    }
    .my-lg-1 {
        margin-top: var(--base-size-4, 4px) !important;
        margin-bottom: var(--base-size-4, 4px) !important;
    }
    .m-lg-2 {
        margin: var(--base-size-8, 8px) !important;
    }
    .mt-lg-2 {
        margin-top: var(--base-size-8, 8px) !important;
    }
    .mb-lg-2 {
        margin-bottom: var(--base-size-8, 8px) !important;
    }
    .mr-lg-2 {
        margin-right: var(--base-size-8, 8px) !important;
    }
    .ml-lg-2 {
        margin-left: var(--base-size-8, 8px) !important;
    }
    .mt-lg-n2 {
        margin-top: calc(-1 * var(--base-size-8, 8px)) !important;
    }
    .mb-lg-n2 {
        margin-bottom: calc(-1 * var(--base-size-8, 8px)) !important;
    }
    .mr-lg-n2 {
        margin-right: calc(-1 * var(--base-size-8, 8px)) !important;
    }
    .ml-lg-n2 {
        margin-left: calc(-1 * var(--base-size-8, 8px)) !important;
    }
    .mx-lg-2 {
        margin-right: var(--base-size-8, 8px) !important;
        margin-left: var(--base-size-8, 8px) !important;
    }
    .my-lg-2 {
        margin-top: var(--base-size-8, 8px) !important;
        margin-bottom: var(--base-size-8, 8px) !important;
    }
    .m-lg-3 {
        margin: var(--base-size-16, 16px) !important;
    }
    .mt-lg-3 {
        margin-top: var(--base-size-16, 16px) !important;
    }
    .mb-lg-3 {
        margin-bottom: var(--base-size-16, 16px) !important;
    }
    .mr-lg-3 {
        margin-right: var(--base-size-16, 16px) !important;
    }
    .ml-lg-3 {
        margin-left: var(--base-size-16, 16px) !important;
    }
    .mt-lg-n3 {
        margin-top: calc(-1 * var(--base-size-16, 16px)) !important;
    }
    .mb-lg-n3 {
        margin-bottom: calc(-1 * var(--base-size-16, 16px)) !important;
    }
    .mr-lg-n3 {
        margin-right: calc(-1 * var(--base-size-16, 16px)) !important;
    }
    .ml-lg-n3 {
        margin-left: calc(-1 * var(--base-size-16, 16px)) !important;
    }
    .mx-lg-3 {
        margin-right: var(--base-size-16, 16px) !important;
        margin-left: var(--base-size-16, 16px) !important;
    }
    .my-lg-3 {
        margin-top: var(--base-size-16, 16px) !important;
        margin-bottom: var(--base-size-16, 16px) !important;
    }
    .m-lg-4 {
        margin: var(--base-size-24, 24px) !important;
    }
    .mt-lg-4 {
        margin-top: var(--base-size-24, 24px) !important;
    }
    .mb-lg-4 {
        margin-bottom: var(--base-size-24, 24px) !important;
    }
    .mr-lg-4 {
        margin-right: var(--base-size-24, 24px) !important;
    }
    .ml-lg-4 {
        margin-left: var(--base-size-24, 24px) !important;
    }
    .mt-lg-n4 {
        margin-top: calc(-1 * var(--base-size-24, 24px)) !important;
    }
    .mb-lg-n4 {
        margin-bottom: calc(-1 * var(--base-size-24, 24px)) !important;
    }
    .mr-lg-n4 {
        margin-right: calc(-1 * var(--base-size-24, 24px)) !important;
    }
    .ml-lg-n4 {
        margin-left: calc(-1 * var(--base-size-24, 24px)) !important;
    }
    .mx-lg-4 {
        margin-right: var(--base-size-24, 24px) !important;
        margin-left: var(--base-size-24, 24px) !important;
    }
    .my-lg-4 {
        margin-top: var(--base-size-24, 24px) !important;
        margin-bottom: var(--base-size-24, 24px) !important;
    }
    .m-lg-5 {
        margin: var(--base-size-32, 32px) !important;
    }
    .mt-lg-5 {
        margin-top: var(--base-size-32, 32px) !important;
    }
    .mb-lg-5 {
        margin-bottom: var(--base-size-32, 32px) !important;
    }
    .mr-lg-5 {
        margin-right: var(--base-size-32, 32px) !important;
    }
    .ml-lg-5 {
        margin-left: var(--base-size-32, 32px) !important;
    }
    .mt-lg-n5 {
        margin-top: calc(-1 * var(--base-size-32, 32px)) !important;
    }
    .mb-lg-n5 {
        margin-bottom: calc(-1 * var(--base-size-32, 32px)) !important;
    }
    .mr-lg-n5 {
        margin-right: calc(-1 * var(--base-size-32, 32px)) !important;
    }
    .ml-lg-n5 {
        margin-left: calc(-1 * var(--base-size-32, 32px)) !important;
    }
    .mx-lg-5 {
        margin-right: var(--base-size-32, 32px) !important;
        margin-left: var(--base-size-32, 32px) !important;
    }
    .my-lg-5 {
        margin-top: var(--base-size-32, 32px) !important;
        margin-bottom: var(--base-size-32, 32px) !important;
    }
    .m-lg-6 {
        margin: var(--base-size-40, 40px) !important;
    }
    .mt-lg-6 {
        margin-top: var(--base-size-40, 40px) !important;
    }
    .mb-lg-6 {
        margin-bottom: var(--base-size-40, 40px) !important;
    }
    .mr-lg-6 {
        margin-right: var(--base-size-40, 40px) !important;
    }
    .ml-lg-6 {
        margin-left: var(--base-size-40, 40px) !important;
    }
    .mt-lg-n6 {
        margin-top: calc(-1 * var(--base-size-40, 40px)) !important;
    }
    .mb-lg-n6 {
        margin-bottom: calc(-1 * var(--base-size-40, 40px)) !important;
    }
    .mr-lg-n6 {
        margin-right: calc(-1 * var(--base-size-40, 40px)) !important;
    }
    .ml-lg-n6 {
        margin-left: calc(-1 * var(--base-size-40, 40px)) !important;
    }
    .mx-lg-6 {
        margin-right: var(--base-size-40, 40px) !important;
        margin-left: var(--base-size-40, 40px) !important;
    }
    .my-lg-6 {
        margin-top: var(--base-size-40, 40px) !important;
        margin-bottom: var(--base-size-40, 40px) !important;
    }
    .mt-lg-7 {
        margin-top: var(--base-size-48, 48px) !important;
    }
    .mb-lg-7 {
        margin-bottom: var(--base-size-48, 48px) !important;
    }
    .mt-lg-n7 {
        margin-top: calc(-1 * var(--base-size-48, 48px)) !important;
    }
    .mb-lg-n7 {
        margin-bottom: calc(-1 * var(--base-size-48, 48px)) !important;
    }
    .my-lg-7 {
        margin-top: var(--base-size-48, 48px) !important;
        margin-bottom: var(--base-size-48, 48px) !important;
    }
    .mt-lg-8 {
        margin-top: var(--base-size-64, 64px) !important;
    }
    .mb-lg-8 {
        margin-bottom: var(--base-size-64, 64px) !important;
    }
    .mt-lg-n8 {
        margin-top: calc(-1 * var(--base-size-64, 64px)) !important;
    }
    .mb-lg-n8 {
        margin-bottom: calc(-1 * var(--base-size-64, 64px)) !important;
    }
    .my-lg-8 {
        margin-top: var(--base-size-64, 64px) !important;
        margin-bottom: var(--base-size-64, 64px) !important;
    }
    .mt-lg-9 {
        margin-top: var(--base-size-80, 80px) !important;
    }
    .mb-lg-9 {
        margin-bottom: var(--base-size-80, 80px) !important;
    }
    .mt-lg-n9 {
        margin-top: calc(-1 * var(--base-size-80, 80px)) !important;
    }
    .mb-lg-n9 {
        margin-bottom: calc(-1 * var(--base-size-80, 80px)) !important;
    }
    .my-lg-9 {
        margin-top: var(--base-size-80, 80px) !important;
        margin-bottom: var(--base-size-80, 80px) !important;
    }
    .mt-lg-10 {
        margin-top: var(--base-size-96, 96px) !important;
    }
    .mb-lg-10 {
        margin-bottom: var(--base-size-96, 96px) !important;
    }
    .mt-lg-n10 {
        margin-top: calc(-1 * var(--base-size-96, 96px)) !important;
    }
    .mb-lg-n10 {
        margin-bottom: calc(-1 * var(--base-size-96, 96px)) !important;
    }
    .my-lg-10 {
        margin-top: var(--base-size-96, 96px) !important;
        margin-bottom: var(--base-size-96, 96px) !important;
    }
    .mt-lg-11 {
        margin-top: var(--base-size-112, 112px) !important;
    }
    .mb-lg-11 {
        margin-bottom: var(--base-size-112, 112px) !important;
    }
    .mt-lg-n11 {
        margin-top: calc(-1 * var(--base-size-112, 112px)) !important;
    }
    .mb-lg-n11 {
        margin-bottom: calc(-1 * var(--base-size-112, 112px)) !important;
    }
    .my-lg-11 {
        margin-top: var(--base-size-112, 112px) !important;
        margin-bottom: var(--base-size-112, 112px) !important;
    }
    .mt-lg-12 {
        margin-top: var(--base-size-128, 128px) !important;
    }
    .mb-lg-12 {
        margin-bottom: var(--base-size-128, 128px) !important;
    }
    .mt-lg-n12 {
        margin-top: calc(-1 * var(--base-size-128, 128px)) !important;
    }
    .mb-lg-n12 {
        margin-bottom: calc(-1 * var(--base-size-128, 128px)) !important;
    }
    .my-lg-12 {
        margin-top: var(--base-size-128, 128px) !important;
        margin-bottom: var(--base-size-128, 128px) !important;
    }
    .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }
}
@media (min-width: 1280px) {
    .m-xl-0 {
        margin: 0 !important;
    }
    .mt-xl-0 {
        margin-top: 0 !important;
    }
    .mb-xl-0 {
        margin-bottom: 0 !important;
    }
    .mr-xl-0 {
        margin-right: 0 !important;
    }
    .ml-xl-0 {
        margin-left: 0 !important;
    }
    .mx-xl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .m-xl-1 {
        margin: var(--base-size-4, 4px) !important;
    }
    .mt-xl-1 {
        margin-top: var(--base-size-4, 4px) !important;
    }
    .mb-xl-1 {
        margin-bottom: var(--base-size-4, 4px) !important;
    }
    .mr-xl-1 {
        margin-right: var(--base-size-4, 4px) !important;
    }
    .ml-xl-1 {
        margin-left: var(--base-size-4, 4px) !important;
    }
    .mt-xl-n1 {
        margin-top: calc(-1 * var(--base-size-4, 4px)) !important;
    }
    .mb-xl-n1 {
        margin-bottom: calc(-1 * var(--base-size-4, 4px)) !important;
    }
    .mr-xl-n1 {
        margin-right: calc(-1 * var(--base-size-4, 4px)) !important;
    }
    .ml-xl-n1 {
        margin-left: calc(-1 * var(--base-size-4, 4px)) !important;
    }
    .mx-xl-1 {
        margin-right: var(--base-size-4, 4px) !important;
        margin-left: var(--base-size-4, 4px) !important;
    }
    .my-xl-1 {
        margin-top: var(--base-size-4, 4px) !important;
        margin-bottom: var(--base-size-4, 4px) !important;
    }
    .m-xl-2 {
        margin: var(--base-size-8, 8px) !important;
    }
    .mt-xl-2 {
        margin-top: var(--base-size-8, 8px) !important;
    }
    .mb-xl-2 {
        margin-bottom: var(--base-size-8, 8px) !important;
    }
    .mr-xl-2 {
        margin-right: var(--base-size-8, 8px) !important;
    }
    .ml-xl-2 {
        margin-left: var(--base-size-8, 8px) !important;
    }
    .mt-xl-n2 {
        margin-top: calc(-1 * var(--base-size-8, 8px)) !important;
    }
    .mb-xl-n2 {
        margin-bottom: calc(-1 * var(--base-size-8, 8px)) !important;
    }
    .mr-xl-n2 {
        margin-right: calc(-1 * var(--base-size-8, 8px)) !important;
    }
    .ml-xl-n2 {
        margin-left: calc(-1 * var(--base-size-8, 8px)) !important;
    }
    .mx-xl-2 {
        margin-right: var(--base-size-8, 8px) !important;
        margin-left: var(--base-size-8, 8px) !important;
    }
    .my-xl-2 {
        margin-top: var(--base-size-8, 8px) !important;
        margin-bottom: var(--base-size-8, 8px) !important;
    }
    .m-xl-3 {
        margin: var(--base-size-16, 16px) !important;
    }
    .mt-xl-3 {
        margin-top: var(--base-size-16, 16px) !important;
    }
    .mb-xl-3 {
        margin-bottom: var(--base-size-16, 16px) !important;
    }
    .mr-xl-3 {
        margin-right: var(--base-size-16, 16px) !important;
    }
    .ml-xl-3 {
        margin-left: var(--base-size-16, 16px) !important;
    }
    .mt-xl-n3 {
        margin-top: calc(-1 * var(--base-size-16, 16px)) !important;
    }
    .mb-xl-n3 {
        margin-bottom: calc(-1 * var(--base-size-16, 16px)) !important;
    }
    .mr-xl-n3 {
        margin-right: calc(-1 * var(--base-size-16, 16px)) !important;
    }
    .ml-xl-n3 {
        margin-left: calc(-1 * var(--base-size-16, 16px)) !important;
    }
    .mx-xl-3 {
        margin-right: var(--base-size-16, 16px) !important;
        margin-left: var(--base-size-16, 16px) !important;
    }
    .my-xl-3 {
        margin-top: var(--base-size-16, 16px) !important;
        margin-bottom: var(--base-size-16, 16px) !important;
    }
    .m-xl-4 {
        margin: var(--base-size-24, 24px) !important;
    }
    .mt-xl-4 {
        margin-top: var(--base-size-24, 24px) !important;
    }
    .mb-xl-4 {
        margin-bottom: var(--base-size-24, 24px) !important;
    }
    .mr-xl-4 {
        margin-right: var(--base-size-24, 24px) !important;
    }
    .ml-xl-4 {
        margin-left: var(--base-size-24, 24px) !important;
    }
    .mt-xl-n4 {
        margin-top: calc(-1 * var(--base-size-24, 24px)) !important;
    }
    .mb-xl-n4 {
        margin-bottom: calc(-1 * var(--base-size-24, 24px)) !important;
    }
    .mr-xl-n4 {
        margin-right: calc(-1 * var(--base-size-24, 24px)) !important;
    }
    .ml-xl-n4 {
        margin-left: calc(-1 * var(--base-size-24, 24px)) !important;
    }
    .mx-xl-4 {
        margin-right: var(--base-size-24, 24px) !important;
        margin-left: var(--base-size-24, 24px) !important;
    }
    .my-xl-4 {
        margin-top: var(--base-size-24, 24px) !important;
        margin-bottom: var(--base-size-24, 24px) !important;
    }
    .m-xl-5 {
        margin: var(--base-size-32, 32px) !important;
    }
    .mt-xl-5 {
        margin-top: var(--base-size-32, 32px) !important;
    }
    .mb-xl-5 {
        margin-bottom: var(--base-size-32, 32px) !important;
    }
    .mr-xl-5 {
        margin-right: var(--base-size-32, 32px) !important;
    }
    .ml-xl-5 {
        margin-left: var(--base-size-32, 32px) !important;
    }
    .mt-xl-n5 {
        margin-top: calc(-1 * var(--base-size-32, 32px)) !important;
    }
    .mb-xl-n5 {
        margin-bottom: calc(-1 * var(--base-size-32, 32px)) !important;
    }
    .mr-xl-n5 {
        margin-right: calc(-1 * var(--base-size-32, 32px)) !important;
    }
    .ml-xl-n5 {
        margin-left: calc(-1 * var(--base-size-32, 32px)) !important;
    }
    .mx-xl-5 {
        margin-right: var(--base-size-32, 32px) !important;
        margin-left: var(--base-size-32, 32px) !important;
    }
    .my-xl-5 {
        margin-top: var(--base-size-32, 32px) !important;
        margin-bottom: var(--base-size-32, 32px) !important;
    }
    .m-xl-6 {
        margin: var(--base-size-40, 40px) !important;
    }
    .mt-xl-6 {
        margin-top: var(--base-size-40, 40px) !important;
    }
    .mb-xl-6 {
        margin-bottom: var(--base-size-40, 40px) !important;
    }
    .mr-xl-6 {
        margin-right: var(--base-size-40, 40px) !important;
    }
    .ml-xl-6 {
        margin-left: var(--base-size-40, 40px) !important;
    }
    .mt-xl-n6 {
        margin-top: calc(-1 * var(--base-size-40, 40px)) !important;
    }
    .mb-xl-n6 {
        margin-bottom: calc(-1 * var(--base-size-40, 40px)) !important;
    }
    .mr-xl-n6 {
        margin-right: calc(-1 * var(--base-size-40, 40px)) !important;
    }
    .ml-xl-n6 {
        margin-left: calc(-1 * var(--base-size-40, 40px)) !important;
    }
    .mx-xl-6 {
        margin-right: var(--base-size-40, 40px) !important;
        margin-left: var(--base-size-40, 40px) !important;
    }
    .my-xl-6 {
        margin-top: var(--base-size-40, 40px) !important;
        margin-bottom: var(--base-size-40, 40px) !important;
    }
    .mt-xl-7 {
        margin-top: var(--base-size-48, 48px) !important;
    }
    .mb-xl-7 {
        margin-bottom: var(--base-size-48, 48px) !important;
    }
    .mt-xl-n7 {
        margin-top: calc(-1 * var(--base-size-48, 48px)) !important;
    }
    .mb-xl-n7 {
        margin-bottom: calc(-1 * var(--base-size-48, 48px)) !important;
    }
    .my-xl-7 {
        margin-top: var(--base-size-48, 48px) !important;
        margin-bottom: var(--base-size-48, 48px) !important;
    }
    .mt-xl-8 {
        margin-top: var(--base-size-64, 64px) !important;
    }
    .mb-xl-8 {
        margin-bottom: var(--base-size-64, 64px) !important;
    }
    .mt-xl-n8 {
        margin-top: calc(-1 * var(--base-size-64, 64px)) !important;
    }
    .mb-xl-n8 {
        margin-bottom: calc(-1 * var(--base-size-64, 64px)) !important;
    }
    .my-xl-8 {
        margin-top: var(--base-size-64, 64px) !important;
        margin-bottom: var(--base-size-64, 64px) !important;
    }
    .mt-xl-9 {
        margin-top: var(--base-size-80, 80px) !important;
    }
    .mb-xl-9 {
        margin-bottom: var(--base-size-80, 80px) !important;
    }
    .mt-xl-n9 {
        margin-top: calc(-1 * var(--base-size-80, 80px)) !important;
    }
    .mb-xl-n9 {
        margin-bottom: calc(-1 * var(--base-size-80, 80px)) !important;
    }
    .my-xl-9 {
        margin-top: var(--base-size-80, 80px) !important;
        margin-bottom: var(--base-size-80, 80px) !important;
    }
    .mt-xl-10 {
        margin-top: var(--base-size-96, 96px) !important;
    }
    .mb-xl-10 {
        margin-bottom: var(--base-size-96, 96px) !important;
    }
    .mt-xl-n10 {
        margin-top: calc(-1 * var(--base-size-96, 96px)) !important;
    }
    .mb-xl-n10 {
        margin-bottom: calc(-1 * var(--base-size-96, 96px)) !important;
    }
    .my-xl-10 {
        margin-top: var(--base-size-96, 96px) !important;
        margin-bottom: var(--base-size-96, 96px) !important;
    }
    .mt-xl-11 {
        margin-top: var(--base-size-112, 112px) !important;
    }
    .mb-xl-11 {
        margin-bottom: var(--base-size-112, 112px) !important;
    }
    .mt-xl-n11 {
        margin-top: calc(-1 * var(--base-size-112, 112px)) !important;
    }
    .mb-xl-n11 {
        margin-bottom: calc(-1 * var(--base-size-112, 112px)) !important;
    }
    .my-xl-11 {
        margin-top: var(--base-size-112, 112px) !important;
        margin-bottom: var(--base-size-112, 112px) !important;
    }
    .mt-xl-12 {
        margin-top: var(--base-size-128, 128px) !important;
    }
    .mb-xl-12 {
        margin-bottom: var(--base-size-128, 128px) !important;
    }
    .mt-xl-n12 {
        margin-top: calc(-1 * var(--base-size-128, 128px)) !important;
    }
    .mb-xl-n12 {
        margin-bottom: calc(-1 * var(--base-size-128, 128px)) !important;
    }
    .my-xl-12 {
        margin-top: var(--base-size-128, 128px) !important;
        margin-bottom: var(--base-size-128, 128px) !important;
    }
    .mx-xl-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }
}
.m-auto {
    margin: auto !important;
}
.mt-auto {
    margin-top: auto !important;
}
.mr-auto {
    margin-right: auto !important;
}
.mb-auto {
    margin-bottom: auto !important;
}
.ml-auto {
    margin-left: auto !important;
}
.p-0 {
    padding: 0 !important;
}
.pt-0 {
    padding-top: 0 !important;
}
.pr-0 {
    padding-right: 0 !important;
}
.pb-0 {
    padding-bottom: 0 !important;
}
.pl-0 {
    padding-left: 0 !important;
}
.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}
.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.p-1 {
    padding: var(--base-size-4, 4px) !important;
}
.pt-1 {
    padding-top: var(--base-size-4, 4px) !important;
}
.pr-1 {
    padding-right: var(--base-size-4, 4px) !important;
}
.pb-1 {
    padding-bottom: var(--base-size-4, 4px) !important;
}
.pl-1 {
    padding-left: var(--base-size-4, 4px) !important;
}
.px-1 {
    padding-right: var(--base-size-4, 4px) !important;
    padding-left: var(--base-size-4, 4px) !important;
}
.py-1 {
    padding-top: var(--base-size-4, 4px) !important;
    padding-bottom: var(--base-size-4, 4px) !important;
}
.p-2 {
    padding: var(--base-size-8, 8px) !important;
}
.pt-2 {
    padding-top: var(--base-size-8, 8px) !important;
}
.pr-2 {
    padding-right: var(--base-size-8, 8px) !important;
}
.pb-2 {
    padding-bottom: var(--base-size-8, 8px) !important;
}
.pl-2 {
    padding-left: var(--base-size-8, 8px) !important;
}
.px-2 {
    padding-right: var(--base-size-8, 8px) !important;
    padding-left: var(--base-size-8, 8px) !important;
}
.py-2 {
    padding-top: var(--base-size-8, 8px) !important;
    padding-bottom: var(--base-size-8, 8px) !important;
}
.p-3 {
    padding: var(--base-size-16, 16px) !important;
}
.pt-3 {
    padding-top: var(--base-size-16, 16px) !important;
}
.pr-3 {
    padding-right: var(--base-size-16, 16px) !important;
}
.pb-3 {
    padding-bottom: var(--base-size-16, 16px) !important;
}
.pl-3 {
    padding-left: var(--base-size-16, 16px) !important;
}
.px-3 {
    padding-right: var(--base-size-16, 16px) !important;
    padding-left: var(--base-size-16, 16px) !important;
}
.py-3 {
    padding-top: var(--base-size-16, 16px) !important;
    padding-bottom: var(--base-size-16, 16px) !important;
}
.p-4 {
    padding: var(--base-size-24, 24px) !important;
}
.pt-4 {
    padding-top: var(--base-size-24, 24px) !important;
}
.pr-4 {
    padding-right: var(--base-size-24, 24px) !important;
}
.pb-4 {
    padding-bottom: var(--base-size-24, 24px) !important;
}
.pl-4 {
    padding-left: var(--base-size-24, 24px) !important;
}
.px-4 {
    padding-right: var(--base-size-24, 24px) !important;
    padding-left: var(--base-size-24, 24px) !important;
}
.py-4 {
    padding-top: var(--base-size-24, 24px) !important;
    padding-bottom: var(--base-size-24, 24px) !important;
}
.p-5 {
    padding: var(--base-size-32, 32px) !important;
}
.pt-5 {
    padding-top: var(--base-size-32, 32px) !important;
}
.pr-5 {
    padding-right: var(--base-size-32, 32px) !important;
}
.pb-5 {
    padding-bottom: var(--base-size-32, 32px) !important;
}
.pl-5 {
    padding-left: var(--base-size-32, 32px) !important;
}
.px-5 {
    padding-right: var(--base-size-32, 32px) !important;
    padding-left: var(--base-size-32, 32px) !important;
}
.py-5 {
    padding-top: var(--base-size-32, 32px) !important;
    padding-bottom: var(--base-size-32, 32px) !important;
}
.p-6 {
    padding: var(--base-size-40, 40px) !important;
}
.pt-6 {
    padding-top: var(--base-size-40, 40px) !important;
}
.pr-6 {
    padding-right: var(--base-size-40, 40px) !important;
}
.pb-6 {
    padding-bottom: var(--base-size-40, 40px) !important;
}
.pl-6 {
    padding-left: var(--base-size-40, 40px) !important;
}
.px-6 {
    padding-right: var(--base-size-40, 40px) !important;
    padding-left: var(--base-size-40, 40px) !important;
}
.py-6 {
    padding-top: var(--base-size-40, 40px) !important;
    padding-bottom: var(--base-size-40, 40px) !important;
}
.pt-7 {
    padding-top: var(--base-size-48, 48px) !important;
}
.pr-7 {
    padding-right: var(--base-size-48, 48px) !important;
}
.pb-7 {
    padding-bottom: var(--base-size-48, 48px) !important;
}
.pl-7 {
    padding-left: var(--base-size-48, 48px) !important;
}
.py-7 {
    padding-top: var(--base-size-48, 48px) !important;
    padding-bottom: var(--base-size-48, 48px) !important;
}
.pt-8 {
    padding-top: var(--base-size-64, 64px) !important;
}
.pr-8 {
    padding-right: var(--base-size-64, 64px) !important;
}
.pb-8 {
    padding-bottom: var(--base-size-64, 64px) !important;
}
.pl-8 {
    padding-left: var(--base-size-64, 64px) !important;
}
.py-8 {
    padding-top: var(--base-size-64, 64px) !important;
    padding-bottom: var(--base-size-64, 64px) !important;
}
.pt-9 {
    padding-top: var(--base-size-80, 80px) !important;
}
.pr-9 {
    padding-right: var(--base-size-80, 80px) !important;
}
.pb-9 {
    padding-bottom: var(--base-size-80, 80px) !important;
}
.pl-9 {
    padding-left: var(--base-size-80, 80px) !important;
}
.py-9 {
    padding-top: var(--base-size-80, 80px) !important;
    padding-bottom: var(--base-size-80, 80px) !important;
}
.pt-10 {
    padding-top: var(--base-size-96, 96px) !important;
}
.pr-10 {
    padding-right: var(--base-size-96, 96px) !important;
}
.pb-10 {
    padding-bottom: var(--base-size-96, 96px) !important;
}
.pl-10 {
    padding-left: var(--base-size-96, 96px) !important;
}
.py-10 {
    padding-top: var(--base-size-96, 96px) !important;
    padding-bottom: var(--base-size-96, 96px) !important;
}
.pt-11 {
    padding-top: var(--base-size-112, 112px) !important;
}
.pr-11 {
    padding-right: var(--base-size-112, 112px) !important;
}
.pb-11 {
    padding-bottom: var(--base-size-112, 112px) !important;
}
.pl-11 {
    padding-left: var(--base-size-112, 112px) !important;
}
.py-11 {
    padding-top: var(--base-size-112, 112px) !important;
    padding-bottom: var(--base-size-112, 112px) !important;
}
.pt-12 {
    padding-top: var(--base-size-128, 128px) !important;
}
.pr-12 {
    padding-right: var(--base-size-128, 128px) !important;
}
.pb-12 {
    padding-bottom: var(--base-size-128, 128px) !important;
}
.pl-12 {
    padding-left: var(--base-size-128, 128px) !important;
}
.py-12 {
    padding-top: var(--base-size-128, 128px) !important;
    padding-bottom: var(--base-size-128, 128px) !important;
}
@media (min-width: 544px) {
    .p-sm-0 {
        padding: 0 !important;
    }
    .pt-sm-0 {
        padding-top: 0 !important;
    }
    .pr-sm-0 {
        padding-right: 0 !important;
    }
    .pb-sm-0 {
        padding-bottom: 0 !important;
    }
    .pl-sm-0 {
        padding-left: 0 !important;
    }
    .px-sm-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .p-sm-1 {
        padding: var(--base-size-4, 4px) !important;
    }
    .pt-sm-1 {
        padding-top: var(--base-size-4, 4px) !important;
    }
    .pr-sm-1 {
        padding-right: var(--base-size-4, 4px) !important;
    }
    .pb-sm-1 {
        padding-bottom: var(--base-size-4, 4px) !important;
    }
    .pl-sm-1 {
        padding-left: var(--base-size-4, 4px) !important;
    }
    .px-sm-1 {
        padding-right: var(--base-size-4, 4px) !important;
        padding-left: var(--base-size-4, 4px) !important;
    }
    .py-sm-1 {
        padding-top: var(--base-size-4, 4px) !important;
        padding-bottom: var(--base-size-4, 4px) !important;
    }
    .p-sm-2 {
        padding: var(--base-size-8, 8px) !important;
    }
    .pt-sm-2 {
        padding-top: var(--base-size-8, 8px) !important;
    }
    .pr-sm-2 {
        padding-right: var(--base-size-8, 8px) !important;
    }
    .pb-sm-2 {
        padding-bottom: var(--base-size-8, 8px) !important;
    }
    .pl-sm-2 {
        padding-left: var(--base-size-8, 8px) !important;
    }
    .px-sm-2 {
        padding-right: var(--base-size-8, 8px) !important;
        padding-left: var(--base-size-8, 8px) !important;
    }
    .py-sm-2 {
        padding-top: var(--base-size-8, 8px) !important;
        padding-bottom: var(--base-size-8, 8px) !important;
    }
    .p-sm-3 {
        padding: var(--base-size-16, 16px) !important;
    }
    .pt-sm-3 {
        padding-top: var(--base-size-16, 16px) !important;
    }
    .pr-sm-3 {
        padding-right: var(--base-size-16, 16px) !important;
    }
    .pb-sm-3 {
        padding-bottom: var(--base-size-16, 16px) !important;
    }
    .pl-sm-3 {
        padding-left: var(--base-size-16, 16px) !important;
    }
    .px-sm-3 {
        padding-right: var(--base-size-16, 16px) !important;
        padding-left: var(--base-size-16, 16px) !important;
    }
    .py-sm-3 {
        padding-top: var(--base-size-16, 16px) !important;
        padding-bottom: var(--base-size-16, 16px) !important;
    }
    .p-sm-4 {
        padding: var(--base-size-24, 24px) !important;
    }
    .pt-sm-4 {
        padding-top: var(--base-size-24, 24px) !important;
    }
    .pr-sm-4 {
        padding-right: var(--base-size-24, 24px) !important;
    }
    .pb-sm-4 {
        padding-bottom: var(--base-size-24, 24px) !important;
    }
    .pl-sm-4 {
        padding-left: var(--base-size-24, 24px) !important;
    }
    .px-sm-4 {
        padding-right: var(--base-size-24, 24px) !important;
        padding-left: var(--base-size-24, 24px) !important;
    }
    .py-sm-4 {
        padding-top: var(--base-size-24, 24px) !important;
        padding-bottom: var(--base-size-24, 24px) !important;
    }
    .p-sm-5 {
        padding: var(--base-size-32, 32px) !important;
    }
    .pt-sm-5 {
        padding-top: var(--base-size-32, 32px) !important;
    }
    .pr-sm-5 {
        padding-right: var(--base-size-32, 32px) !important;
    }
    .pb-sm-5 {
        padding-bottom: var(--base-size-32, 32px) !important;
    }
    .pl-sm-5 {
        padding-left: var(--base-size-32, 32px) !important;
    }
    .px-sm-5 {
        padding-right: var(--base-size-32, 32px) !important;
        padding-left: var(--base-size-32, 32px) !important;
    }
    .py-sm-5 {
        padding-top: var(--base-size-32, 32px) !important;
        padding-bottom: var(--base-size-32, 32px) !important;
    }
    .p-sm-6 {
        padding: var(--base-size-40, 40px) !important;
    }
    .pt-sm-6 {
        padding-top: var(--base-size-40, 40px) !important;
    }
    .pr-sm-6 {
        padding-right: var(--base-size-40, 40px) !important;
    }
    .pb-sm-6 {
        padding-bottom: var(--base-size-40, 40px) !important;
    }
    .pl-sm-6 {
        padding-left: var(--base-size-40, 40px) !important;
    }
    .px-sm-6 {
        padding-right: var(--base-size-40, 40px) !important;
        padding-left: var(--base-size-40, 40px) !important;
    }
    .py-sm-6 {
        padding-top: var(--base-size-40, 40px) !important;
        padding-bottom: var(--base-size-40, 40px) !important;
    }
    .pt-sm-7 {
        padding-top: var(--base-size-48, 48px) !important;
    }
    .pr-sm-7 {
        padding-right: var(--base-size-48, 48px) !important;
    }
    .pb-sm-7 {
        padding-bottom: var(--base-size-48, 48px) !important;
    }
    .pl-sm-7 {
        padding-left: var(--base-size-48, 48px) !important;
    }
    .py-sm-7 {
        padding-top: var(--base-size-48, 48px) !important;
        padding-bottom: var(--base-size-48, 48px) !important;
    }
    .pt-sm-8 {
        padding-top: var(--base-size-64, 64px) !important;
    }
    .pr-sm-8 {
        padding-right: var(--base-size-64, 64px) !important;
    }
    .pb-sm-8 {
        padding-bottom: var(--base-size-64, 64px) !important;
    }
    .pl-sm-8 {
        padding-left: var(--base-size-64, 64px) !important;
    }
    .py-sm-8 {
        padding-top: var(--base-size-64, 64px) !important;
        padding-bottom: var(--base-size-64, 64px) !important;
    }
    .pt-sm-9 {
        padding-top: var(--base-size-80, 80px) !important;
    }
    .pr-sm-9 {
        padding-right: var(--base-size-80, 80px) !important;
    }
    .pb-sm-9 {
        padding-bottom: var(--base-size-80, 80px) !important;
    }
    .pl-sm-9 {
        padding-left: var(--base-size-80, 80px) !important;
    }
    .py-sm-9 {
        padding-top: var(--base-size-80, 80px) !important;
        padding-bottom: var(--base-size-80, 80px) !important;
    }
    .pt-sm-10 {
        padding-top: var(--base-size-96, 96px) !important;
    }
    .pr-sm-10 {
        padding-right: var(--base-size-96, 96px) !important;
    }
    .pb-sm-10 {
        padding-bottom: var(--base-size-96, 96px) !important;
    }
    .pl-sm-10 {
        padding-left: var(--base-size-96, 96px) !important;
    }
    .py-sm-10 {
        padding-top: var(--base-size-96, 96px) !important;
        padding-bottom: var(--base-size-96, 96px) !important;
    }
    .pt-sm-11 {
        padding-top: var(--base-size-112, 112px) !important;
    }
    .pr-sm-11 {
        padding-right: var(--base-size-112, 112px) !important;
    }
    .pb-sm-11 {
        padding-bottom: var(--base-size-112, 112px) !important;
    }
    .pl-sm-11 {
        padding-left: var(--base-size-112, 112px) !important;
    }
    .py-sm-11 {
        padding-top: var(--base-size-112, 112px) !important;
        padding-bottom: var(--base-size-112, 112px) !important;
    }
    .pt-sm-12 {
        padding-top: var(--base-size-128, 128px) !important;
    }
    .pr-sm-12 {
        padding-right: var(--base-size-128, 128px) !important;
    }
    .pb-sm-12 {
        padding-bottom: var(--base-size-128, 128px) !important;
    }
    .pl-sm-12 {
        padding-left: var(--base-size-128, 128px) !important;
    }
    .py-sm-12 {
        padding-top: var(--base-size-128, 128px) !important;
        padding-bottom: var(--base-size-128, 128px) !important;
    }
}
@media (min-width: 768px) {
    .p-md-0 {
        padding: 0 !important;
    }
    .pt-md-0 {
        padding-top: 0 !important;
    }
    .pr-md-0 {
        padding-right: 0 !important;
    }
    .pb-md-0 {
        padding-bottom: 0 !important;
    }
    .pl-md-0 {
        padding-left: 0 !important;
    }
    .px-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .p-md-1 {
        padding: var(--base-size-4, 4px) !important;
    }
    .pt-md-1 {
        padding-top: var(--base-size-4, 4px) !important;
    }
    .pr-md-1 {
        padding-right: var(--base-size-4, 4px) !important;
    }
    .pb-md-1 {
        padding-bottom: var(--base-size-4, 4px) !important;
    }
    .pl-md-1 {
        padding-left: var(--base-size-4, 4px) !important;
    }
    .px-md-1 {
        padding-right: var(--base-size-4, 4px) !important;
        padding-left: var(--base-size-4, 4px) !important;
    }
    .py-md-1 {
        padding-top: var(--base-size-4, 4px) !important;
        padding-bottom: var(--base-size-4, 4px) !important;
    }
    .p-md-2 {
        padding: var(--base-size-8, 8px) !important;
    }
    .pt-md-2 {
        padding-top: var(--base-size-8, 8px) !important;
    }
    .pr-md-2 {
        padding-right: var(--base-size-8, 8px) !important;
    }
    .pb-md-2 {
        padding-bottom: var(--base-size-8, 8px) !important;
    }
    .pl-md-2 {
        padding-left: var(--base-size-8, 8px) !important;
    }
    .px-md-2 {
        padding-right: var(--base-size-8, 8px) !important;
        padding-left: var(--base-size-8, 8px) !important;
    }
    .py-md-2 {
        padding-top: var(--base-size-8, 8px) !important;
        padding-bottom: var(--base-size-8, 8px) !important;
    }
    .p-md-3 {
        padding: var(--base-size-16, 16px) !important;
    }
    .pt-md-3 {
        padding-top: var(--base-size-16, 16px) !important;
    }
    .pr-md-3 {
        padding-right: var(--base-size-16, 16px) !important;
    }
    .pb-md-3 {
        padding-bottom: var(--base-size-16, 16px) !important;
    }
    .pl-md-3 {
        padding-left: var(--base-size-16, 16px) !important;
    }
    .px-md-3 {
        padding-right: var(--base-size-16, 16px) !important;
        padding-left: var(--base-size-16, 16px) !important;
    }
    .py-md-3 {
        padding-top: var(--base-size-16, 16px) !important;
        padding-bottom: var(--base-size-16, 16px) !important;
    }
    .p-md-4 {
        padding: var(--base-size-24, 24px) !important;
    }
    .pt-md-4 {
        padding-top: var(--base-size-24, 24px) !important;
    }
    .pr-md-4 {
        padding-right: var(--base-size-24, 24px) !important;
    }
    .pb-md-4 {
        padding-bottom: var(--base-size-24, 24px) !important;
    }
    .pl-md-4 {
        padding-left: var(--base-size-24, 24px) !important;
    }
    .px-md-4 {
        padding-right: var(--base-size-24, 24px) !important;
        padding-left: var(--base-size-24, 24px) !important;
    }
    .py-md-4 {
        padding-top: var(--base-size-24, 24px) !important;
        padding-bottom: var(--base-size-24, 24px) !important;
    }
    .p-md-5 {
        padding: var(--base-size-32, 32px) !important;
    }
    .pt-md-5 {
        padding-top: var(--base-size-32, 32px) !important;
    }
    .pr-md-5 {
        padding-right: var(--base-size-32, 32px) !important;
    }
    .pb-md-5 {
        padding-bottom: var(--base-size-32, 32px) !important;
    }
    .pl-md-5 {
        padding-left: var(--base-size-32, 32px) !important;
    }
    .px-md-5 {
        padding-right: var(--base-size-32, 32px) !important;
        padding-left: var(--base-size-32, 32px) !important;
    }
    .py-md-5 {
        padding-top: var(--base-size-32, 32px) !important;
        padding-bottom: var(--base-size-32, 32px) !important;
    }
    .p-md-6 {
        padding: var(--base-size-40, 40px) !important;
    }
    .pt-md-6 {
        padding-top: var(--base-size-40, 40px) !important;
    }
    .pr-md-6 {
        padding-right: var(--base-size-40, 40px) !important;
    }
    .pb-md-6 {
        padding-bottom: var(--base-size-40, 40px) !important;
    }
    .pl-md-6 {
        padding-left: var(--base-size-40, 40px) !important;
    }
    .px-md-6 {
        padding-right: var(--base-size-40, 40px) !important;
        padding-left: var(--base-size-40, 40px) !important;
    }
    .py-md-6 {
        padding-top: var(--base-size-40, 40px) !important;
        padding-bottom: var(--base-size-40, 40px) !important;
    }
    .pt-md-7 {
        padding-top: var(--base-size-48, 48px) !important;
    }
    .pr-md-7 {
        padding-right: var(--base-size-48, 48px) !important;
    }
    .pb-md-7 {
        padding-bottom: var(--base-size-48, 48px) !important;
    }
    .pl-md-7 {
        padding-left: var(--base-size-48, 48px) !important;
    }
    .py-md-7 {
        padding-top: var(--base-size-48, 48px) !important;
        padding-bottom: var(--base-size-48, 48px) !important;
    }
    .pt-md-8 {
        padding-top: var(--base-size-64, 64px) !important;
    }
    .pr-md-8 {
        padding-right: var(--base-size-64, 64px) !important;
    }
    .pb-md-8 {
        padding-bottom: var(--base-size-64, 64px) !important;
    }
    .pl-md-8 {
        padding-left: var(--base-size-64, 64px) !important;
    }
    .py-md-8 {
        padding-top: var(--base-size-64, 64px) !important;
        padding-bottom: var(--base-size-64, 64px) !important;
    }
    .pt-md-9 {
        padding-top: var(--base-size-80, 80px) !important;
    }
    .pr-md-9 {
        padding-right: var(--base-size-80, 80px) !important;
    }
    .pb-md-9 {
        padding-bottom: var(--base-size-80, 80px) !important;
    }
    .pl-md-9 {
        padding-left: var(--base-size-80, 80px) !important;
    }
    .py-md-9 {
        padding-top: var(--base-size-80, 80px) !important;
        padding-bottom: var(--base-size-80, 80px) !important;
    }
    .pt-md-10 {
        padding-top: var(--base-size-96, 96px) !important;
    }
    .pr-md-10 {
        padding-right: var(--base-size-96, 96px) !important;
    }
    .pb-md-10 {
        padding-bottom: var(--base-size-96, 96px) !important;
    }
    .pl-md-10 {
        padding-left: var(--base-size-96, 96px) !important;
    }
    .py-md-10 {
        padding-top: var(--base-size-96, 96px) !important;
        padding-bottom: var(--base-size-96, 96px) !important;
    }
    .pt-md-11 {
        padding-top: var(--base-size-112, 112px) !important;
    }
    .pr-md-11 {
        padding-right: var(--base-size-112, 112px) !important;
    }
    .pb-md-11 {
        padding-bottom: var(--base-size-112, 112px) !important;
    }
    .pl-md-11 {
        padding-left: var(--base-size-112, 112px) !important;
    }
    .py-md-11 {
        padding-top: var(--base-size-112, 112px) !important;
        padding-bottom: var(--base-size-112, 112px) !important;
    }
    .pt-md-12 {
        padding-top: var(--base-size-128, 128px) !important;
    }
    .pr-md-12 {
        padding-right: var(--base-size-128, 128px) !important;
    }
    .pb-md-12 {
        padding-bottom: var(--base-size-128, 128px) !important;
    }
    .pl-md-12 {
        padding-left: var(--base-size-128, 128px) !important;
    }
    .py-md-12 {
        padding-top: var(--base-size-128, 128px) !important;
        padding-bottom: var(--base-size-128, 128px) !important;
    }
}
@media (min-width: 1012px) {
    .p-lg-0 {
        padding: 0 !important;
    }
    .pt-lg-0 {
        padding-top: 0 !important;
    }
    .pr-lg-0 {
        padding-right: 0 !important;
    }
    .pb-lg-0 {
        padding-bottom: 0 !important;
    }
    .pl-lg-0 {
        padding-left: 0 !important;
    }
    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .p-lg-1 {
        padding: var(--base-size-4, 4px) !important;
    }
    .pt-lg-1 {
        padding-top: var(--base-size-4, 4px) !important;
    }
    .pr-lg-1 {
        padding-right: var(--base-size-4, 4px) !important;
    }
    .pb-lg-1 {
        padding-bottom: var(--base-size-4, 4px) !important;
    }
    .pl-lg-1 {
        padding-left: var(--base-size-4, 4px) !important;
    }
    .px-lg-1 {
        padding-right: var(--base-size-4, 4px) !important;
        padding-left: var(--base-size-4, 4px) !important;
    }
    .py-lg-1 {
        padding-top: var(--base-size-4, 4px) !important;
        padding-bottom: var(--base-size-4, 4px) !important;
    }
    .p-lg-2 {
        padding: var(--base-size-8, 8px) !important;
    }
    .pt-lg-2 {
        padding-top: var(--base-size-8, 8px) !important;
    }
    .pr-lg-2 {
        padding-right: var(--base-size-8, 8px) !important;
    }
    .pb-lg-2 {
        padding-bottom: var(--base-size-8, 8px) !important;
    }
    .pl-lg-2 {
        padding-left: var(--base-size-8, 8px) !important;
    }
    .px-lg-2 {
        padding-right: var(--base-size-8, 8px) !important;
        padding-left: var(--base-size-8, 8px) !important;
    }
    .py-lg-2 {
        padding-top: var(--base-size-8, 8px) !important;
        padding-bottom: var(--base-size-8, 8px) !important;
    }
    .p-lg-3 {
        padding: var(--base-size-16, 16px) !important;
    }
    .pt-lg-3 {
        padding-top: var(--base-size-16, 16px) !important;
    }
    .pr-lg-3 {
        padding-right: var(--base-size-16, 16px) !important;
    }
    .pb-lg-3 {
        padding-bottom: var(--base-size-16, 16px) !important;
    }
    .pl-lg-3 {
        padding-left: var(--base-size-16, 16px) !important;
    }
    .px-lg-3 {
        padding-right: var(--base-size-16, 16px) !important;
        padding-left: var(--base-size-16, 16px) !important;
    }
    .py-lg-3 {
        padding-top: var(--base-size-16, 16px) !important;
        padding-bottom: var(--base-size-16, 16px) !important;
    }
    .p-lg-4 {
        padding: var(--base-size-24, 24px) !important;
    }
    .pt-lg-4 {
        padding-top: var(--base-size-24, 24px) !important;
    }
    .pr-lg-4 {
        padding-right: var(--base-size-24, 24px) !important;
    }
    .pb-lg-4 {
        padding-bottom: var(--base-size-24, 24px) !important;
    }
    .pl-lg-4 {
        padding-left: var(--base-size-24, 24px) !important;
    }
    .px-lg-4 {
        padding-right: var(--base-size-24, 24px) !important;
        padding-left: var(--base-size-24, 24px) !important;
    }
    .py-lg-4 {
        padding-top: var(--base-size-24, 24px) !important;
        padding-bottom: var(--base-size-24, 24px) !important;
    }
    .p-lg-5 {
        padding: var(--base-size-32, 32px) !important;
    }
    .pt-lg-5 {
        padding-top: var(--base-size-32, 32px) !important;
    }
    .pr-lg-5 {
        padding-right: var(--base-size-32, 32px) !important;
    }
    .pb-lg-5 {
        padding-bottom: var(--base-size-32, 32px) !important;
    }
    .pl-lg-5 {
        padding-left: var(--base-size-32, 32px) !important;
    }
    .px-lg-5 {
        padding-right: var(--base-size-32, 32px) !important;
        padding-left: var(--base-size-32, 32px) !important;
    }
    .py-lg-5 {
        padding-top: var(--base-size-32, 32px) !important;
        padding-bottom: var(--base-size-32, 32px) !important;
    }
    .p-lg-6 {
        padding: var(--base-size-40, 40px) !important;
    }
    .pt-lg-6 {
        padding-top: var(--base-size-40, 40px) !important;
    }
    .pr-lg-6 {
        padding-right: var(--base-size-40, 40px) !important;
    }
    .pb-lg-6 {
        padding-bottom: var(--base-size-40, 40px) !important;
    }
    .pl-lg-6 {
        padding-left: var(--base-size-40, 40px) !important;
    }
    .px-lg-6 {
        padding-right: var(--base-size-40, 40px) !important;
        padding-left: var(--base-size-40, 40px) !important;
    }
    .py-lg-6 {
        padding-top: var(--base-size-40, 40px) !important;
        padding-bottom: var(--base-size-40, 40px) !important;
    }
    .pt-lg-7 {
        padding-top: var(--base-size-48, 48px) !important;
    }
    .pr-lg-7 {
        padding-right: var(--base-size-48, 48px) !important;
    }
    .pb-lg-7 {
        padding-bottom: var(--base-size-48, 48px) !important;
    }
    .pl-lg-7 {
        padding-left: var(--base-size-48, 48px) !important;
    }
    .py-lg-7 {
        padding-top: var(--base-size-48, 48px) !important;
        padding-bottom: var(--base-size-48, 48px) !important;
    }
    .pt-lg-8 {
        padding-top: var(--base-size-64, 64px) !important;
    }
    .pr-lg-8 {
        padding-right: var(--base-size-64, 64px) !important;
    }
    .pb-lg-8 {
        padding-bottom: var(--base-size-64, 64px) !important;
    }
    .pl-lg-8 {
        padding-left: var(--base-size-64, 64px) !important;
    }
    .py-lg-8 {
        padding-top: var(--base-size-64, 64px) !important;
        padding-bottom: var(--base-size-64, 64px) !important;
    }
    .pt-lg-9 {
        padding-top: var(--base-size-80, 80px) !important;
    }
    .pr-lg-9 {
        padding-right: var(--base-size-80, 80px) !important;
    }
    .pb-lg-9 {
        padding-bottom: var(--base-size-80, 80px) !important;
    }
    .pl-lg-9 {
        padding-left: var(--base-size-80, 80px) !important;
    }
    .py-lg-9 {
        padding-top: var(--base-size-80, 80px) !important;
        padding-bottom: var(--base-size-80, 80px) !important;
    }
    .pt-lg-10 {
        padding-top: var(--base-size-96, 96px) !important;
    }
    .pr-lg-10 {
        padding-right: var(--base-size-96, 96px) !important;
    }
    .pb-lg-10 {
        padding-bottom: var(--base-size-96, 96px) !important;
    }
    .pl-lg-10 {
        padding-left: var(--base-size-96, 96px) !important;
    }
    .py-lg-10 {
        padding-top: var(--base-size-96, 96px) !important;
        padding-bottom: var(--base-size-96, 96px) !important;
    }
    .pt-lg-11 {
        padding-top: var(--base-size-112, 112px) !important;
    }
    .pr-lg-11 {
        padding-right: var(--base-size-112, 112px) !important;
    }
    .pb-lg-11 {
        padding-bottom: var(--base-size-112, 112px) !important;
    }
    .pl-lg-11 {
        padding-left: var(--base-size-112, 112px) !important;
    }
    .py-lg-11 {
        padding-top: var(--base-size-112, 112px) !important;
        padding-bottom: var(--base-size-112, 112px) !important;
    }
    .pt-lg-12 {
        padding-top: var(--base-size-128, 128px) !important;
    }
    .pr-lg-12 {
        padding-right: var(--base-size-128, 128px) !important;
    }
    .pb-lg-12 {
        padding-bottom: var(--base-size-128, 128px) !important;
    }
    .pl-lg-12 {
        padding-left: var(--base-size-128, 128px) !important;
    }
    .py-lg-12 {
        padding-top: var(--base-size-128, 128px) !important;
        padding-bottom: var(--base-size-128, 128px) !important;
    }
}
@media (min-width: 1280px) {
    .p-xl-0 {
        padding: 0 !important;
    }
    .pt-xl-0 {
        padding-top: 0 !important;
    }
    .pr-xl-0 {
        padding-right: 0 !important;
    }
    .pb-xl-0 {
        padding-bottom: 0 !important;
    }
    .pl-xl-0 {
        padding-left: 0 !important;
    }
    .px-xl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .py-xl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .p-xl-1 {
        padding: var(--base-size-4, 4px) !important;
    }
    .pt-xl-1 {
        padding-top: var(--base-size-4, 4px) !important;
    }
    .pr-xl-1 {
        padding-right: var(--base-size-4, 4px) !important;
    }
    .pb-xl-1 {
        padding-bottom: var(--base-size-4, 4px) !important;
    }
    .pl-xl-1 {
        padding-left: var(--base-size-4, 4px) !important;
    }
    .px-xl-1 {
        padding-right: var(--base-size-4, 4px) !important;
        padding-left: var(--base-size-4, 4px) !important;
    }
    .py-xl-1 {
        padding-top: var(--base-size-4, 4px) !important;
        padding-bottom: var(--base-size-4, 4px) !important;
    }
    .p-xl-2 {
        padding: var(--base-size-8, 8px) !important;
    }
    .pt-xl-2 {
        padding-top: var(--base-size-8, 8px) !important;
    }
    .pr-xl-2 {
        padding-right: var(--base-size-8, 8px) !important;
    }
    .pb-xl-2 {
        padding-bottom: var(--base-size-8, 8px) !important;
    }
    .pl-xl-2 {
        padding-left: var(--base-size-8, 8px) !important;
    }
    .px-xl-2 {
        padding-right: var(--base-size-8, 8px) !important;
        padding-left: var(--base-size-8, 8px) !important;
    }
    .py-xl-2 {
        padding-top: var(--base-size-8, 8px) !important;
        padding-bottom: var(--base-size-8, 8px) !important;
    }
    .p-xl-3 {
        padding: var(--base-size-16, 16px) !important;
    }
    .pt-xl-3 {
        padding-top: var(--base-size-16, 16px) !important;
    }
    .pr-xl-3 {
        padding-right: var(--base-size-16, 16px) !important;
    }
    .pb-xl-3 {
        padding-bottom: var(--base-size-16, 16px) !important;
    }
    .pl-xl-3 {
        padding-left: var(--base-size-16, 16px) !important;
    }
    .px-xl-3 {
        padding-right: var(--base-size-16, 16px) !important;
        padding-left: var(--base-size-16, 16px) !important;
    }
    .py-xl-3 {
        padding-top: var(--base-size-16, 16px) !important;
        padding-bottom: var(--base-size-16, 16px) !important;
    }
    .p-xl-4 {
        padding: var(--base-size-24, 24px) !important;
    }
    .pt-xl-4 {
        padding-top: var(--base-size-24, 24px) !important;
    }
    .pr-xl-4 {
        padding-right: var(--base-size-24, 24px) !important;
    }
    .pb-xl-4 {
        padding-bottom: var(--base-size-24, 24px) !important;
    }
    .pl-xl-4 {
        padding-left: var(--base-size-24, 24px) !important;
    }
    .px-xl-4 {
        padding-right: var(--base-size-24, 24px) !important;
        padding-left: var(--base-size-24, 24px) !important;
    }
    .py-xl-4 {
        padding-top: var(--base-size-24, 24px) !important;
        padding-bottom: var(--base-size-24, 24px) !important;
    }
    .p-xl-5 {
        padding: var(--base-size-32, 32px) !important;
    }
    .pt-xl-5 {
        padding-top: var(--base-size-32, 32px) !important;
    }
    .pr-xl-5 {
        padding-right: var(--base-size-32, 32px) !important;
    }
    .pb-xl-5 {
        padding-bottom: var(--base-size-32, 32px) !important;
    }
    .pl-xl-5 {
        padding-left: var(--base-size-32, 32px) !important;
    }
    .px-xl-5 {
        padding-right: var(--base-size-32, 32px) !important;
        padding-left: var(--base-size-32, 32px) !important;
    }
    .py-xl-5 {
        padding-top: var(--base-size-32, 32px) !important;
        padding-bottom: var(--base-size-32, 32px) !important;
    }
    .p-xl-6 {
        padding: var(--base-size-40, 40px) !important;
    }
    .pt-xl-6 {
        padding-top: var(--base-size-40, 40px) !important;
    }
    .pr-xl-6 {
        padding-right: var(--base-size-40, 40px) !important;
    }
    .pb-xl-6 {
        padding-bottom: var(--base-size-40, 40px) !important;
    }
    .pl-xl-6 {
        padding-left: var(--base-size-40, 40px) !important;
    }
    .px-xl-6 {
        padding-right: var(--base-size-40, 40px) !important;
        padding-left: var(--base-size-40, 40px) !important;
    }
    .py-xl-6 {
        padding-top: var(--base-size-40, 40px) !important;
        padding-bottom: var(--base-size-40, 40px) !important;
    }
    .pt-xl-7 {
        padding-top: var(--base-size-48, 48px) !important;
    }
    .pr-xl-7 {
        padding-right: var(--base-size-48, 48px) !important;
    }
    .pb-xl-7 {
        padding-bottom: var(--base-size-48, 48px) !important;
    }
    .pl-xl-7 {
        padding-left: var(--base-size-48, 48px) !important;
    }
    .py-xl-7 {
        padding-top: var(--base-size-48, 48px) !important;
        padding-bottom: var(--base-size-48, 48px) !important;
    }
    .pt-xl-8 {
        padding-top: var(--base-size-64, 64px) !important;
    }
    .pr-xl-8 {
        padding-right: var(--base-size-64, 64px) !important;
    }
    .pb-xl-8 {
        padding-bottom: var(--base-size-64, 64px) !important;
    }
    .pl-xl-8 {
        padding-left: var(--base-size-64, 64px) !important;
    }
    .py-xl-8 {
        padding-top: var(--base-size-64, 64px) !important;
        padding-bottom: var(--base-size-64, 64px) !important;
    }
    .pt-xl-9 {
        padding-top: var(--base-size-80, 80px) !important;
    }
    .pr-xl-9 {
        padding-right: var(--base-size-80, 80px) !important;
    }
    .pb-xl-9 {
        padding-bottom: var(--base-size-80, 80px) !important;
    }
    .pl-xl-9 {
        padding-left: var(--base-size-80, 80px) !important;
    }
    .py-xl-9 {
        padding-top: var(--base-size-80, 80px) !important;
        padding-bottom: var(--base-size-80, 80px) !important;
    }
    .pt-xl-10 {
        padding-top: var(--base-size-96, 96px) !important;
    }
    .pr-xl-10 {
        padding-right: var(--base-size-96, 96px) !important;
    }
    .pb-xl-10 {
        padding-bottom: var(--base-size-96, 96px) !important;
    }
    .pl-xl-10 {
        padding-left: var(--base-size-96, 96px) !important;
    }
    .py-xl-10 {
        padding-top: var(--base-size-96, 96px) !important;
        padding-bottom: var(--base-size-96, 96px) !important;
    }
    .pt-xl-11 {
        padding-top: var(--base-size-112, 112px) !important;
    }
    .pr-xl-11 {
        padding-right: var(--base-size-112, 112px) !important;
    }
    .pb-xl-11 {
        padding-bottom: var(--base-size-112, 112px) !important;
    }
    .pl-xl-11 {
        padding-left: var(--base-size-112, 112px) !important;
    }
    .py-xl-11 {
        padding-top: var(--base-size-112, 112px) !important;
        padding-bottom: var(--base-size-112, 112px) !important;
    }
    .pt-xl-12 {
        padding-top: var(--base-size-128, 128px) !important;
    }
    .pr-xl-12 {
        padding-right: var(--base-size-128, 128px) !important;
    }
    .pb-xl-12 {
        padding-bottom: var(--base-size-128, 128px) !important;
    }
    .pl-xl-12 {
        padding-left: var(--base-size-128, 128px) !important;
    }
    .py-xl-12 {
        padding-top: var(--base-size-128, 128px) !important;
        padding-bottom: var(--base-size-128, 128px) !important;
    }
}
.p-responsive {
    padding-right: var(--base-size-16, 16px) !important;
    padding-left: var(--base-size-16, 16px) !important;
}
@media (min-width: 544px) {
    .p-responsive {
        padding-right: var(--base-size-40, 40px) !important;
        padding-left: var(--base-size-40, 40px) !important;
    }
}
@media (min-width: 1012px) {
    .p-responsive {
        padding-right: var(--base-size-16, 16px) !important;
        padding-left: var(--base-size-16, 16px) !important;
    }
}

.d-flex {
    display: flex !important;
}

.flex-row {
    flex-direction: row !important;
}
.flex-row-reverse {
    flex-direction: row-reverse !important;
}
.flex-column {
    flex-direction: column !important;
}
.flex-column-reverse {
    flex-direction: column-reverse !important;
}
.flex-wrap {
    flex-wrap: wrap !important;
}
.flex-nowrap {
    flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
}
.flex-justify-start {
    justify-content: flex-start !important;
}
.flex-justify-end {
    justify-content: flex-end !important;
}
.flex-justify-center {
    justify-content: center !important;
}
.flex-justify-between {
    justify-content: space-between !important;
}
.flex-justify-around {
    justify-content: space-around !important;
}
.flex-items-start {
    align-items: flex-start !important;
}
.flex-items-end {
    align-items: flex-end !important;
}
.flex-items-center {
    align-items: center !important;
}
.flex-items-baseline {
    align-items: baseline !important;
}
.flex-items-stretch {
    align-items: stretch !important;
}
.flex-content-start {
    align-content: flex-start !important;
}
.flex-content-end {
    align-content: flex-end !important;
}
.flex-content-center {
    align-content: center !important;
}
.flex-content-between {
    align-content: space-between !important;
}
.flex-content-around {
    align-content: space-around !important;
}
.flex-content-stretch {
    align-content: stretch !important;
}
.flex-1 {
    flex: 1 !important;
}
.flex-auto {
    flex: auto !important;
}
.flex-grow-0 {
    flex-grow: 0 !important;
}
.flex-shrink-0 {
    flex-shrink: 0 !important;
}
.flex-self-auto {
    align-self: auto !important;
}
.flex-self-start {
    align-self: flex-start !important;
}
.flex-self-end {
    align-self: flex-end !important;
}
.flex-self-center {
    align-self: center !important;
}
.flex-self-baseline {
    align-self: baseline !important;
}
.flex-self-stretch {
    align-self: stretch !important;
}
.flex-order-1 {
    order: 1 !important;
}
.flex-order-2 {
    order: 2 !important;
}
.flex-order-none {
    order: inherit !important;
}
@media (min-width: 544px) {
    .flex-sm-row {
        flex-direction: row !important;
    }
    .flex-sm-row-reverse {
        flex-direction: row-reverse !important;
    }
    .flex-sm-column {
        flex-direction: column !important;
    }
    .flex-sm-column-reverse {
        flex-direction: column-reverse !important;
    }
    .flex-sm-wrap {
        flex-wrap: wrap !important;
    }
    .flex-sm-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .flex-sm-justify-start {
        justify-content: flex-start !important;
    }
    .flex-sm-justify-end {
        justify-content: flex-end !important;
    }
    .flex-sm-justify-center {
        justify-content: center !important;
    }
    .flex-sm-justify-between {
        justify-content: space-between !important;
    }
    .flex-sm-justify-around {
        justify-content: space-around !important;
    }
    .flex-sm-items-start {
        align-items: flex-start !important;
    }
    .flex-sm-items-end {
        align-items: flex-end !important;
    }
    .flex-sm-items-center {
        align-items: center !important;
    }
    .flex-sm-items-baseline {
        align-items: baseline !important;
    }
    .flex-sm-items-stretch {
        align-items: stretch !important;
    }
    .flex-sm-content-start {
        align-content: flex-start !important;
    }
    .flex-sm-content-end {
        align-content: flex-end !important;
    }
    .flex-sm-content-center {
        align-content: center !important;
    }
    .flex-sm-content-between {
        align-content: space-between !important;
    }
    .flex-sm-content-around {
        align-content: space-around !important;
    }
    .flex-sm-content-stretch {
        align-content: stretch !important;
    }
    .flex-sm-1 {
        flex: 1 !important;
    }
    .flex-sm-auto {
        flex: auto !important;
    }
    .flex-sm-grow-0 {
        flex-grow: 0 !important;
    }
    .flex-sm-shrink-0 {
        flex-shrink: 0 !important;
    }
    .flex-sm-self-auto {
        align-self: auto !important;
    }
    .flex-sm-self-start {
        align-self: flex-start !important;
    }
    .flex-sm-self-end {
        align-self: flex-end !important;
    }
    .flex-sm-self-center {
        align-self: center !important;
    }
    .flex-sm-self-baseline {
        align-self: baseline !important;
    }
    .flex-sm-self-stretch {
        align-self: stretch !important;
    }
    .flex-sm-order-1 {
        order: 1 !important;
    }
    .flex-sm-order-2 {
        order: 2 !important;
    }
    .flex-sm-order-none {
        order: inherit !important;
    }
}
@media (min-width: 768px) {
    .flex-md-row {
        flex-direction: row !important;
    }
    .flex-md-row-reverse {
        flex-direction: row-reverse !important;
    }
    .flex-md-column {
        flex-direction: column !important;
    }
    .flex-md-column-reverse {
        flex-direction: column-reverse !important;
    }
    .flex-md-wrap {
        flex-wrap: wrap !important;
    }
    .flex-md-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .flex-md-justify-start {
        justify-content: flex-start !important;
    }
    .flex-md-justify-end {
        justify-content: flex-end !important;
    }
    .flex-md-justify-center {
        justify-content: center !important;
    }
    .flex-md-justify-between {
        justify-content: space-between !important;
    }
    .flex-md-justify-around {
        justify-content: space-around !important;
    }
    .flex-md-items-start {
        align-items: flex-start !important;
    }
    .flex-md-items-end {
        align-items: flex-end !important;
    }
    .flex-md-items-center {
        align-items: center !important;
    }
    .flex-md-items-baseline {
        align-items: baseline !important;
    }
    .flex-md-items-stretch {
        align-items: stretch !important;
    }
    .flex-md-content-start {
        align-content: flex-start !important;
    }
    .flex-md-content-end {
        align-content: flex-end !important;
    }
    .flex-md-content-center {
        align-content: center !important;
    }
    .flex-md-content-between {
        align-content: space-between !important;
    }
    .flex-md-content-around {
        align-content: space-around !important;
    }
    .flex-md-content-stretch {
        align-content: stretch !important;
    }
    .flex-md-1 {
        flex: 1 !important;
    }
    .flex-md-auto {
        flex: auto !important;
    }
    .flex-md-grow-0 {
        flex-grow: 0 !important;
    }
    .flex-md-shrink-0 {
        flex-shrink: 0 !important;
    }
    .flex-md-self-auto {
        align-self: auto !important;
    }
    .flex-md-self-start {
        align-self: flex-start !important;
    }
    .flex-md-self-end {
        align-self: flex-end !important;
    }
    .flex-md-self-center {
        align-self: center !important;
    }
    .flex-md-self-baseline {
        align-self: baseline !important;
    }
    .flex-md-self-stretch {
        align-self: stretch !important;
    }
    .flex-md-order-1 {
        order: 1 !important;
    }
    .flex-md-order-2 {
        order: 2 !important;
    }
    .flex-md-order-none {
        order: inherit !important;
    }
}
@media (min-width: 1012px) {
    .flex-lg-row {
        flex-direction: row !important;
    }
    .flex-lg-row-reverse {
        flex-direction: row-reverse !important;
    }
    .flex-lg-column {
        flex-direction: column !important;
    }
    .flex-lg-column-reverse {
        flex-direction: column-reverse !important;
    }
    .flex-lg-wrap {
        flex-wrap: wrap !important;
    }
    .flex-lg-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .flex-lg-justify-start {
        justify-content: flex-start !important;
    }
    .flex-lg-justify-end {
        justify-content: flex-end !important;
    }
    .flex-lg-justify-center {
        justify-content: center !important;
    }
    .flex-lg-justify-between {
        justify-content: space-between !important;
    }
    .flex-lg-justify-around {
        justify-content: space-around !important;
    }
    .flex-lg-items-start {
        align-items: flex-start !important;
    }
    .flex-lg-items-end {
        align-items: flex-end !important;
    }
    .flex-lg-items-center {
        align-items: center !important;
    }
    .flex-lg-items-baseline {
        align-items: baseline !important;
    }
    .flex-lg-items-stretch {
        align-items: stretch !important;
    }
    .flex-lg-content-start {
        align-content: flex-start !important;
    }
    .flex-lg-content-end {
        align-content: flex-end !important;
    }
    .flex-lg-content-center {
        align-content: center !important;
    }
    .flex-lg-content-between {
        align-content: space-between !important;
    }
    .flex-lg-content-around {
        align-content: space-around !important;
    }
    .flex-lg-content-stretch {
        align-content: stretch !important;
    }
    .flex-lg-1 {
        flex: 1 !important;
    }
    .flex-lg-auto {
        flex: auto !important;
    }
    .flex-lg-grow-0 {
        flex-grow: 0 !important;
    }
    .flex-lg-shrink-0 {
        flex-shrink: 0 !important;
    }
    .flex-lg-self-auto {
        align-self: auto !important;
    }
    .flex-lg-self-start {
        align-self: flex-start !important;
    }
    .flex-lg-self-end {
        align-self: flex-end !important;
    }
    .flex-lg-self-center {
        align-self: center !important;
    }
    .flex-lg-self-baseline {
        align-self: baseline !important;
    }
    .flex-lg-self-stretch {
        align-self: stretch !important;
    }
    .flex-lg-order-1 {
        order: 1 !important;
    }
    .flex-lg-order-2 {
        order: 2 !important;
    }
    .flex-lg-order-none {
        order: inherit !important;
    }
}
@media (min-width: 1280px) {
    .flex-xl-row {
        flex-direction: row !important;
    }
    .flex-xl-row-reverse {
        flex-direction: row-reverse !important;
    }
    .flex-xl-column {
        flex-direction: column !important;
    }
    .flex-xl-column-reverse {
        flex-direction: column-reverse !important;
    }
    .flex-xl-wrap {
        flex-wrap: wrap !important;
    }
    .flex-xl-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .flex-xl-justify-start {
        justify-content: flex-start !important;
    }
    .flex-xl-justify-end {
        justify-content: flex-end !important;
    }
    .flex-xl-justify-center {
        justify-content: center !important;
    }
    .flex-xl-justify-between {
        justify-content: space-between !important;
    }
    .flex-xl-justify-around {
        justify-content: space-around !important;
    }
    .flex-xl-items-start {
        align-items: flex-start !important;
    }
    .flex-xl-items-end {
        align-items: flex-end !important;
    }
    .flex-xl-items-center {
        align-items: center !important;
    }
    .flex-xl-items-baseline {
        align-items: baseline !important;
    }
    .flex-xl-items-stretch {
        align-items: stretch !important;
    }
    .flex-xl-content-start {
        align-content: flex-start !important;
    }
    .flex-xl-content-end {
        align-content: flex-end !important;
    }
    .flex-xl-content-center {
        align-content: center !important;
    }
    .flex-xl-content-between {
        align-content: space-between !important;
    }
    .flex-xl-content-around {
        align-content: space-around !important;
    }
    .flex-xl-content-stretch {
        align-content: stretch !important;
    }
    .flex-xl-1 {
        flex: 1 !important;
    }
    .flex-xl-auto {
        flex: auto !important;
    }
    .flex-xl-grow-0 {
        flex-grow: 0 !important;
    }
    .flex-xl-shrink-0 {
        flex-shrink: 0 !important;
    }
    .flex-xl-self-auto {
        align-self: auto !important;
    }
    .flex-xl-self-start {
        align-self: flex-start !important;
    }
    .flex-xl-self-end {
        align-self: flex-end !important;
    }
    .flex-xl-self-center {
        align-self: center !important;
    }
    .flex-xl-self-baseline {
        align-self: baseline !important;
    }
    .flex-xl-self-stretch {
        align-self: stretch !important;
    }
    .flex-xl-order-1 {
        order: 1 !important;
    }
    .flex-xl-order-2 {
        order: 2 !important;
    }
    .flex-xl-order-none {
        order: inherit !important;
    }
}

.color-bg-emphasis {
    background-color: #24292f !important;
}

.top-0 {
    top: 0 !important;
}
.right-0 {
    right: 0 !important;
}
.bottom-0 {
    bottom: 0 !important;
}
.left-0 {
    left: 0 !important;
}
.top-auto {
    top: auto !important;
}
.right-auto {
    right: auto !important;
}
.bottom-auto {
    bottom: auto !important;
}
.left-auto {
    left: auto !important;
}
@media (min-width: 544px) {
    .top-sm-0 {
        top: 0 !important;
    }
    .right-sm-0 {
        right: 0 !important;
    }
    .bottom-sm-0 {
        bottom: 0 !important;
    }
    .left-sm-0 {
        left: 0 !important;
    }
    .top-sm-auto {
        top: auto !important;
    }
    .right-sm-auto {
        right: auto !important;
    }
    .bottom-sm-auto {
        bottom: auto !important;
    }
    .left-sm-auto {
        left: auto !important;
    }
}
@media (min-width: 768px) {
    .top-md-0 {
        top: 0 !important;
    }
    .right-md-0 {
        right: 0 !important;
    }
    .bottom-md-0 {
        bottom: 0 !important;
    }
    .left-md-0 {
        left: 0 !important;
    }
    .top-md-auto {
        top: auto !important;
    }
    .right-md-auto {
        right: auto !important;
    }
    .bottom-md-auto {
        bottom: auto !important;
    }
    .left-md-auto {
        left: auto !important;
    }
}
@media (min-width: 1012px) {
    .top-lg-0 {
        top: 0 !important;
    }
    .right-lg-0 {
        right: 0 !important;
    }
    .bottom-lg-0 {
        bottom: 0 !important;
    }
    .left-lg-0 {
        left: 0 !important;
    }
    .top-lg-auto {
        top: auto !important;
    }
    .right-lg-auto {
        right: auto !important;
    }
    .bottom-lg-auto {
        bottom: auto !important;
    }
    .left-lg-auto {
        left: auto !important;
    }
}
@media (min-width: 1280px) {
    .top-xl-0 {
        top: 0 !important;
    }
    .right-xl-0 {
        right: 0 !important;
    }
    .bottom-xl-0 {
        bottom: 0 !important;
    }
    .left-xl-0 {
        left: 0 !important;
    }
    .top-xl-auto {
        top: auto !important;
    }
    .right-xl-auto {
        right: auto !important;
    }
    .bottom-xl-auto {
        bottom: auto !important;
    }
    .left-xl-auto {
        left: auto !important;
    }
}

.overflow-visible {
    overflow: visible !important;
}
.overflow-x-visible {
    overflow-x: visible !important;
}
.overflow-y-visible {
    overflow-y: visible !important;
}
.overflow-hidden {
    overflow: hidden !important;
}
.overflow-x-hidden {
    overflow-x: hidden !important;
}
.overflow-y-hidden {
    overflow-y: hidden !important;
}
.overflow-auto {
    overflow: auto !important;
}
.overflow-x-auto {
    overflow-x: auto !important;
}
.overflow-y-auto {
    overflow-y: auto !important;
}
.overflow-scroll {
    overflow: scroll !important;
}
.overflow-x-scroll {
    overflow-x: scroll !important;
}
.overflow-y-scroll {
    overflow-y: scroll !important;
}
@media (min-width: 544px) {
    .overflow-sm-visible {
        overflow: visible !important;
    }
    .overflow-sm-x-visible {
        overflow-x: visible !important;
    }
    .overflow-sm-y-visible {
        overflow-y: visible !important;
    }
    .overflow-sm-hidden {
        overflow: hidden !important;
    }
    .overflow-sm-x-hidden {
        overflow-x: hidden !important;
    }
    .overflow-sm-y-hidden {
        overflow-y: hidden !important;
    }
    .overflow-sm-auto {
        overflow: auto !important;
    }
    .overflow-sm-x-auto {
        overflow-x: auto !important;
    }
    .overflow-sm-y-auto {
        overflow-y: auto !important;
    }
    .overflow-sm-scroll {
        overflow: scroll !important;
    }
    .overflow-sm-x-scroll {
        overflow-x: scroll !important;
    }
    .overflow-sm-y-scroll {
        overflow-y: scroll !important;
    }
}
@media (min-width: 768px) {
    .overflow-md-visible {
        overflow: visible !important;
    }
    .overflow-md-x-visible {
        overflow-x: visible !important;
    }
    .overflow-md-y-visible {
        overflow-y: visible !important;
    }
    .overflow-md-hidden {
        overflow: hidden !important;
    }
    .overflow-md-x-hidden {
        overflow-x: hidden !important;
    }
    .overflow-md-y-hidden {
        overflow-y: hidden !important;
    }
    .overflow-md-auto {
        overflow: auto !important;
    }
    .overflow-md-x-auto {
        overflow-x: auto !important;
    }
    .overflow-md-y-auto {
        overflow-y: auto !important;
    }
    .overflow-md-scroll {
        overflow: scroll !important;
    }
    .overflow-md-x-scroll {
        overflow-x: scroll !important;
    }
    .overflow-md-y-scroll {
        overflow-y: scroll !important;
    }
}
@media (min-width: 1012px) {
    .overflow-lg-visible {
        overflow: visible !important;
    }
    .overflow-lg-x-visible {
        overflow-x: visible !important;
    }
    .overflow-lg-y-visible {
        overflow-y: visible !important;
    }
    .overflow-lg-hidden {
        overflow: hidden !important;
    }
    .overflow-lg-x-hidden {
        overflow-x: hidden !important;
    }
    .overflow-lg-y-hidden {
        overflow-y: hidden !important;
    }
    .overflow-lg-auto {
        overflow: auto !important;
    }
    .overflow-lg-x-auto {
        overflow-x: auto !important;
    }
    .overflow-lg-y-auto {
        overflow-y: auto !important;
    }
    .overflow-lg-scroll {
        overflow: scroll !important;
    }
    .overflow-lg-x-scroll {
        overflow-x: scroll !important;
    }
    .overflow-lg-y-scroll {
        overflow-y: scroll !important;
    }
}
@media (min-width: 1280px) {
    .overflow-xl-visible {
        overflow: visible !important;
    }
    .overflow-xl-x-visible {
        overflow-x: visible !important;
    }
    .overflow-xl-y-visible {
        overflow-y: visible !important;
    }
    .overflow-xl-hidden {
        overflow: hidden !important;
    }
    .overflow-xl-x-hidden {
        overflow-x: hidden !important;
    }
    .overflow-xl-y-hidden {
        overflow-y: hidden !important;
    }
    .overflow-xl-auto {
        overflow: auto !important;
    }
    .overflow-xl-x-auto {
        overflow-x: auto !important;
    }
    .overflow-xl-y-auto {
        overflow-y: auto !important;
    }
    .overflow-xl-scroll {
        overflow: scroll !important;
    }
    .overflow-xl-x-scroll {
        overflow-x: scroll !important;
    }
    .overflow-xl-y-scroll {
        overflow-y: scroll !important;
    }
}

.text-gradient-green-coral {
    background: -webkit-linear-gradient(-70deg, #009d7b 0%, #42d577 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
}

.featured-bottom-article {
    border-top: 1px solid hsla(210, 18%, 87%, 1);
}

.offset-1 {
    margin-left: 8.33333333% !important;
}
.offset-2 {
    margin-left: 16.66666666% !important;
}
.offset-3 {
    margin-left: 24.99999999% !important;
}
.offset-4 {
    margin-left: 33.33333332% !important;
}
.offset-5 {
    margin-left: 41.66666665% !important;
}
.offset-6 {
    margin-left: 49.99999998% !important;
}
.offset-7 {
    margin-left: 58.33333331% !important;
}
.offset-8 {
    margin-left: 66.66666664% !important;
}
.offset-9 {
    margin-left: 74.99999997% !important;
}
.offset-10 {
    margin-left: 83.3333333% !important;
}
.offset-11 {
    margin-left: 91.66666663% !important;
}
@media (min-width: 544px) {
    .offset-sm-1 {
        margin-left: 8.33333333% !important;
    }
    .offset-sm-2 {
        margin-left: 16.66666666% !important;
    }
    .offset-sm-3 {
        margin-left: 24.99999999% !important;
    }
    .offset-sm-4 {
        margin-left: 33.33333332% !important;
    }
    .offset-sm-5 {
        margin-left: 41.66666665% !important;
    }
    .offset-sm-6 {
        margin-left: 49.99999998% !important;
    }
    .offset-sm-7 {
        margin-left: 58.33333331% !important;
    }
    .offset-sm-8 {
        margin-left: 66.66666664% !important;
    }
    .offset-sm-9 {
        margin-left: 74.99999997% !important;
    }
    .offset-sm-10 {
        margin-left: 83.3333333% !important;
    }
    .offset-sm-11 {
        margin-left: 91.66666663% !important;
    }
}
@media (min-width: 768px) {
    .offset-md-1 {
        margin-left: 8.33333333% !important;
    }
    .offset-md-2 {
        margin-left: 16.66666666% !important;
    }
    .offset-md-3 {
        margin-left: 24.99999999% !important;
    }
    .offset-md-4 {
        margin-left: 33.33333332% !important;
    }
    .offset-md-5 {
        margin-left: 41.66666665% !important;
    }
    .offset-md-6 {
        margin-left: 49.99999998% !important;
    }
    .offset-md-7 {
        margin-left: 58.33333331% !important;
    }
    .offset-md-8 {
        margin-left: 66.66666664% !important;
    }
    .offset-md-9 {
        margin-left: 74.99999997% !important;
    }
    .offset-md-10 {
        margin-left: 83.3333333% !important;
    }
    .offset-md-11 {
        margin-left: 91.66666663% !important;
    }
}
@media (min-width: 1012px) {
    .offset-lg-1 {
        margin-left: 8.33333333% !important;
    }
    .offset-lg-2 {
        margin-left: 16.66666666% !important;
    }
    .offset-lg-3 {
        margin-left: 24.99999999% !important;
    }
    .offset-lg-4 {
        margin-left: 33.33333332% !important;
    }
    .offset-lg-5 {
        margin-left: 41.66666665% !important;
    }
    .offset-lg-6 {
        margin-left: 49.99999998% !important;
    }
    .offset-lg-7 {
        margin-left: 58.33333331% !important;
    }
    .offset-lg-8 {
        margin-left: 66.66666664% !important;
    }
    .offset-lg-9 {
        margin-left: 74.99999997% !important;
    }
    .offset-lg-10 {
        margin-left: 83.3333333% !important;
    }
    .offset-lg-11 {
        margin-left: 91.66666663% !important;
    }
}
@media (min-width: 1280px) {
    .offset-xl-1 {
        margin-left: 8.33333333% !important;
    }
    .offset-xl-2 {
        margin-left: 16.66666666% !important;
    }
    .offset-xl-3 {
        margin-left: 24.99999999% !important;
    }
    .offset-xl-4 {
        margin-left: 33.33333332% !important;
    }
    .offset-xl-5 {
        margin-left: 41.66666665% !important;
    }
    .offset-xl-6 {
        margin-left: 49.99999998% !important;
    }
    .offset-xl-7 {
        margin-left: 58.33333331% !important;
    }
    .offset-xl-8 {
        margin-left: 66.66666664% !important;
    }
    .offset-xl-9 {
        margin-left: 74.99999997% !important;
    }
    .offset-xl-10 {
        margin-left: 83.3333333% !important;
    }
    .offset-xl-11 {
        margin-left: 91.66666663% !important;
    }
}

.border-x {
    border-right: var(--primer-borderWidth-thin, 1px) solid #d0d7de !important;
    border-left: var(--primer-borderWidth-thin, 1px) solid #d0d7de !important;
}
.border-y {
    border-top: var(--primer-borderWidth-thin, 1px) solid #d0d7de !important;
    border-bottom: var(--primer-borderWidth-thin, 1px) solid #d0d7de !important;
}
.border {
    border: var(--primer-borderWidth-thin, 1px) solid #d0d7de !important;
}
.border-0 {
    border: 0 !important;
}
.border-top {
    border-top: var(--primer-borderWidth-thin, 1px) solid #d0d7de !important;
}
.border-right {
    border-right: var(--primer-borderWidth-thin, 1px) solid #d0d7de !important;
}
.border-bottom {
    border-bottom: var(--primer-borderWidth-thin, 1px) solid #d0d7de !important;
}
.border-left {
    border-left: var(--primer-borderWidth-thin, 1px) solid #d0d7de !important;
}
.border-top-0 {
    border-top: 0 !important;
}
.border-right-0 {
    border-right: 0 !important;
}
.border-bottom-0 {
    border-bottom: 0 !important;
}
.border-left-0 {
    border-left: 0 !important;
}
.rounded {
    border-radius: var(--primer-borderRadius-medium, 6px) !important;
}
.rounded-0 {
    border-radius: 0 !important;
}
.rounded-1 {
    border-radius: var(--primer-borderRadius-small, 4px) !important;
}
.rounded-2 {
    border-radius: var(--primer-borderRadius-medium, 6px) !important;
}
.rounded-3 {
    border-radius: var(--primer-borderRadius-large, 8px) !important;
}
.rounded-top-0 {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}
.rounded-top-1 {
    border-top-left-radius: var(--primer-borderRadius-small, 4px) !important;
    border-top-right-radius: var(--primer-borderRadius-small, 4px) !important;
}
.rounded-top-2 {
    border-top-left-radius: var(--primer-borderRadius-medium, 6px) !important;
    border-top-right-radius: var(--primer-borderRadius-medium, 6px) !important;
}
.rounded-top-3 {
    border-top-left-radius: var(--primer-borderRadius-medium, 8px) !important;
    border-top-right-radius: var(--primer-borderRadius-medium, 8px) !important;
}
.rounded-right-0 {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.rounded-right-1 {
    border-top-right-radius: var(--primer-borderRadius-small, 4px) !important;
    border-bottom-right-radius: var(
        --primer-borderRadius-small,
        4px
    ) !important;
}
.rounded-right-2 {
    border-top-right-radius: var(--primer-borderRadius-medium, 6px) !important;
    border-bottom-right-radius: var(
        --primer-borderRadius-medium,
        6px
    ) !important;
}
.rounded-right-3 {
    border-top-right-radius: var(--primer-borderRadius-medium, 8px) !important;
    border-bottom-right-radius: var(
        --primer-borderRadius-medium,
        8px
    ) !important;
}
.rounded-bottom-0 {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
.rounded-bottom-1 {
    border-bottom-right-radius: var(
        --primer-borderRadius-small,
        4px
    ) !important;
    border-bottom-left-radius: var(--primer-borderRadius-small, 4px) !important;
}
.rounded-bottom-2 {
    border-bottom-right-radius: var(
        --primer-borderRadius-medium,
        6px
    ) !important;
    border-bottom-left-radius: var(
        --primer-borderRadius-medium,
        6px
    ) !important;
}
.rounded-bottom-3 {
    border-bottom-right-radius: var(
        --primer-borderRadius-medium,
        8px
    ) !important;
    border-bottom-left-radius: var(
        --primer-borderRadius-medium,
        8px
    ) !important;
}
.rounded-left-0 {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
}
.rounded-left-1 {
    border-bottom-left-radius: var(--primer-borderRadius-small, 4px) !important;
    border-top-left-radius: var(--primer-borderRadius-small, 4px) !important;
}
.rounded-left-2 {
    border-bottom-left-radius: var(
        --primer-borderRadius-medium,
        6px
    ) !important;
    border-top-left-radius: var(--primer-borderRadius-medium, 6px) !important;
}
.rounded-left-3 {
    border-bottom-left-radius: var(
        --primer-borderRadius-medium,
        8px
    ) !important;
    border-top-left-radius: var(--primer-borderRadius-medium, 8px) !important;
}
@media (min-width: 544px) {
    .border-sm {
        border: var(--primer-borderWidth-thin, 1px) solid #d0d7de !important;
    }
    .border-sm-0 {
        border: 0 !important;
    }
    .border-sm-top {
        border-top: var(--primer-borderWidth-thin, 1px) solid #d0d7de !important;
    }
    .border-sm-right {
        border-right: var(--primer-borderWidth-thin, 1px) solid #d0d7de !important;
    }
    .border-sm-bottom {
        border-bottom: var(--primer-borderWidth-thin, 1px) solid #d0d7de !important;
    }
    .border-sm-left {
        border-left: var(--primer-borderWidth-thin, 1px) solid #d0d7de !important;
    }
    .border-sm-top-0 {
        border-top: 0 !important;
    }
    .border-sm-right-0 {
        border-right: 0 !important;
    }
    .border-sm-bottom-0 {
        border-bottom: 0 !important;
    }
    .border-sm-left-0 {
        border-left: 0 !important;
    }
    .rounded-sm {
        border-radius: var(--primer-borderRadius-medium, 6px) !important;
    }
    .rounded-sm-0 {
        border-radius: 0 !important;
    }
    .rounded-sm-1 {
        border-radius: var(--primer-borderRadius-small, 4px) !important;
    }
    .rounded-sm-2 {
        border-radius: var(--primer-borderRadius-medium, 6px) !important;
    }
    .rounded-sm-3 {
        border-radius: var(--primer-borderRadius-large, 8px) !important;
    }
    .rounded-sm-top-0 {
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
    }
    .rounded-sm-top-1 {
        border-top-left-radius: var(
            --primer-borderRadius-small,
            4px
        ) !important;
        border-top-right-radius: var(
            --primer-borderRadius-small,
            4px
        ) !important;
    }
    .rounded-sm-top-2 {
        border-top-left-radius: var(
            --primer-borderRadius-medium,
            6px
        ) !important;
        border-top-right-radius: var(
            --primer-borderRadius-medium,
            6px
        ) !important;
    }
    .rounded-sm-top-3 {
        border-top-left-radius: var(
            --primer-borderRadius-medium,
            8px
        ) !important;
        border-top-right-radius: var(
            --primer-borderRadius-medium,
            8px
        ) !important;
    }
    .rounded-sm-right-0 {
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }
    .rounded-sm-right-1 {
        border-top-right-radius: var(
            --primer-borderRadius-small,
            4px
        ) !important;
        border-bottom-right-radius: var(
            --primer-borderRadius-small,
            4px
        ) !important;
    }
    .rounded-sm-right-2 {
        border-top-right-radius: var(
            --primer-borderRadius-medium,
            6px
        ) !important;
        border-bottom-right-radius: var(
            --primer-borderRadius-medium,
            6px
        ) !important;
    }
    .rounded-sm-right-3 {
        border-top-right-radius: var(
            --primer-borderRadius-medium,
            8px
        ) !important;
        border-bottom-right-radius: var(
            --primer-borderRadius-medium,
            8px
        ) !important;
    }
    .rounded-sm-bottom-0 {
        border-bottom-right-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
    }
    .rounded-sm-bottom-1 {
        border-bottom-right-radius: var(
            --primer-borderRadius-small,
            4px
        ) !important;
        border-bottom-left-radius: var(
            --primer-borderRadius-small,
            4px
        ) !important;
    }
    .rounded-sm-bottom-2 {
        border-bottom-right-radius: var(
            --primer-borderRadius-medium,
            6px
        ) !important;
        border-bottom-left-radius: var(
            --primer-borderRadius-medium,
            6px
        ) !important;
    }
    .rounded-sm-bottom-3 {
        border-bottom-right-radius: var(
            --primer-borderRadius-medium,
            8px
        ) !important;
        border-bottom-left-radius: var(
            --primer-borderRadius-medium,
            8px
        ) !important;
    }
    .rounded-sm-left-0 {
        border-bottom-left-radius: 0 !important;
        border-top-left-radius: 0 !important;
    }
    .rounded-sm-left-1 {
        border-bottom-left-radius: var(
            --primer-borderRadius-small,
            4px
        ) !important;
        border-top-left-radius: var(
            --primer-borderRadius-small,
            4px
        ) !important;
    }
    .rounded-sm-left-2 {
        border-bottom-left-radius: var(
            --primer-borderRadius-medium,
            6px
        ) !important;
        border-top-left-radius: var(
            --primer-borderRadius-medium,
            6px
        ) !important;
    }
    .rounded-sm-left-3 {
        border-bottom-left-radius: var(
            --primer-borderRadius-medium,
            8px
        ) !important;
        border-top-left-radius: var(
            --primer-borderRadius-medium,
            8px
        ) !important;
    }
}
@media (min-width: 768px) {
    .border-md {
        border: var(--primer-borderWidth-thin, 1px) solid #d0d7de !important;
    }
    .border-md-0 {
        border: 0 !important;
    }
    .border-md-top {
        border-top: var(--primer-borderWidth-thin, 1px) solid #d0d7de !important;
    }
    .border-md-right {
        border-right: var(--primer-borderWidth-thin, 1px) solid #d0d7de !important;
    }
    .border-md-bottom {
        border-bottom: var(--primer-borderWidth-thin, 1px) solid #d0d7de !important;
    }
    .border-md-left {
        border-left: var(--primer-borderWidth-thin, 1px) solid #d0d7de !important;
    }
    .border-md-top-0 {
        border-top: 0 !important;
    }
    .border-md-right-0 {
        border-right: 0 !important;
    }
    .border-md-bottom-0 {
        border-bottom: 0 !important;
    }
    .border-md-left-0 {
        border-left: 0 !important;
    }
    .rounded-md {
        border-radius: var(--primer-borderRadius-medium, 6px) !important;
    }
    .rounded-md-0 {
        border-radius: 0 !important;
    }
    .rounded-md-1 {
        border-radius: var(--primer-borderRadius-small, 4px) !important;
    }
    .rounded-md-2 {
        border-radius: var(--primer-borderRadius-medium, 6px) !important;
    }
    .rounded-md-3 {
        border-radius: var(--primer-borderRadius-large, 8px) !important;
    }
    .rounded-md-top-0 {
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
    }
    .rounded-md-top-1 {
        border-top-left-radius: var(
            --primer-borderRadius-small,
            4px
        ) !important;
        border-top-right-radius: var(
            --primer-borderRadius-small,
            4px
        ) !important;
    }
    .rounded-md-top-2 {
        border-top-left-radius: var(
            --primer-borderRadius-medium,
            6px
        ) !important;
        border-top-right-radius: var(
            --primer-borderRadius-medium,
            6px
        ) !important;
    }
    .rounded-md-top-3 {
        border-top-left-radius: var(
            --primer-borderRadius-medium,
            8px
        ) !important;
        border-top-right-radius: var(
            --primer-borderRadius-medium,
            8px
        ) !important;
    }
    .rounded-md-right-0 {
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }
    .rounded-md-right-1 {
        border-top-right-radius: var(
            --primer-borderRadius-small,
            4px
        ) !important;
        border-bottom-right-radius: var(
            --primer-borderRadius-small,
            4px
        ) !important;
    }
    .rounded-md-right-2 {
        border-top-right-radius: var(
            --primer-borderRadius-medium,
            6px
        ) !important;
        border-bottom-right-radius: var(
            --primer-borderRadius-medium,
            6px
        ) !important;
    }
    .rounded-md-right-3 {
        border-top-right-radius: var(
            --primer-borderRadius-medium,
            8px
        ) !important;
        border-bottom-right-radius: var(
            --primer-borderRadius-medium,
            8px
        ) !important;
    }
    .rounded-md-bottom-0 {
        border-bottom-right-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
    }
    .rounded-md-bottom-1 {
        border-bottom-right-radius: var(
            --primer-borderRadius-small,
            4px
        ) !important;
        border-bottom-left-radius: var(
            --primer-borderRadius-small,
            4px
        ) !important;
    }
    .rounded-md-bottom-2 {
        border-bottom-right-radius: var(
            --primer-borderRadius-medium,
            6px
        ) !important;
        border-bottom-left-radius: var(
            --primer-borderRadius-medium,
            6px
        ) !important;
    }
    .rounded-md-bottom-3 {
        border-bottom-right-radius: var(
            --primer-borderRadius-medium,
            8px
        ) !important;
        border-bottom-left-radius: var(
            --primer-borderRadius-medium,
            8px
        ) !important;
    }
    .rounded-md-left-0 {
        border-bottom-left-radius: 0 !important;
        border-top-left-radius: 0 !important;
    }
    .rounded-md-left-1 {
        border-bottom-left-radius: var(
            --primer-borderRadius-small,
            4px
        ) !important;
        border-top-left-radius: var(
            --primer-borderRadius-small,
            4px
        ) !important;
    }
    .rounded-md-left-2 {
        border-bottom-left-radius: var(
            --primer-borderRadius-medium,
            6px
        ) !important;
        border-top-left-radius: var(
            --primer-borderRadius-medium,
            6px
        ) !important;
    }
    .rounded-md-left-3 {
        border-bottom-left-radius: var(
            --primer-borderRadius-medium,
            8px
        ) !important;
        border-top-left-radius: var(
            --primer-borderRadius-medium,
            8px
        ) !important;
    }
}
@media (min-width: 1012px) {
    .border-lg {
        border: var(--primer-borderWidth-thin, 1px) solid #d0d7de !important;
    }
    .border-lg-0 {
        border: 0 !important;
    }
    .border-lg-top {
        border-top: var(--primer-borderWidth-thin, 1px) solid #d0d7de !important;
    }
    .border-lg-right {
        border-right: var(--primer-borderWidth-thin, 1px) solid #d0d7de !important;
    }
    .border-lg-bottom {
        border-bottom: var(--primer-borderWidth-thin, 1px) solid #d0d7de !important;
    }
    .border-lg-left {
        border-left: var(--primer-borderWidth-thin, 1px) solid #d0d7de !important;
    }
    .border-lg-top-0 {
        border-top: 0 !important;
    }
    .border-lg-right-0 {
        border-right: 0 !important;
    }
    .border-lg-bottom-0 {
        border-bottom: 0 !important;
    }
    .border-lg-left-0 {
        border-left: 0 !important;
    }
    .rounded-lg {
        border-radius: var(--primer-borderRadius-medium, 6px) !important;
    }
    .rounded-lg-0 {
        border-radius: 0 !important;
    }
    .rounded-lg-1 {
        border-radius: var(--primer-borderRadius-small, 4px) !important;
    }
    .rounded-lg-2 {
        border-radius: var(--primer-borderRadius-medium, 6px) !important;
    }
    .rounded-lg-3 {
        border-radius: var(--primer-borderRadius-large, 8px) !important;
    }
    .rounded-lg-top-0 {
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
    }
    .rounded-lg-top-1 {
        border-top-left-radius: var(
            --primer-borderRadius-small,
            4px
        ) !important;
        border-top-right-radius: var(
            --primer-borderRadius-small,
            4px
        ) !important;
    }
    .rounded-lg-top-2 {
        border-top-left-radius: var(
            --primer-borderRadius-medium,
            6px
        ) !important;
        border-top-right-radius: var(
            --primer-borderRadius-medium,
            6px
        ) !important;
    }
    .rounded-lg-top-3 {
        border-top-left-radius: var(
            --primer-borderRadius-medium,
            8px
        ) !important;
        border-top-right-radius: var(
            --primer-borderRadius-medium,
            8px
        ) !important;
    }
    .rounded-lg-right-0 {
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }
    .rounded-lg-right-1 {
        border-top-right-radius: var(
            --primer-borderRadius-small,
            4px
        ) !important;
        border-bottom-right-radius: var(
            --primer-borderRadius-small,
            4px
        ) !important;
    }
    .rounded-lg-right-2 {
        border-top-right-radius: var(
            --primer-borderRadius-medium,
            6px
        ) !important;
        border-bottom-right-radius: var(
            --primer-borderRadius-medium,
            6px
        ) !important;
    }
    .rounded-lg-right-3 {
        border-top-right-radius: var(
            --primer-borderRadius-medium,
            8px
        ) !important;
        border-bottom-right-radius: var(
            --primer-borderRadius-medium,
            8px
        ) !important;
    }
    .rounded-lg-bottom-0 {
        border-bottom-right-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
    }
    .rounded-lg-bottom-1 {
        border-bottom-right-radius: var(
            --primer-borderRadius-small,
            4px
        ) !important;
        border-bottom-left-radius: var(
            --primer-borderRadius-small,
            4px
        ) !important;
    }
    .rounded-lg-bottom-2 {
        border-bottom-right-radius: var(
            --primer-borderRadius-medium,
            6px
        ) !important;
        border-bottom-left-radius: var(
            --primer-borderRadius-medium,
            6px
        ) !important;
    }
    .rounded-lg-bottom-3 {
        border-bottom-right-radius: var(
            --primer-borderRadius-medium,
            8px
        ) !important;
        border-bottom-left-radius: var(
            --primer-borderRadius-medium,
            8px
        ) !important;
    }
    .rounded-lg-left-0 {
        border-bottom-left-radius: 0 !important;
        border-top-left-radius: 0 !important;
    }
    .rounded-lg-left-1 {
        border-bottom-left-radius: var(
            --primer-borderRadius-small,
            4px
        ) !important;
        border-top-left-radius: var(
            --primer-borderRadius-small,
            4px
        ) !important;
    }
    .rounded-lg-left-2 {
        border-bottom-left-radius: var(
            --primer-borderRadius-medium,
            6px
        ) !important;
        border-top-left-radius: var(
            --primer-borderRadius-medium,
            6px
        ) !important;
    }
    .rounded-lg-left-3 {
        border-bottom-left-radius: var(
            --primer-borderRadius-medium,
            8px
        ) !important;
        border-top-left-radius: var(
            --primer-borderRadius-medium,
            8px
        ) !important;
    }
}
@media (min-width: 1280px) {
    .border-xl {
        border: var(--primer-borderWidth-thin, 1px) solid #d0d7de !important;
    }
    .border-xl-0 {
        border: 0 !important;
    }
    .border-xl-top {
        border-top: var(--primer-borderWidth-thin, 1px) solid #d0d7de !important;
    }
    .border-xl-right {
        border-right: var(--primer-borderWidth-thin, 1px) solid #d0d7de !important;
    }
    .border-xl-bottom {
        border-bottom: var(--primer-borderWidth-thin, 1px) solid #d0d7de !important;
    }
    .border-xl-left {
        border-left: var(--primer-borderWidth-thin, 1px) solid #d0d7de !important;
    }
    .border-xl-top-0 {
        border-top: 0 !important;
    }
    .border-xl-right-0 {
        border-right: 0 !important;
    }
    .border-xl-bottom-0 {
        border-bottom: 0 !important;
    }
    .border-xl-left-0 {
        border-left: 0 !important;
    }
    .rounded-xl {
        border-radius: var(--primer-borderRadius-medium, 6px) !important;
    }
    .rounded-xl-0 {
        border-radius: 0 !important;
    }
    .rounded-xl-1 {
        border-radius: var(--primer-borderRadius-small, 4px) !important;
    }
    .rounded-xl-2 {
        border-radius: var(--primer-borderRadius-medium, 6px) !important;
    }
    .rounded-xl-3 {
        border-radius: var(--primer-borderRadius-large, 8px) !important;
    }
    .rounded-xl-top-0 {
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
    }
    .rounded-xl-top-1 {
        border-top-left-radius: var(
            --primer-borderRadius-small,
            4px
        ) !important;
        border-top-right-radius: var(
            --primer-borderRadius-small,
            4px
        ) !important;
    }
    .rounded-xl-top-2 {
        border-top-left-radius: var(
            --primer-borderRadius-medium,
            6px
        ) !important;
        border-top-right-radius: var(
            --primer-borderRadius-medium,
            6px
        ) !important;
    }
    .rounded-xl-top-3 {
        border-top-left-radius: var(
            --primer-borderRadius-medium,
            8px
        ) !important;
        border-top-right-radius: var(
            --primer-borderRadius-medium,
            8px
        ) !important;
    }
    .rounded-xl-right-0 {
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }
    .rounded-xl-right-1 {
        border-top-right-radius: var(
            --primer-borderRadius-small,
            4px
        ) !important;
        border-bottom-right-radius: var(
            --primer-borderRadius-small,
            4px
        ) !important;
    }
    .rounded-xl-right-2 {
        border-top-right-radius: var(
            --primer-borderRadius-medium,
            6px
        ) !important;
        border-bottom-right-radius: var(
            --primer-borderRadius-medium,
            6px
        ) !important;
    }
    .rounded-xl-right-3 {
        border-top-right-radius: var(
            --primer-borderRadius-medium,
            8px
        ) !important;
        border-bottom-right-radius: var(
            --primer-borderRadius-medium,
            8px
        ) !important;
    }
    .rounded-xl-bottom-0 {
        border-bottom-right-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
    }
    .rounded-xl-bottom-1 {
        border-bottom-right-radius: var(
            --primer-borderRadius-small,
            4px
        ) !important;
        border-bottom-left-radius: var(
            --primer-borderRadius-small,
            4px
        ) !important;
    }
    .rounded-xl-bottom-2 {
        border-bottom-right-radius: var(
            --primer-borderRadius-medium,
            6px
        ) !important;
        border-bottom-left-radius: var(
            --primer-borderRadius-medium,
            6px
        ) !important;
    }
    .rounded-xl-bottom-3 {
        border-bottom-right-radius: var(
            --primer-borderRadius-medium,
            8px
        ) !important;
        border-bottom-left-radius: var(
            --primer-borderRadius-medium,
            8px
        ) !important;
    }
    .rounded-xl-left-0 {
        border-bottom-left-radius: 0 !important;
        border-top-left-radius: 0 !important;
    }
    .rounded-xl-left-1 {
        border-bottom-left-radius: var(
            --primer-borderRadius-small,
            4px
        ) !important;
        border-top-left-radius: var(
            --primer-borderRadius-small,
            4px
        ) !important;
    }
    .rounded-xl-left-2 {
        border-bottom-left-radius: var(
            --primer-borderRadius-medium,
            6px
        ) !important;
        border-top-left-radius: var(
            --primer-borderRadius-medium,
            6px
        ) !important;
    }
    .rounded-xl-left-3 {
        border-bottom-left-radius: var(
            --primer-borderRadius-medium,
            8px
        ) !important;
        border-top-left-radius: var(
            --primer-borderRadius-medium,
            8px
        ) !important;
    }
}
.circle {
    border-radius: var(--primer-borderRadius-full, 50%) !important;
}
.border-dashed {
    border-style: dashed !important;
}

.color-shadow-small {
    box-shadow: 0 1px 0 rgba(27, 31, 36, 0.04) !important;
}
.color-shadow-medium {
    box-shadow: 0 3px 6px rgba(140, 149, 159, 0.15) !important;
}
.color-shadow-large {
    box-shadow: 0 3px 6px rgba(140, 149, 159, 0.15) !important;
}
.color-shadow-extra-large {
    box-shadow: 0 12px 28px rgba(140, 149, 159, 0.3) !important;
}
.box-shadow-none {
    box-shadow: none !important;
}

.ps-form--account {
    max-width: 430px;
    margin: 0 auto;
    padding-top: 130px;
}

.auth-form {
    width: 340px;
    margin: 0 auto;
}