/********************************************/
/* GENERAL
/********************************************/
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
   --color-primary: #bc2200;
   --color-gray: #f9f9ff;
   --color-white: #ffffff;
   --color-black: #212529;
   --font-primary: 'Rubik', sans-serif;
   ---box-shadow: 0px 5px 20px 0px rgb(69 67 96 / 10%);
}

html {
   /* 10px / 16px = 0.625 = 62.5% */
   font-size: 62.5%;
}

body {
   font-family: var(--font-primary) !important;
   color: var(--color-black) !important;
   background-color: var(--color-gray);
   font-size: 1.6rem;
   font-weight: 400;
   line-height: 1.6;
}

h1,
h2,
h3,
h4,
h5,
h6 {
   font-family: var(--font-primary) !important;
   color: var(--color-black);
   line-height: 1.2;
   letter-spacing: -0.5px;
}

h1 {
   font-size: 3.6rem;
   font-weight: 700;
   line-height: 1.1;
   margin-bottom: 2.4rem;
}

h2 {
   font-size: 2.4rem;
   font-weight: 600;
   margin-bottom: 0;
   letter-spacing: 0.75px;
}

h3 {
   font-size: 2rem;
   margin-bottom: 1.6rem;
   font-weight: 600;
}

h4 {
   font-size: 1.8rem;
   margin-bottom: 1.6rem;
}

h5 {
   font-size: 1.6rem;
   margin-bottom: 1.6rem;
}

h6 {
   font-size: 1.4rem;
   margin-bottom: 1.6rem;
}

a {
   font-family: var(--font-primary) !important;
   font-size: 1.8rem;
   font-weight: 500;
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}

p,
span {
   font-family: var(--font-body) !important;
   font-size: 1.6rem;
}

#sp-main-body {
   padding: 9.6rem 0;
}

/********************************************/
/* TOP BAR
/********************************************/
#sp-top-bar {
   background: var(--color-gray);
   color: var(--color-black);
   padding: 1.2rem 0;
}

#sp-top-bar a {
   color: var(--color-black);
}

#sp-top-bar a:hover {
   opacity: 0.8;
}

#sp-top-bar .sp-module {
   display: inline-block;
   margin: 0;
}

#sp-top-bar ul.sppb-icons-group-list > li:not(:last-child) {
   margin-right: 2rem;
}

#sp-top-bar ul.sppb-icons-group-list > li a {
   font-size: 1.6rem;
   line-height: 0;
   margin-top: -1.6rem;
}

#sp-top-bar #sp-top2 {
   display: flex;
   justify-content: end;
   align-items: center;
}

#sp-top-bar .menu {
   display: flex;
   margin: 0;
   padding: 0;
}

#sp-top-bar .menu li a {
   color: var(--color-black) !important;
   font-size: 1.6rem;
   margin-right: 1.6rem;
}

#sp-top-bar .menu li:last-child a {
   margin-right: 0;
}

#sp-top-bar .menu li {
   list-style: none;
}

/********************************************/
/* HEADER
/********************************************/
#sp-header {
   height: 9rem;
   width: 100%;
   background-color: var(--color-white);
   position: relative;
   z-index: 99;
   box-shadow: 0 0 0rem 0 rgb(0 0 0 / 10%);
   animation: spFadeIn 0.5s;
}

#sp-header.header-sticky {
   height: 9rem;
   box-shadow: var(---box-shadow);
}

#sp-header .sp-module {
   margin-left: 0;
}

#sp-logo .logo {
   height: 9rem;
   display: inline-flex;
   align-items: center;
   margin: 0;
}

#sp-logo .logo-image {
   height: 5rem;
}

#sp-logo .logo-image-phone {
   height: 4rem;
}

#sp-menu {
   display: flex;
   justify-content: start;
}

#sp-menu .sp-megamenu-parent > li > a,
#sp-menu .sp-megamenu-parent > li > span {
   display: inline-block;
   color: var(--color-black);
   font-size: 1.6rem;
   padding: 0 1.2rem;
   line-height: 3.4;
   margin: 0;
}

#sp-menu .sp-megamenu-parent > li:last-child > a {
   padding-right: 0 !important;
}

#sp-menu .sp-megamenu-parent > li:first-child > a {
   padding-left: 0 !important;
}

#sp-menu .sp-megamenu-parent > li.active > a,
#sp-menu .sp-megamenu-parent > li.active:hover > a,
#sp-menu .sp-megamenu-parent > li:hover > a {
   color: var(--color-primary);
}

#sp-menu .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a,
#sp-menu .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {
   font-size: 1.6rem;
   color: var(--color-black);
   line-height: 1;
   display: inline-block;
   padding: 0.8rem 0;
   cursor: pointer;
}

#sp-menu .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
   color: var(--color-primary);
}

#sp-menu .sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
   color: var(--color-primary);
}

#sp-menu .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
   -webkit-box-shadow: var(---box-shadow);
   box-shadow: var(---box-shadow);
   padding: 1.6rem 2.4rem;
   border-radius: 0;
}

#sp-search {
   display: flex;
   justify-content: end;
}

#sp-search .form-control {
   background-color: transparent;
   font-size: 1.6rem;
   padding: 1.4rem 2rem 1.4rem 2rem;
   border-top: 0 solid;
   border-right: 0 solid;
   border-bottom: 2px solid;
   border-left: 0 solid;
   border-radius: 0;
}

#sp-search .form-control:focus {
   color: var(--color-black);
   background-color: transparent;
   border-color: var(--color-black);
   outline: 0;
}

#sp-search span.icon-search {
   position: absolute;
   font-size: 1.4rem;
   margin-top: 1.7rem;
}

#sp-header.header-sticky ~ section#sp-main-body,
#sp-header.header-sticky ~ section#sp-breadcrumbs {
   padding-top: 9rem;
}

body.com-sppagebuilder #sp-header.header-sticky ~ section#sp-breadcrumbs + section#sp-main-body {
   padding-top: 0;
}

#sp-main-body {
   padding: 9rem 0;
}

/********************************************/
/* OFF-CANVAS
/********************************************/

.offcanvas-menu.border-menu .offcanvas-inner ul.menu {
   margin-top: 2.4rem;
}

.offcanvas-menu .offcanvas-inner {
   padding: 6.4rem 2.4rem 0 2.4rem;
}

.offcanvas-menu .offcanvas-inner ul.menu > li > a,
.offcanvas-menu .offcanvas-inner ul.menu > li > span {
   display: block;
   font-size: 2rem;
   position: relative;
   line-height: 1.2;
   letter-spacing: -0.5px;
   opacity: 1;
   transition: 0.3s;
}

.offcanvas-menu .offcanvas-inner ul.menu > li a,
.offcanvas-menu .offcanvas-inner ul.menu > li span {
   color: var(--color-black);
}

.offcanvas-menu .offcanvas-inner ul.menu > li a:hover,
.offcanvas-menu .offcanvas-inner ul.menu > li a:focus,
.offcanvas-menu .offcanvas-inner ul.menu > li span:hover,
.offcanvas-menu .offcanvas-inner ul.menu > li span:focus {
   color: var(--color-primary);
}

.offcanvas-menu.border-menu .offcanvas-inner ul.menu > li {
   border-bottom: 0 !important;
}

.offcanvas-menu .offcanvas-inner a:hover,
.offcanvas-menu .offcanvas-inner a:focus,
.offcanvas-menu .offcanvas-inner a:active {
   color: var(--color-primary);
}

.offcanvas-menu .offcanvas-inner ul.menu > li.active > a {
   color: var(--color-primary);
}

.offcanvas-menu .offcanvas-inner ul.menu > li.active > ul li.active > a {
   color: var(--color-primary);
}

.menu-toggler {
   font-size: 2rem;
}

.offcanvas-menu.border-menu .offcanvas-inner ul.menu ul {
   padding-bottom: 0;
}

.offcanvas-menu .offcanvas-inner ul.menu > li > ul li a {
   color: var(--color-black);
   font-size: 2rem;
   letter-spacing: -0.5px;
   line-height: 1.6;
   font-weight: 500;
   padding-left: 2.4rem;
}

.burger-icon {
   width: 4.8rem;
   cursor: pointer;
}

.offcanvas-menu .sppb-icons-group-list {
   text-align: left;
}

.offcanvas-menu .sppb-icons-group-list li {
   display: inline-block;
   width: 31.33%;
   margin-right: 2%;
}

.offcanvas-menu .sppb-icons-group-list li:last-child {
   margin-right: 0;
}

.offcanvas-menu .sppb-icons-group-list li a {
   height: 5rem;
   width: 100%;
   margin-bottom: 0.8rem;
   line-height: 2.7 !important;
   padding: 0 !important;
   border: 2px solid;
}

.offcanvas-menu .logo {
   display: none;
}

/********************************************/
/* ADDON STYLE - BUTTON
/********************************************/
.sppb-btn {
   display: inline-block;
   font-weight: 500;
   text-align: center;
   user-select: none;
   border: 2px solid var(--color-black);
   padding: 0 6rem 0 2.4rem;
   font-size: 1.4rem;
   border-radius: 0;
   height: 5.2rem;
   line-height: 3.6;
   margin-bottom: -2px;
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}

.sppb-btn:hover {
   padding: 0 4.2rem 0 4.2rem;
}

.sppb-btn::after {
   content: '';
   display: block;
   position: absolute;
   top: 50%;
   background-color: var(--color-black);
   height: 0.2rem;
   width: 4rem;
   right: 0;
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}

.sppb-btn-default,
.sppb-btn-primary,
.sppb-btn-secondary {
   color: var(--color-black);
   background-color: transparent;
}

.sppb-btn.sppb-btn-default:hover,
.sppb-btn-primary:hover,
.sppb-btn-secondary:hover {
   color: var(--color-black);
   background-color: transparent;
   border-color: var(--color-black);
}

.sppb-btn.sppb-btn-default:hover::after,
.sppb-btn-primary:hover::after,
.sppb-btn-secondary:hover::after,
.sppb-btn-outline:hover::after {
   width: 0rem;
}

.sppb-btn.focus,
.sppb-btn:focus {
   color: var(--color-black);
   outline: 0;
   box-shadow: none;
}

.sppb-btn i {
   font-size: 1.6rem;
}

/********************************************/
/* PRE LOADER
/********************************************/
.sp-pre-loader {
   background: var(--color-white);
   height: 100%;
   left: 0;
   position: fixed;
   top: 0;
   width: 100%;
   z-index: 99999;
}

.sp-pre-loader .circle-two {
   bottom: 0;
   height: 100px;
   left: 0;
   margin: auto;
   position: absolute;
   right: 0;
   top: 0;
   width: 100px;
}

.sp-pre-loader .circle-two > span,
.sp-pre-loader .circle-two > span:before,
.sp-pre-loader .circle-two > span:after {
   position: absolute;
   content: '';
   display: block;
   border-radius: 50%;
   border: 2px solid var(--color-black);
}

.sp-pre-loader .circle-two > span:before {
   width: 75%;
   height: 75%;
   border-right-color: transparent;
}

.sp-pre-loader .circle-two > span:after {
   width: 50%;
   height: 50%;
   border-bottom-color: transparent;
}

/********************************************/
/* ADDON STYLE - CAROUSEL & HERO
/********************************************/
.sppb-carousel .sppb-btn {
   border: 0;
   padding: 0;
   font-size: 1.4rem;
   border-radius: 0;
   height: inherit;
   line-height: 1.2;
   margin-bottom: 0;
}

.sppb-carousel .sppb-btn::after {
   display: none;
}

.sppb-carousel .sppb-btn-default {
   color: var(--color-white);
}

.sppb-carousel .sppb-btn-default:hover {
   color: var(--color-white);
   opacity: 0.8;
}

.sppb-carousel .sppb-item.sppb-item-has-bg .sppb-carousel-item-inner > div {
   display: flex;
   align-items: end;
   height: 100%;
   width: 100%;
}

.sppb-carousel .sppb-item.sppb-item-has-bg .sppb-carousel-item-inner {
   position: absolute;
   top: inherit;
   bottom: 0;
   left: 0;
   width: 100%;
   height: inherit;
   padding: 0 6.4rem 6.4rem 6.4rem;
}

.sppb-carousel .sppb-item.sppb-item-has-bg > img {
   width: 100%;
   max-height: 512px;
}

.sppb-carousel .sppb-item-has-bg::before {
   content: '';
   background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
}

.sppb-carousel .sppb-carousel-caption h2 {
   color: var(--color-white);
   font-size: 2.4rem !important;
   font-weight: 600;
   line-height: 1.4 !important;
   margin-bottom: 1.2rem;
   letter-spacing: -0.5px;
   width: 70%;
}

.sppb-carousel .sppb-carousel-content {
   color: var(--color-white);
   font-size: 1.6rem !important;
   margin-bottom: 1.6rem;
   line-height: 1.6 !important;
   max-width: 70%;
}

.sppb-carousel .sppb-carousel-indicators {
   position: absolute;
   bottom: 1rem;
   right: 5%;
   left: inherit;
   z-index: 15;
   width: inherit;
   margin-left: -30%;
   padding-left: 0;
   list-style: none;
   text-align: center;
}

.sppb-carousel .sppb-carousel-indicators li {
   display: inline-block;
   background-color: var(--color-white);
   width: 1.2rem;
   height: 1.2rem;
   margin: 0.5rem 0;
   text-indent: -999px;
   border: 1px solid var(--color-white);
   border-radius: 0;
   cursor: pointer;
}

.sppb-carousel .sppb-carousel-indicators .active {
   background-color: var(--color-white);
   margin: 1rem 0;
   width: 1.2rem;
   height: 3.2rem;
}

.sppb-carousel .sppb-carousel-indicators li {
   display: block;
}

.hero h1 {
   font-size: 2.4rem;
   margin-bottom: 1rem;
}

.hero h2 {
   font-size: 4.4rem;
   margin-bottom: 1rem;
}

.hero .sppb-addon-content {
   font-size: 1.8rem;
}

.hero .sppb-icons-group-list li {
   margin-right: 1.2rem;
   margin-bottom: 1.6rem !important;
}

.hero .sppb-icons-group-list li:last-child {
   margin-right: 0;
}

.hero .sppb-icons-group-list li a {
   color: var(--color-black);
   height: 5rem;
   width: 5rem;
   line-height: 2.7;
   border: 2px solid;
}

.hero .sppb-icons-group-list li a:hover {
   color: var(--color-primary);
}

/********************************************/
/* ADDON STYLE - ARTICLES
/********************************************/
/* ARTICLE STYLE - 01 */
.article-style-01 .sppb-addon-article {
   margin-bottom: 3.2rem;
}

.article-style-01 .sppb-addon-article .sppb-article-info-wrap {
   padding-left: 3.2rem;
   margin-bottom: -3.2rem;
}

.article-style-01 .sppb-addon-article .sppb-article-img-wrap {
   position: relative;
}

.article-style-01 .sppb-addon-article .sppb-article-img-wrap::after {
   content: '';
   background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
}

.article-style-01 .sppb-addon-article .sppb-article-title {
   position: absolute;
   bottom: 50%;
   width: 70%;
}

.article-style-01 .sppb-addon-article .sppb-article-title h3 {
   font-size: 0;
   margin-bottom: 0.8rem;
}

.article-style-01 .sppb-addon-article .sppb-article-title a {
   color: var(--color-white);
   font-size: 2rem;
   line-height: 1.4;
   font-weight: 600;
}

.article-style-01 .sppb-addon-article .sppb-article-title a:hover {
   opacity: 0.8;
}

.article-style-01 .sppb-addon-article .sppb-article-introtext {
   position: absolute;
   color: var(--color-gray);
   top: 50%;
   width: 70%;
}

.article-style-01 .sppb-addon-article .sppb-meta-category {
   position: absolute;
   line-height: 1;
   margin: 1.6rem 0 0 0;
   top: 0;
}

.article-style-01 .sppb-addon-article .sppb-meta-category a {
   background-color: var(--color-gray);
   color: var(--color-black);
   font-size: 1.4rem;
   padding: 0.6rem 1.4rem;
}

.article-style-01 .sppb-addon-article .sppb-meta-category a:hover {
   opacity: 0.8;
}

.article-style-01 .sppb-addon-article .sppb-article-meta {
   position: absolute;
   line-height: 1;
   bottom: 0;
   margin: 0 0 1.6rem 0;
}

.article-style-01 .sppb-addon-article .sppb-article-meta span {
   color: var(--color-white);
   font-size: 1.4rem;
   margin: 0 1rem 0 0;
}

.article-style-01 .sppb-addon-article .sppb-article-meta span:last-child {
   margin: 0;
}

.article-style-01 .sppb-addon-article .sppb-readmore a {
   position: absolute;
   color: var(--color-white);
   font-size: 1.4rem;
   font-weight: 400;
   line-height: 1;
   margin: 0 4.6rem 1.6rem 0;
   bottom: 0;
   right: 0;
}

.article-style-01 .sppb-addon-article .sppb-readmore a:hover {
   opacity: 0.8;
}

/* ARTICLE STYLE - 02 */
.article-style-02 .sppb-addon-article {
   margin-bottom: 0;
}

.article-style-02 .sppb-addon-article .sppb-article-info-wrap {
   padding-left: 3.2rem;
}

.article-style-02 .sppb-addon-article .sppb-article-img-wrap {
   position: relative;
}

.article-style-02 .sppb-addon-article .sppb-article-img-wrap::after {
   content: '';
   background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
}

.article-style-02 .sppb-addon-article .sppb-article-title {
   position: absolute;
   bottom: 20%;
   width: 70%;
}

.article-style-02 .sppb-addon-article .sppb-article-title h3 {
   font-size: 0;
   margin-bottom: 0.8rem;
}

.article-style-02 .sppb-addon-article .sppb-article-title a {
   color: var(--color-white);
   font-size: 2rem;
   line-height: 1.4;
   font-weight: 600;
}

.article-style-02 .sppb-addon-article .sppb-article-title a:hover {
   opacity: 0.8;
}

.article-style-02 .sppb-addon-article .sppb-article-introtext {
   position: absolute;
   color: var(--color-gray);
   bottom: 10%;
   width: 70%;
}

.article-style-02 .sppb-addon-article .sppb-meta-category {
   position: absolute;
   line-height: 1;
   margin: 1.6rem 0 0 0;
   top: 0;
}

.article-style-02 .sppb-addon-article .sppb-meta-category a {
   background-color: var(--color-gray);
   color: var(--color-black);
   font-size: 1.4rem;
   padding: 0.6rem 1.4rem;
}

.article-style-02 .sppb-addon-article .sppb-meta-category a:hover {
   opacity: 0.8;
}

.article-style-02 .sppb-addon-article .sppb-article-meta {
   position: absolute;
   line-height: 1;
   bottom: 0;
   margin: 0 0 1.6rem 0;
}

.article-style-02 .sppb-addon-article .sppb-article-meta span {
   color: var(--color-white);
   font-size: 1.4rem;
   margin: 0 1rem 0 0;
}

.article-style-02 .sppb-addon-article .sppb-article-meta span:last-child {
   margin: 0;
}

.article-style-02 .sppb-addon-article .sppb-readmore a {
   position: absolute;
   color: var(--color-white);
   font-size: 1.4rem;
   font-weight: 400;
   line-height: 1;
   margin: 0 4.6rem 1.6rem 0;
   bottom: 0;
   right: 0;
}

.article-style-02 .sppb-addon-article .sppb-readmore a::after {
   content: '\2192';
   margin-left: 0.5rem;
}

.article-style-02 .sppb-addon-article .sppb-readmore a:hover {
   opacity: 0.8;
}

/* ARTICLE STYLE - 03 */
.article-style-03 .sppb-addon-article {
   display: flex;
   margin-bottom: 3.2rem;
}

.article-style-03 .sppb-addon-article .sppb-article-info-wrap {
   padding-left: 2.4rem;
}

.article-style-03 .sppb-addon-article .sppb-article-img-wrap {
   max-width: 80px;
}

.article-style-03 .sppb-addon-article .sppb-article-title h3 {
   font-size: 0;
   margin-bottom: 0.8rem;
}

.article-style-03 .sppb-addon-article .sppb-article-title a {
   color: var(--color-black);
   font-size: 1.6rem;
   line-height: 1.4;
   font-weight: 500;
}

.article-style-03 .sppb-addon-article .sppb-article-title a:hover {
   opacity: 0.8;
}

.article-style-03 .sppb-addon-article .sppb-article-introtext {
   color: var(--color-black);
   line-height: 1.4;
   margin-bottom: 0.6rem;
}

.article-style-03 .sppb-addon-article .sppb-meta-category {
   line-height: 1;
   margin-bottom: 0.4rem;
}

.article-style-03 .sppb-addon-article .sppb-meta-category a {
   color: var(--color-primary);
   font-size: 1.4rem;
}

.article-style-03 .sppb-addon-article .sppb-meta-category a:hover {
   opacity: 0.8;
}

.article-style-03 .sppb-addon-article .sppb-article-meta {
   line-height: 1;
   margin: 0;
}

.article-style-03 .sppb-addon-article .sppb-article-meta span {
   color: var(--color-black);
   font-size: 1.4rem;
   margin: 0 1rem 0 0;
}

.article-style-03 .sppb-addon-article .sppb-article-meta span:last-child {
   margin: 0;
}

.article-style-03 .sppb-addon-article .sppb-readmore a {
   position: absolute;
   color: var(--color-black);
   font-size: 1.4rem;
   font-weight: 400;
   line-height: 1.3;
   margin: -1.6rem 1.4rem 0 0;
   right: 0;
}

.article-style-03 .sppb-addon-article .sppb-readmore a:hover {
   opacity: 0.8;
}

/* ARTICLE STYLE - 04 */
.article-style-04 .sppb-addon-article {
   display: flex;
   margin-bottom: 3.2rem;
}

.article-style-04 .sppb-addon-article .sppb-article-info-wrap {
   padding: 3.2rem;
}

.article-style-04 .sppb-addon-article .sppb-article-img-wrap {
   max-width: 224px;
}

.article-style-04 .sppb-addon-article .sppb-article-title h3 {
   font-size: 0;
   margin-bottom: 0.8rem;
}

.article-style-04 .sppb-addon-article .sppb-article-title a {
   color: var(--color-black);
   font-size: 2rem;
   line-height: 1.4;
   font-weight: 600;
}

.article-style-04 .sppb-addon-article .sppb-article-title a:hover {
   opacity: 0.8;
}

.article-style-04 .sppb-addon-article .sppb-article-introtext {
   color: var(--color-black);
   line-height: 1.4;
   margin-bottom: 1.2rem;
}

.article-style-04 .sppb-addon-article .sppb-meta-category {
   line-height: 1;
   margin-bottom: 1.2rem;
}

.article-style-04 .sppb-addon-article .sppb-meta-category a {
   color: var(--color-primary);
   font-size: 1.6rem;
}

.article-style-04 .sppb-addon-article .sppb-meta-category a:hover {
   opacity: 0.8;
}

.article-style-04 .sppb-addon-article .sppb-article-meta {
   line-height: 1;
   margin: 0;
}

.article-style-04 .sppb-addon-article .sppb-article-meta span {
   color: var(--color-black);
   font-size: 1.4rem;
   margin: 0 1rem 0 0;
}

.article-style-04 .sppb-addon-article .sppb-article-meta span:last-child {
   margin: 0;
}

.article-style-04 .sppb-addon-article .sppb-readmore {
   margin-top: 2.4rem;
}

.article-style-04 .sppb-addon-article .sppb-readmore a {
   background-color: var(--color-black);
   color: var(--color-white);
   font-size: 1.4rem;
   font-weight: 400;
   line-height: 1.3;
   padding: 0.8rem 1.6rem;
}

.article-style-04 .sppb-addon-article .sppb-readmore a:hover {
   opacity: 0.8;
}

/* ARTICLE STYLE - 05 */
.article-style-05 .sppb-addon-article {
   background: var(--color-white);
   padding: 2.4rem;
   margin-bottom: 3.2rem;
}

.article-style-05 .sppb-addon-article .sppb-article-title h3 {
   font-size: 0;
   margin-bottom: 1.2rem;
}

.article-style-05 .sppb-addon-article .sppb-article-title a {
   color: var(--color-black);
   font-size: 2rem;
   line-height: 1.4;
   font-weight: 600;
}

.article-style-05 .sppb-addon-article .sppb-article-title a:hover {
   opacity: 0.8;
}

.article-style-05 .sppb-addon-article .sppb-article-introtext {
   color: var(--color-black);
   margin-bottom: 1.6rem;
}

.article-style-05 .sppb-addon-article .sppb-meta-category {
   line-height: 1;
   margin: -4rem 0 4.8rem 1.6rem;
}

.article-style-05 .sppb-addon-article .sppb-meta-category a {
   background-color: var(--color-gray);
   color: var(--color-black);
   font-size: 1.4rem;
   padding: 0.6rem 1.4rem;
}

.article-style-05 .sppb-addon-article .sppb-meta-category a:hover {
   opacity: 0.8;
}

.article-style-05 .sppb-addon-article .sppb-article-meta {
   line-height: 1;
   margin: 0.8rem 0 0 0;
   float: left;
}

.article-style-05 .sppb-addon-article .sppb-article-meta span {
   color: var(--color-black);
   font-size: 1.4rem;
   margin: 0 1rem 0 0;
}

.article-style-05 .sppb-addon-article .sppb-article-meta span:last-child {
   margin: 0;
}

.article-style-05 .sppb-addon-article .sppb-readmore {
   display: flex;
   justify-content: end;
}

.article-style-05 .sppb-addon-article .sppb-readmore a {
   background-color: var(--color-black);
   color: var(--color-white);
   font-size: 1.4rem;
   font-weight: 400;
   line-height: 1.3;
   padding: 0.8rem 1.6rem;
}

.article-style-05 .sppb-addon-article .sppb-readmore a:hover {
   opacity: 0.8;
}

/* ARTICLE STYLE - 06 */
.article-style-06 .sppb-addon-article {
   background: var(--color-white);
   padding: 2.4rem;
   margin-bottom: 3.2rem;
}

.article-style-06 .sppb-addon-article .sppb-article-title h3 {
   font-size: 0;
   margin-bottom: 1.2rem;
}

.article-style-06 .sppb-addon-article .sppb-article-title a {
   color: var(--color-black);
   font-size: 2rem;
   line-height: 1.4;
   font-weight: 600;
}

.article-style-06 .sppb-addon-article .sppb-article-title a:hover {
   opacity: 0.8;
}

.article-style-06 .sppb-addon-article .sppb-article-introtext {
   color: var(--color-black);
   margin-bottom: 1.6rem;
}

.article-style-06 .sppb-addon-article .sppb-meta-category {
   line-height: 1;
   margin: 3.2rem 0 3.2rem 0;
}

.article-style-06 .sppb-addon-article .sppb-meta-category a {
   background-color: var(--color-black);
   color: var(--color-white);
   font-size: 1.4rem;
   padding: 0.6rem 1.4rem;
   font-weight: 400;
}

.article-style-06 .sppb-addon-article .sppb-meta-category a:hover {
   opacity: 0.8;
}

.article-style-06 .sppb-addon-article .sppb-article-meta {
   line-height: 1;
   margin: 0.8rem 0 0 0;
   float: left;
}

.article-style-06 .sppb-addon-article .sppb-article-meta span {
   color: var(--color-black);
   font-size: 1.4rem;
   margin: 0 1rem 0 0;
}

.article-style-06 .sppb-addon-article .sppb-article-meta span:last-child {
   margin: 0;
}

.article-style-06 .sppb-addon-article .sppb-readmore {
   display: flex;
   justify-content: end;
}

.article-style-06 .sppb-addon-article .sppb-readmore a {
   background-color: var(--color-black);
   color: var(--color-white);
   font-size: 1.4rem;
   font-weight: 400;
   line-height: 1.3;
   padding: 0.8rem 1.6rem;
}

.article-style-06 .sppb-addon-article .sppb-readmore a::after {
   content: '\2192';
   margin-left: 0.6rem;
}

.article-style-06 .sppb-addon-article .sppb-readmore a:hover {
   opacity: 0.8;
}

/* ARTICLE STYLE - 07 */
.article-style-07 .sppb-addon-article {
   display: flex;
   background-color: var(--color-white);
   margin-bottom: 3.2rem;
   padding: 1.2rem;
}

.article-style-07 .sppb-addon-article .sppb-article-info-wrap {
   padding: 1.2rem;
}

.article-style-07 .sppb-addon-article .sppb-article-img-wrap {
   max-width: 90px;
}

.article-style-07 .sppb-addon-article .sppb-article-title h3 {
   font-size: 0;
   margin-bottom: 0.8rem;
}

.article-style-07 .sppb-addon-article .sppb-article-title a {
   color: var(--color-black);
   font-size: 1.6rem;
   line-height: 1.4;
   font-weight: 500;
}

.article-style-07 .sppb-addon-article .sppb-article-title a:hover {
   opacity: 0.8;
}

.article-style-07 .sppb-addon-article .sppb-article-introtext {
   color: var(--color-black);
   line-height: 1.4;
   margin-bottom: 0.6rem;
}

.article-style-07 .sppb-addon-article .sppb-meta-category {
   line-height: 1;
   margin-bottom: 0.4rem;
}

.article-style-07 .sppb-addon-article .sppb-meta-category a {
   color: var(--color-primary);
   font-size: 1.4rem;
}

.article-style-07 .sppb-addon-article .sppb-meta-category a:hover {
   opacity: 0.8;
}

.article-style-07 .sppb-addon-article .sppb-article-meta {
   line-height: 1;
   margin: 0;
}

.article-style-07 .sppb-addon-article .sppb-article-meta span {
   color: var(--color-black);
   font-size: 1.4rem;
   margin: 0 1rem 0 0;
}

.article-style-07 .sppb-addon-article .sppb-article-meta span:last-child {
   margin: 0;
}

.article-style-07 .sppb-addon-article .sppb-readmore a {
   position: absolute;
   color: var(--color-black);
   font-size: 1.4rem;
   font-weight: 400;
   line-height: 1.3;
   margin: -1.6rem 3.8rem 0 0;
   right: 0;
}

.article-style-07 .sppb-addon-article .sppb-readmore a:hover {
   opacity: 0.8;
}

/* ARTICLE STYLE - 08 */
.article-style-08 .sppb-addon-article {
   display: flex;
   background-color: var(--color-white);
   padding: 2.4rem;
   margin-bottom: 3.2rem;
}

.article-style-08 .sppb-addon-article .sppb-article-info-wrap {
   padding: 3.2rem;
}

.article-style-08 .sppb-addon-article .sppb-article-img-wrap {
   max-width: 224px;
}

.article-style-08 .sppb-addon-article .sppb-article-title h3 {
   font-size: 0;
   margin-bottom: 0.8rem;
}

.article-style-08 .sppb-addon-article .sppb-article-title a {
   color: var(--color-black);
   font-size: 2rem;
   line-height: 1.4;
   font-weight: 600;
}

.article-style-08 .sppb-addon-article .sppb-article-title a:hover {
   opacity: 0.8;
}

.article-style-08 .sppb-addon-article .sppb-article-introtext {
   color: var(--color-black);
   line-height: 1.4;
   margin-bottom: 1.2rem;
}

.article-style-08 .sppb-addon-article .sppb-meta-category {
   line-height: 1;
   margin-bottom: 1.2rem;
}

.article-style-08 .sppb-addon-article .sppb-meta-category a {
   color: var(--color-primary);
   font-size: 1.6rem;
}

.article-style-08 .sppb-addon-article .sppb-meta-category a:hover {
   opacity: 0.8;
}

.article-style-08 .sppb-addon-article .sppb-article-meta {
   line-height: 1;
   margin: 0;
}

.article-style-08 .sppb-addon-article .sppb-article-meta span {
   color: var(--color-black);
   font-size: 1.4rem;
   margin: 0 1rem 0 0;
}

.article-style-08 .sppb-addon-article .sppb-article-meta span:last-child {
   margin: 0;
}

.article-style-08 .sppb-addon-article .sppb-readmore {
   position: absolute;
   margin-bottom: 6rem;
   bottom: 0;
   right: 6.3rem;
}

.article-style-08 .sppb-addon-article .sppb-readmore a {
   background-color: var(--color-black);
   color: var(--color-white);
   font-size: 1.4rem;
   font-weight: 400;
   line-height: 1.3;
   padding: 0.8rem 1.6rem;
}

.article-style-08 .sppb-addon-article .sppb-readmore a:hover {
   opacity: 0.8;
}

.categories .sppb-btn {
   display: inline-block;
   background-color: var(--color-black);
   color: var(--color-white);
   font-weight: 500;
   text-align: center;
   user-select: none;
   border: 2px solid var(--color-black);
   padding: 0 4.2rem 0 4.2rem;
   font-size: 1.4rem;
   border-radius: 0;
   height: 5.2rem;
   line-height: 3.6;
   margin-bottom: -2px;
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}

.categories .sppb-btn:hover {
   opacity: 0.8;
}

.categories .sppb-btn::after {
   display: none;
}

.article-02 .sppb-addon-article {
   padding: 1.2rem;
}
/********************************************/
/* ARTICLE - MENU BASED
/********************************************/
.article-list .article {
   background-color: var(--color-white);
   margin-bottom: 3.2rem;
   padding: 2.4rem;
   border: 0;
   border-radius: 0;
}

.article-list .article .article-intro-image,
.article-list .article .article-featured-video,
.article-list .article .article-featured-audio,
.article-list .article .article-feature-gallery {
   margin: 0;
   border-radius: 0;
   border-bottom: 0;
   overflow: hidden;
   margin-bottom: 2.4rem;
}

.article-list .article .article-intro-image img,
.article-list .article .article-featured-video img,
.article-list .article .article-featured-audio img,
.article-list .article .article-feature-gallery img {
   border-radius: 0;
}

.article-list .article .article-header h1 a,
.article-list .article .article-header h2 a {
   color: var(--color-black);
   font-size: 2rem;
   line-height: 1.4;
}

.article-list .article .article-header h1 a:hover,
.article-list .article .article-header h1 a:active,
.article-list .article .article-header h1 a:focus,
.article-list .article .article-header h2 a:hover,
.article-list .article .article-header h2 a:active,
.article-list .article .article-header h2 a:focus {
   color: var(--color-black);
   opacity: 0.8;
}

.article-list .article .article-info > span a,
.article-list .article .article-info span {
   color: var(--color-black);
   font-size: 1.6rem;
   font-weight: 500;
   line-height: 1.2;
}

.article-list .article .article-info > span + span::before {
   display: inline-block;
   padding-right: 0.5rem;
   padding-left: 0.5rem;
   content: '';
}

.article-list .article .article-introtext {
   display: none;
}

.article-list .article .article-info span.createdby:before {
   content: 'By';
}

.page-item.disabled .page-link {
   color: #6c757d;
   pointer-events: none;
   background-color: var(--color-white);
   border-color: var(--color-white);
   padding: 1.8rem 2.4rem;
}

.page-item.active .page-link {
   z-index: 3;
   color: var(--color-white);
   background-color: var(--color-primary);
   border-color: var(--color-white);
   padding: 1.8rem 2.4rem;
}

.page-link {
   background-color: var(--color-white);
   padding: 1.6rem 2.4rem;
   border: 0;
}

.breadcrumb {
   padding: 2.4rem;
   background-color: var(--color-white);
   border-radius: 0;
   margin-top: 2.4rem;
}

.breadcrumb,
.breadcrumb a,
.breadcrumb span {
   font-size: 1.6rem;
}

.breadcrumb a:hover {
   color: var(--color-primary);
   opacity: 0.8;
}

/********************************************/
/* ARTICLE - DETAILS
/********************************************/
.article-details .article-full-image img {
   display: inline-block;
   border-radius: 0;
   margin-bottom: 2.4rem;
}

.article-details .article-header h1,
.article-details .article-header h2 {
   font-size: 2.4rem;
   margin-bottom: 1.2rem;
}

.article-details .article-info span {
   font-size: 1.6rem;
}

.article-details .article-info {
   margin-bottom: 2.4rem;
}

.article-details .article-info > span + span::before {
   display: inline-block;
   padding-right: 0.5rem;
   padding-left: 0.5rem;
   content: '';
}

.article-details .article-social-share .social-share-icon ul li {
   display: inherit;
}

.article-details .article-ratings-social-share {
   z-index: 9999;
   position: fixed;
   background-color: var(--color-white);
   padding: 2.4rem 1.6rem 3.2rem 1.6rem;
   border-radius: 0;
   border-top: 0;
   border-bottom: 0;
   margin-bottom: 0;
   left: 0;
   bottom: 0;
}

.article-details .article-social-share .social-share-icon ul li a {
   color: var(--color-text);
   font-size: inherit;
   height: 5rem;
   width: 5rem;
   margin-right: 0;
   margin-bottom: 0.8rem;
   line-height: 3;
   border: 2px solid;
   border-radius: 5px;
}

.article-details .article-social-share .social-share-icon ul li a:hover,
.article-details .article-social-share .social-share-icon ul li a:focus {
   color: var(--color-primary);
   background: inherit;
}

.article-details .article-social-share {
   text-align: center;
}

.article-details .social-share-icon:before {
   color: var(--color-text);
   content: 'Share';
   font-size: 1.4rem;
   font-weight: 500;
   text-transform: uppercase;
}

.article-details .article-social-share .social-share-icon ul li:not(:last-child) {
   margin-right: 0;
}

.related-article-list-container .related-article-title {
   font-size: 2.4rem;
   padding-bottom: 0;
   margin-bottom: 1.8rem;
   border-bottom: 0;
}

.related-article-list .article .article-full-image {
   margin-bottom: 2.4rem;
}

.related-article-list-container {
   margin-top: 4.8rem;
}

.pagination {
   margin-top: 3.2rem;
}

/********************************************/
/* ADDON STYLE - TEXT BLOCK
/********************************************/
.sppb-addon-text-block {
   width: 750px;
   text-align: center;
   margin: 0 auto;
   font-size: 1.6rem;
}

/********************************************/
/* ADDON STYLE - TAB
/********************************************/
.sppb-nav-tabs {
   border-bottom: 0;
   margin-bottom: 2.4rem;
}

.sppb-nav-tabs > li > a {
   display: inline-block;
   color: var(--color-black);
   font-weight: 500;
   text-align: center;
   user-select: none;
   border: 2px solid var(--color-black);
   padding: 0 6rem 0 2.4rem;
   font-size: 1.4rem;
   border-radius: 0;
   height: 5.2rem;
   line-height: 3.6;
   background-color: transparent;
   margin: 0 0.8rem 0 0;
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}

.sppb-nav-tabs > li > a::after {
   content: '';
   display: block;
   position: absolute;
   top: 50%;
   background-color: var(--color-black);
   height: 0.2rem;
   width: 4rem;
   right: 0;
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}

.sppb-nav-tabs > li > a:hover {
   padding: 0 4.2rem 0 4.2rem;
}

.sppb-nav-tabs > li > a:hover::after {
   width: 0rem;
}

.sppb-nav-tabs > li.active > a {
   padding: 0 4.2rem 0 4.2rem;
}

.sppb-nav-tabs > li.active > a::after {
   width: 0rem;
}

.sppb-nav-tabs > li:last-child > a {
   border-right-width: 2px;
}

.sppb-nav-tabs > li.active > a,
.sppb-nav-tabs > li.active > a:focus,
.sppb-nav-tabs > li.active > a:hover {
   color: var(--color-black);
   background-color: transparent;
   border-bottom-color: var(--color-black);
   cursor: default;
}

.sppb-nav > li > a:focus,
.sppb-nav > li > a:hover {
   text-decoration: none;
   background-color: transparent;
}

.sppb-nav-tabs {
   border-bottom: 0;
}

/********************************************/
/* SIDE BAR
/********************************************/
#sp-left .sp-module,
#sp-right .sp-module {
   margin-top: 0;
   border: 0;
   padding: 3.8rem 3.2rem 0 3.2rem;
   border-radius: 0;
   background-color: var(--color-white);
}

.home-sidebar #sp-left .sp-module,
.home-sidebar #sp-right .sp-module {
   background-color: transparent;
}

.home-sidebar #sp-left .sp-module:first-child,
.home-sidebar #sp-right .sp-module:first-child {
   padding: 0 3.2rem 0 3.2rem;
}

#sp-left .sp-module:last-child,
#sp-right .sp-module:last-child {
   padding: 3.2rem 3.2rem 3.8rem 3.2rem;
}

#sp-left .awesomplete,
#sp-right .awesomplete {
   display: inline-block;
   position: relative;
   width: 100%;
}

#sp-left .sp-module ul > li,
#sp-right .sp-module ul > li {
   border-bottom: 0;
}

#sp-left .sp-module .sp-module-title,
#sp-right .sp-module .sp-module-title {
   margin: 0 0 2.4rem 0;
   padding: 0;
   font-size: 2rem;
   font-weight: 600;
   border-bottom: 0;
}

#sp-left .form-control,
#sp-right .form-control {
   background-color: transparent;
   font-size: 1.6rem;
   padding: 1.4rem 2rem 1.4rem 2rem;
   border-top: 0 solid;
   border-right: 0 solid;
   border-bottom: 2px solid;
   border-left: 0 solid;
   border-radius: 0;
}

#sp-left .form-control:focus,
#sp-right .form-control:focus {
   color: var(--color-black);
   background-color: transparent;
   border-color: var(--color-black);
   outline: 0;
}

#sp-left span.icon-search,
#sp-right span.icon-search {
   font-size: 1.4rem;
   position: absolute;
   margin-top: 1.7rem;
}

#sp-left .sppb-icons-group-list li,
#sp-right .sppb-icons-group-list li {
   display: inline-block;
   width: 31.33%;
   margin-right: 2%;
}

#sp-left .sppb-icons-group-list,
#sp-right .sppb-icons-group-list {
   text-align: center;
}

#sp-left .sppb-icons-group-list li a,
#sp-right .sppb-icons-group-list li a {
   height: 5rem;
   width: 100%;
   margin-bottom: 0.8rem;
   line-height: 2.7 !important;
   padding: 0 !important;
   border: 2px solid;
}

#sp-left .sppb-addon-article,
#sp-right .sppb-addon-article {
   margin-bottom: 1.6rem;
}

#sp-left .categories a,
#sp-right .categories a {
   display: block;
   font-size: 1.6rem;
   color: var(--color-black);
   margin-bottom: 0.8rem;
}

#sp-left .categories a:hover,
#sp-right .categories a:hover {
   color: var(--color-primary);
}

#sp-left .categories a:before,
#sp-right .categories a:before {
   content: '\2d';
   margin-right: 0.5rem;
}

#sp-left .mod-tagspopular ul > li,
#sp-right .mod-tagspopular ul > li {
   display: inline-block;
   margin: 0 1rem 1.6rem 0;
   border-bottom: 0;
}

#sp-left .mod-tagspopular ul > li > a,
#sp-right .mod-tagspopular ul > li > a {
   display: inline;
   font-size: 1.6rem;
   padding: 0.5rem 0 !important;
   line-height: 1.2;
}

#sp-left .bg-info,
#sp-right .bg-info {
   background-color: var(--color-primary) !important;
}

#sp-left .badge,
#sp-right .badge {
   border-radius: 0;
}

#sp-left .sppb-addon-optin-forms,
#sp-right .sppb-addon-optin-forms {
   padding: 0 !important;
}

#sp-left .sppb-addon-optin-forms .sppb-btn,
#sp-right .sppb-addon-optin-forms .sppb-btn {
   display: inline-block;
   background-color: transparent;
   font-weight: 500;
   text-align: center;
   user-select: none;
   border: 2px solid var(--color-black);
   padding: 0 4.2rem 0 4.2rem;
   font-size: 1.4rem;
   border-radius: 0;
   height: 5.2rem;
   line-height: 3.6;
}

#sp-left .sppb-addon-optin-forms .sppb-btn:hover,
#sp-right .sppb-addon-optin-forms .sppb-btn:hover {
   opacity: 0.5;
}

#sp-left .sppb-addon-optin-forms .sppb-btn::after,
#sp-right .sppb-addon-optin-forms .sppb-btn::after {
   display: none;
}

/********************************************/
/* SEARCH
/********************************************/
#search-form .btn-primary.disabled,
#search-form .btn-primary:disabled {
   display: inline-block;
   background-color: transparent;
   color: var(--color-black);
   font-weight: 500;
   text-align: center;
   user-select: none;
   border: 2px solid var(--color-black);
   padding: 0 4.2rem 0 4.2rem;
   font-size: 1.4rem;
   border-radius: 0;
   height: 5rem;
   line-height: 3.6;
}

.tag-category .btn,
#search-form .btn {
   display: inline-block;
   background-color: transparent;
   color: var(--color-black);
   font-weight: 500;
   text-align: center;
   user-select: none;
   border: 2px solid var(--color-black);
   padding: 0 4.2rem 0 4.2rem;
   font-size: 1.4rem;
   border-radius: 0;
   height: 5rem;
   line-height: 3.6;
}

#search-form .form-select {
   display: block;
   width: 100%;
   padding: 0.375rem 3rem 0.375rem 2.4rem;
   font-size: 1.6rem;
   font-weight: 400;
   line-height: 1.5;
   margin-top: 0.5rem;
   color: var(--color-black);
   background-color: var(--color-white);
   background-repeat: no-repeat;
   background-position: right 0.75rem center;
   background-size: 16px 12px;
   border: 0;
   border-radius: 0.25rem;
}

#search-form select.form-control:not([multiple]),
#search-form select.inputbox:not([multiple]),
#search-form select:not([multiple]) {
   height: 6rem;
}

#search-form .control-group {
   margin-bottom: 2rem;
}

select.form-control:not([multiple]),
select.inputbox:not([multiple]),
select:not([multiple]) {
   height: 4.8rem;
}

.tag-category .form-select {
   padding: 1rem 2.4rem;
   -moz-padding-start: 1rem 2.4rem;
   font-size: 1.6rem;
   border: 0;
   border-radius: 0;
}

.tag-category .btn:last-child,
#search-form .btn:last-child {
   margin-left: 0.5rem;
}

.form-control:focus {
   color: var(--color-black);
   background-color: transparent;
   border-color: var(--color-black);
   outline: 0;
}

.finder .search-results.list-striped li {
   padding: 2.4rem;
   background-color: var(--color-white);
   margin-bottom: 1.6rem;
}

.list-striped li h4 {
   margin: 0.5rem 0;
   font-size: 0;
}

.tag-category .list-group-item {
   position: relative;
   display: block;
   padding: 2.4rem;
   color: var(--color-black);
   text-decoration: none;
   background-color: var(--color-white);
   border: 0;
   margin-bottom: 1.2rem;
}

.tag-category .list-group-item a {
   color: var(--color-black);
}

.tag-category .list-group-item a:hover {
   color: var(--color-primary);
}

/********************************************/
/* FORM
/********************************************/
input[type='text']:not(.form-control),
input[type='email']:not(.form-control),
input[type='url']:not(.form-control),
input[type='date']:not(.form-control),
input[type='password']:not(.form-control),
input[type='search']:not(.form-control),
input[type='tel']:not(.form-control),
input[type='number']:not(.form-control),
select:not(.form-select):not(.form-control),
.js-finder-search-query,
.sppb-form-control,
.sppb-form-group .sppb-form-control {
   display: block;
   width: 100%;
   padding: 1.4rem 2rem 1.4rem 1.2rem;
   font-size: 1.6rem;
   line-height: 1.25;
   color: var(--color-black);
   background-color: transparent;
   background-image: none;
   background-clip: padding-box;
   border-top: 0 solid;
   border-right: 0 solid;
   border-bottom: 2px solid;
   border-left: 0 solid;
   border-radius: 0;
}

input[type='text']:not(.form-control):focus,
input[type='email']:not(.form-control):focus,
input[type='url']:not(.form-control):focus,
input[type='date']:not(.form-control):focus,
input[type='password']:not(.form-control):focus,
input[type='search']:not(.form-control):focus,
input[type='tel']:not(.form-control):focus,
input[type='number']:not(.form-control):focus,
select:not(.form-select):not(.form-control):focus,
.js-finder-search-query {
   color: var(--color-black);
   background-color: transparent;
   border-color: var(--color-black);
   outline: 0;
}

.sppb-addon-form-builder .sppb-btn {
   display: inline-block;
   font-weight: 500;
   text-align: center;
   user-select: none;
   border: 2px solid var(--color-black);
   padding: 0 4.2rem 0 4.2rem;
   font-size: 1.4rem;
   border-radius: 0;
   height: 5.2rem;
   line-height: 3.6;
   margin-bottom: -0.2rem;
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}

.sppb-addon-form-builder .sppb-btn:hover {
   opacity: 0.8;
}

.sppb-addon-form-builder .sppb-btn::after {
   display: none;
}

.sppb-addon-form-builder .sppb-form-group {
   margin: 2.4rem 0;
}

/********************************************/
/* ADDON STYLE - FEATURE
/********************************************/
.sppb-addon-feature {
   background-color: var(--color-white);
   padding: 2.4rem;
}

.sppb-addon-feature img {
   width: 4rem;
   margin-bottom: 1.8rem;
}

.sppb-addon-feature h3 {
   font-size: 2rem;
}

.sppb-addon-feature .sppb-media-content .sppb-btn {
   margin: 1.6rem 0 0 0;
}

/********************************************/
/* BOTTOM
/********************************************/
#sp-bottom {
   padding: 3.2rem 0 1rem 0;
}

#sp-bottom,
#sp-bottom a {
   background-color: #495057;
   color: var(--color-white);
}

#sp-bottom a:hover,
#sp-bottom a:active,
#sp-bottom a:focus {
   color: var(--color-gray);
   opacity: 0.8;
}

#sp-bottom img {
   width: 12.8rem;
}

#sp-bottom .menu {
   display: flex;
   justify-content: center;
}

#sp-bottom .menu li a {
   color: var(--color-white) !important;
   font-size: 1.6rem;
   margin-right: 1.6rem;
   margin-bottom: 1.8rem;
}

#sp-bottom .menu li:last-child a {
   margin-right: 0;
}

#sp-bottom .menu li {
   list-style: none;
}

#sp-bottom .sppb-icons-group-list {
   text-align: center;
}

#sp-bottom .sppb-icons-group-list li {
   margin-right: 1.2rem;
   margin-bottom: 1.6rem !important;
}

#sp-bottom .sppb-icons-group-list li:last-child {
   margin-right: 0;
}

#sp-bottom .sppb-icons-group-list li a {
   height: 5rem;
   width: 5rem;
   line-height: 2.7;
   border: 2px solid;
}

/********************************************/
/* FOOTER
/********************************************/
#sp-footer {
   background-color: #343a40;
   color: var(--color-white);
}

#sp-footer a {
   color: var(--color-white);
}

#sp-footer a:hover,
#sp-footer a:active,
#sp-footer a:focus {
   color: var(--color-primary);
}

#sp-footer .container-inner {
   padding: 2.4rem 0;
   border-top: 0;
}

#sp-footer .copyright-text {
   font-family: var(--font-primary);
   font-size: 1.6rem;
   font-weight: 400;
   text-align: center;
}

/********************************************/
/* RESPONSIVE
/********************************************/
/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {
   html {
      font-size: 58%;
   }
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
   html {
      font-size: 52%;
   }
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
   html {
      font-size: 50%;
   }

   #sp-header,
   #sp-header.header-sticky,
   #sp-logo .logo {
      height: 8rem;
   }

   #sp-header.header-sticky ~ section#sp-main-body,
   #sp-header.header-sticky ~ section#sp-breadcrumbs {
      padding-top: 8rem;
   }

   #sp-main-body {
      padding: 8rem 0;
   }

   #sp-menu {
      display: flex;
      justify-content: end;
      order: 3;
   }

   .sppb-addon-text-block {
      width: 530px;
   }

   .sppb-carousel .sppb-item.sppb-item-has-bg .sppb-carousel-item-inner {
      padding: 0 0 2.4rem 3.2rem;
   }

   .article-style-01 .sppb-addon-article .sppb-article-img-wrap .sppb-img-responsive {
      height: 272px;
   }

   .article-style-02 .sppb-addon-article {
      margin-top: 3.2rem;
   }

   .article-style-02 .sppb-addon-article .sppb-meta-category {
      margin: 4.8rem 0 0 0;
   }

   .article-style-04 .sppb-addon-article .sppb-article-img-wrap,
   .article-style-08 .sppb-addon-article .sppb-article-img-wrap {
      max-width: 195px;
   }

   .article-style-05 .sppb-addon-article,
   .article-style-06 .sppb-addon-article,
   .article-style-07 .sppb-addon-article,
   .article-style-08 .sppb-addon-article {
      padding: 1.2rem;
   }

   .article-list .row > * {
      width: 50%;
   }

   .article-list .article {
      padding: 1.2rem;
   }

   .related-article-list {
      margin-bottom: 4.8rem !important;
   }

   .pagination-counter {
      margin-bottom: 4.8rem !important;
   }
}

/* Small devices (landscape phones 🎫, less than 768px) */
@media (max-width: 767.98px) {
   .article-style-01 .sppb-addon-article .sppb-article-img-wrap .sppb-img-responsive {
      height: inherit;
   }
}

/* X-Small devices (portrait phones 📱, less than 576px) */
@media (max-width: 575.98px) {
   #sp-top-bar #sp-top1 {
      text-align: center;
      margin-bottom: 1.2rem;
   }

   #sp-top-bar ul.sppb-icons-group-list > li a {
      font-size: 2.2rem;
   }

   #sp-top-bar ul.sppb-icons-group-list > li a:hover {
      opacity: 0.5;
   }

   #sp-top-bar #sp-top2 {
      display: flex;
      justify-content: end;
   }

   #sp-header,
   #sp-header.header-sticky,
   #sp-logo .logo {
      height: 8rem;
   }

   #sp-header.header-sticky ~ section#sp-main-body,
   #sp-header.header-sticky ~ section#sp-breadcrumbs {
      padding-top: 8rem;
   }

   #sp-main-body {
      padding: 8rem 0;
   }

   .hero h1,
   .hero h2,
   .hero .sppb-addon-content,
   .hero .sppb-icons-group-list {
      text-align: center;
   }

   .sppb-addon-text-block {
      width: 330px;
   }

   .article-style-01 .sppb-addon-article .sppb-article-img-wrap .sppb-img-responsive {
      height: auto;
   }

   .article-style-02 .sppb-addon-article {
      margin-top: 2.4rem;
   }

   .article-style-02 .sppb-addon-article .sppb-meta-category {
      margin: 4.8rem 0 0 0;
   }

   .article-style-04 .sppb-addon-article .sppb-article-img-wrap,
   .article-style-08 .sppb-addon-article .sppb-article-img-wrap {
      max-width: 100px;
   }

   .article-style-04 .sppb-addon-article .sppb-article-info-wrap,
   .article-style-08 .sppb-addon-article .sppb-article-info-wrap {
      padding: 0 2.4rem;
   }

   .article-style-04 .sppb-addon-article .sppb-article-introtext,
   .article-style-08 .sppb-addon-article .sppb-article-introtext {
      display: none;
   }

   .article-style-04 .sppb-addon-article .sppb-readmore,
   .article-style-08 .sppb-addon-article .sppb-readmore {
      display: none;
   }

   .sppb-nav-tabs > li {
      width: 100%;
   }

   .sppb-nav-tabs > li > a {
      width: 100%;
      margin-bottom: 1.2rem;
   }

   .awesomplete {
      width: 100%;
      margin-bottom: 1.2rem;
   }

   .view-search #search-form button,
   .view-search #search-form .btn {
      border-radius: 0;
      margin-top: 1px;
      width: 100%;
   }

   #search-form .btn:last-child {
      margin-left: 0;
      margin-top: 1.2rem;
   }

   .list-group {
      width: 100%;
   }

   .tag-category .form-select {
      margin: 1.2rem 0;
   }

   .article-list .row > * {
      width: 100%;
   }
}

/********************************************/
/* OTHERS
/********************************************/
img {
   width: 100%;
}

.fa,
.far,
.fas,
[class*=' icon-'],
[class^='icon-'] {
   font-family: 'Font Awesome 5 Free' !important;
}

.fab {
   font-family: 'Font Awesome 5 Brands' !important;
}

.navbar > .sppb-row-container {
   display: flex;
   flex-wrap: inherit;
   align-items: center;
   justify-content: space-between;
}

.row {
   margin-right: -15px;
   margin-left: -15px;
}

.row > * {
   position: relative;
   padding-right: 15px;
   padding-left: 15px;
}

@media (min-width: 576px) {
   .sppb-row-container {
      max-width: 540px;
   }
}
@media (min-width: 768px) {
   .sppb-row-container {
      max-width: 720px;
   }
}
@media (min-width: 992px) {
   .sppb-row-container {
      max-width: 960px;
   }
}
@media (min-width: 1200px) {
   .sppb-row-container {
      max-width: 1140px;
   }
}
@media (min-width: 1400px) {
   .sppb-row-container {
      max-width: 1320px;
   }
}