:root{
  --color-p:#3A8246!important;
  --color-s:#F9E00F!important;
  --color-t:#AF9330!important;
  --color-02:#265B0F!important;
  --color-gradient: linear-gradient(104.1deg, #9FCB3A 19.48%, #3AC8FF 81.61%)!important;
}

/* Reset */
html, body, table.table{color:#000000;}

/* Colors */
.color-p, .h-color-p:hover{color:var(--color-p)!important;}
.color-s, .h-color-s:hover{color:var(--color-s)!important;}
.color-t, .h-color-t:hover{color:var(--color-t)!important;}
.color-white, .h-color-white:hover{color:#ffffff!important;}
.color-black, .h-color-black:hover{color:#000000!important;}
.color-dark, .h-color-dark:hover{color:#989898!important;}
.color-gray, .h-color-gray:hover{color:#D4D4D4!important;}
.color-sgray, .h-color-sgray:hover{color:#EBEBEB!important;}
.color-01, .h-color-01:hover{color:#89B02E!important;}
.color-02, .h-color-02:hover{color:var(--color-02)!important;}
.color-03, .h-color-03:hover{color:#9C9C9C!important;}
.color-04, .h-color-04:hover{color:#767676!important;}
.color-05, .h-color-05:hover{color:#858585!important;}
.color-06, .h-color-06:hover{color:#979797!important;}
.color-07, .h-color-07:hover{color:#8589AB!important;}
.color-08, .h-color-08:hover{color:#815F00!important;}
.color-09, .h-color-09:hover{color:#333333!important;}
.color-10, .h-color-10:hover{color:#6D7788!important;}
.color-11, .h-color-11:hover{color:#767676!important;}
.color-12, .h-color-12:hover{color:#6C6C6C!important;}
.color-13, .h-color-13:hover{color:#8393A3!important;}
.color-14, .h-color-14:hover{color:#9D9D9D!important;}
.color-15, .h-color-15:hover{color:#888888!important;}
.color-16, .h-color-16:hover{color:#FFCB2E!important;}
.color-17, .h-color-17:hover{color:#C29107!important;}
.color-18, .h-color-18:hover{color:#9D7400!important;}
.color-19, .h-color-19:hover{color:#FFD232!important;}
.color-red, .h-color-red:hover{color:#D30000!important;}

.text-danger{color: #CC0000;}

.bg-transparent, .h-bg-transparent:hover{background:transparent!important;}
.bg-p, .h-bg-p:hover{background:var(--color-p)!important;}
.bg-s, .h-bg-s:hover{background:var(--color-s)!important;}
.bg-t, .h-bg-t:hover{background:var(--color-t)!important;}
.bg-white, .h-bg-white:hover{background:#ffffff!important;}
.bg-black, .h-bg-white:hover{background:#000000!important;}
.bg-dark, .h-bg-dark:hover{background:#989898!important;}
.bg-gray, .h-bg-gray:hover{background:#D4D4D4!important;}
.bg-sgray, .h-bg-sgray:hover{background:#EBEBEB!important;}
.bg-01, .h-bg-01:hover{background:#89B02E!important;}
.bg-02, .h-bg-02:hover{background:var(--color-02)!important;}
.bg-03, .h-bg-03:hover{background:#9C9C9C!important;}
.bg-04, .h-bg-04:hover{background:#B7B7B7!important;}
.bg-05, .h-bg-05:hover{background:#EDEDED!important;}
.bg-06, .h-bg-06:hover{background:#F0F0F0!important;}
.bg-07, .h-bg-07:hover{background:#EFEFEF!important;}
.bg-08, .h-bg-08:hover{background:#E8F0E9!important;}
.bg-09, .h-bg-09:hover{background:#EFF0F2!important;}
.bg-10, .h-bg-10:hover{background:#F2F2F2!important;}
.bg-11, .h-bg-11:hover{background:#FFF9E7!important;}
.bg-12, .h-bg-12:hover{background:#F3F3F3!important;}
.bg-13, .h-bg-13:hover{background:#CECECE!important;}
.bg-14, .h-bg-14:hover{background:#DFF0D8!important;}
.bg-15, .h-bg-15:hover{background:#F4F4F4!important;}
.bg-16, .h-bg-16:hover{background:#6B6B6B!important;}
.bg-17, .h-bg-17:hover{background:#FAFFED!important;}
.bg-18, .h-bg-18:hover{background:#F4F2ED!important;}
.bg-19, .h-bg-19:hover{background:#FFD232!important;}
.bg-20, .h-bg-20:hover{background:#F6F6F6!important;}
.bg-21, .h-bg-21:hover{background:#ceff6333!important;}
.bg-yellow, .h-bg-yellow:hover{background:#FCB913!important;}

.bcolor-p{border-color:var(--color-p)!important;}
.bcolor-s{border-color:var(--color-s)!important;}
.bcolor-t{border-color:var(--color-t)!important;}
.bcolor-white{border-color:#ffffff!important;}
.bcolor-black{border-color:#000000!important;}
.bcolor-dark{border-color:#989898!important;}
.bcolor-gray{border-color:#D4D4D4!important;}
.bcolor-sgray{border-color:#EBEBEB!important;}
.bcolor-danger{border-color:#FF0000!important;}
.bcolor-01{border-color:#E1E1E1!important;}
.bcolor-02{border-color:#C5C5C5!important;}
.bcolor-03{border-color:#FFCA35!important;}
.bcolor-04{border-color:#D9D9D9!important;}
.bcolor-05{border-color:#DFDFDF!important;}


.hover-underline-color-p a:hover {color: var(--color-p) !important;}


/* Buttons */
.btn.btn-p, .btn.btn-p:focus{color:#ffffff; background:var(--color-p); border-color:var(--color-p);}
.btn.btn-p:hover, .btn.btn-p:active{color:#ffffff; background: var(--color-t); border-color:var(--color-t);}

.btn.btn-t, .btn.btn-t:focus{color:#ffffff; background:var(--color-t); border-color:var(--color-t);}
.btn.btn-t:hover, .btn.btn-t:active{color:#ffffff; background: var(--color-p); border-color:var(--color-p);}

.btn.btn-01, .btn.btn-01:focus{color:#ffffff; background:#F4B50E; border-color:#F4B50E;}
.btn.btn-01:hover, .btn.btn-01:active{box-shadow:inset 0 0 0 100rem rgba(0,0,0,.10);}

.btn.btn-02, .btn.btn-02:focus{color:#ffffff; background:#1EADFF;}
.btn.btn-02:hover, .btn.btn-02:active{box-shadow:inset 0 0 0 100rem rgba(0,0,0,.10);}

.btn.btn-03, .btn.btn-03:focus{color:#ffffff; background:#C29107;}
.btn.btn-03:hover, .btn.btn-03:active{background: var(--color-02);}

.btn-collision{color:var(--color-02); border-color:var(--color-02) !important; background: #ffffff;}
.btn-collision.btn-p{color:#ffffff; border-color:var(--color-02) !important; background: var(--color-02) !important;}
.btn-collision.btn-p-2{color:#ffffff; border-color:var(--color-p) !important; background: var(--color-p) !important;}

.btn-collision::before{background:var(--color-p);}
.btn-collision::after{background:var(--color-p);}
.btn-collision:hover{color:#ffffff; border-color: var(--color-p) !important; background: transparent !important;}

.btn-collision.btn-p-2::before{background:var(--color-02) !important;}
.btn-collision.btn-p-2::after{background:var(--color-02) !important;}

.btn-collision.btn-p:hover{color:#ffffff; border-color: var(--color-p) !important; background: var(--color-02) !important;}
.btn-collision:hover path{fill:#ffffff;}

.btn-collision.btn-p-2:hover{color:#ffffff; border-color: var(--color-02) !important; background: var(--color-p) !important;}
.btn-collision:hover path{fill:#ffffff;}

.btn-collision.btn-white{color:#ffffff; border-color:#ffffff!important; background:transparent!important;}
.btn-collision.btn-white::before{background:#ffffff !important;}
.btn-collision.btn-white::after{background:#ffffff !important;}

.btn-collision.btn-white:hover{color:var(--color-p);}

.btn-collision.btn-t{color:#ffffff; border-color:var(--color-t)!important; background:var(--color-t)!important;}
.btn-collision.btn-t::before{background:var(--color-p)!important;}
.btn-collision.btn-t::after{background:var(--color-p)!important;}

.btn-collision.btn-t:hover{border-color:var(--color-p);}


.close-popup:hover div {
  background-color: var(--color-02);
}


/* Inputs */
input[type=text], input[type=email], input[type=password], input[type=date], input[type=tel], input[type=number], input[type=phone], input[type=submit], input[type=file], select, textarea {
  color: #000000;
  background: #ffffff;
  border-color: #CECECE;
}

.daterangepicker td.in-range {background-color: #3A824630;}
.daterangepicker td.active, .daterangepicker td.active:hover {background-color: var(--color-p);}


/* Form Check */
.form-check .checkmark {background-color:#ffffff; border-color: #000000;}
.form-check input:checked ~ .checkmark {background-color:#000000;}
.form-check .checkmark:after {border-color:#ffffff;}
.form-check.color-p .checkmark {background-color:#ffffff; border-color: var(--color-p);}
.form-check.color-p input:checked ~ .checkmark {background-color:var(--color-p);}

.form-check.style-02 .checkmark {background-color:#ffffff; border-color: var(--color-p) !important;}
.form-check.style-02 input:checked ~ .checkmark {background-color:var(--color-p);}

.form-check.radio .checkmark {border-color: #9D9D9D;}
.form-check.radio .checkmark:after {border-color: #008AEC;}
.form-check.radio input:checked ~ .checkmark {background-color: #ffffff; border-color: #008AEC;}


/* upload-container */
.upload-container{border-color:#CECECE; background:#ffffff;}


/* Validate */
form .error {border-color: #FF0000 !important;}
form label.error {color: #FF0000;}
form label.error ~ .checkmark {border-color: #FF0000 !important;}
/* Field invalid (vee-validate / complain form) */
input.field-invalid,
select.field-invalid,
textarea.field-invalid {
  border: 1px solid #FF0000 !important;
  border-color: #FF0000 !important;
}


/* Embed code */
.popup-embed .popup-close {
  color: #6B6B6B;
}
.popup-embed .embed-code {
  background: #F4F4F4;
  border-color: #D9D9D9;
  color: #000000;
}


/* Nav */
nav.topnav{background: #ffffff;}
nav.topnav .top::before{background: var(--color-p);}
nav.topnav .option.separator a::before{background: #D9D9D9;}
/* nav.topnav .flags .flag-item:hover, */
/* nav.topnav .flags .flag-item.active{color: var(--color-02) !important;} */
nav.topnav .flags .flag-item:hover{color: #9D6E00 !important;}
nav.topnav .flags .flag-item.active{color: #9D6E00 !important; font-weight: 700;}
nav.topnav .menu-container .menu{color:var(--color-02);}
nav.topnav .menu-container .menu.active,
nav.topnav .menu-container .menu:hover{color: #ffffff;}
nav.topnav .menu-container .glider{background: var(--color-p);}

nav.topnav .hamburger > * {background: var(--color-p);}

nav.topnav .topnav-dropdown .dropdown-wrapper:not(.dropdown-menu){background:#ffffff;}
nav.topnav .topnav-dropdown .submenu-block{border-color: rgba(3, 76, 189, 0.19);}
nav.topnav .topnav-dropdown .submenu-block:not(.submenu-block-sub) .menu-dropdown .title{color: var(--color-p);}
nav.topnav .topnav-dropdown .submenu-block .menu-dropdown:hover,
nav.topnav .topnav-dropdown .submenu-block .menu-dropdown.active{background: var(--color-p);}
nav.topnav .topnav-dropdown .submenu-block .menu-dropdown:hover .title,
nav.topnav .topnav-dropdown .submenu-block .menu-dropdown.active .title,
nav.topnav .topnav-dropdown .submenu-block .menu-dropdown:hover .desc,
nav.topnav .topnav-dropdown .submenu-block .menu-dropdown.active .desc{color: #ffffff !important;}
nav.topnav .topnav-dropdown .submenu-block:not(.submenu-block-sub) .menu-dropdown:hover .title,
nav.topnav .topnav-dropdown .submenu-block:not(.submenu-block-sub) .menu-dropdown.active .title {color: #FFC90C !important;}


nav.topnav .topnav-dropdown .dropdown-wrapper.dropdown-menu .submenu-container{background:#ffffff;}
nav.topnav .dropdown-wrapper.dropdown-menu .submenu:not(:last-child)::before{background:#E1E1E1;}
nav.topnav .dropdown-wrapper.dropdown-menu .submenu > .wrapper .circle {color: var(--color-p);}
nav.topnav .dropdown-wrapper.dropdown-menu .submenu > .wrapper:hover,
nav.topnav .dropdown-wrapper.dropdown-menu .submenu > .wrapper.active{background: var(--color-p); color:#ffffff;}
nav.topnav .dropdown-wrapper.dropdown-menu .submenu > .wrapper:hover .circle,
nav.topnav .dropdown-wrapper.dropdown-menu .submenu > .wrapper.active .circle{color:#ffffff;}

.leftside-menu .simplebar-wrapper {background: #F6F6F7;}


@media screen and (max-width:1199.98px){
  nav.topnav > .bottom .wrapper{background:#ffffff !important;}
}


/* Accessibility */
nav.side-panel .icon{background: var(--color-p); fill:#ffffff;}
nav.side-panel > .wrapper > .icon:hover{background:var(--color-s);}
nav.side-panel.active > .wrapper > .icon{background:linear-gradient(140.71deg, var(--color-s) 0%, #F9E00F 98.27%);}
nav.side-panel .panel-row{background:#ffffff; color:#000000; border-color:#0A112B;}
nav.side-panel .panel-row:nth-child(odd){background:#f2f2f2;}
nav.side-panel .panel-row:first-child{background:#ffffff; color:#000000;}
nav.side-panel .option:not(.btn-cursor):hover,
nav.side-panel .option:not(.btn-cursor).active nav.side-panel .option{color:#000000;}
nav.side-panel .option:not(.btn-cursor):hover, nav.side-panel .option:not(.btn-cursor).active{
  background:var(--color-s); color:#303030; fill:#303030;
}

nav.side-panel .hamburger > * {background:#ffffff;}


/* Sidenav */
nav.sidenav{background:#ffffff;}
nav.sidenav .hamburger > * {background: #6B6B6B;}
nav.sidenav .menu > *:first-child{color:var(--color-02);}
nav.sidenav .menu:hover > *:first-child,
nav.sidenav .menu.active > *:first-child{color:#ffffff; background:var(--color-p);}

nav.sidenav .submenu > *:first-child,
nav.sidenav .submenu:hover > *:first-child,
nav.sidenav .submenu.active > *:first-child{background:var(--color-t); color:#ffffff;}
/* nav.sidenav .submenu.active > *:first-child{color:var(--color-s);} */
nav.sidenav .submenu .submenu > *:first-child{background: #D9D9D9; color:#000000;}
nav.sidenav .dropdown-toggle{color:var(--color-p);}
nav.sidenav .dropdown-toggle.active,
nav.sidenav .menu.active .dropdown-toggle,
nav.sidenav .menu.active .dropdown-toggle.active,
nav.sidenav .menu:hover .dropdown-toggle,
nav.sidenav .submenu.active .dropdown-toggle.active{color:#ffffff !important;}


nav.sidenav .option > .dropdown .flag-wrapper:hover{background:#e1e1e1;}
nav.sidenav .options > .option-btn:hover > a{color:#14206a;}


/* Nav Custom */
.navbar-custom {background-color: var(--color-02);}
.leftside-menu .logo-container {background-color: var(--color-p);}
.leftside-menu .logo-container::before{background: linear-gradient(90deg, #AF9330 0%, rgba(175, 147, 48, 0) 100%);}
.leftside-menu .menu .menu-item.active,
.leftside-menu .menu .menu-item:hover {
  background-color: var(--color-p);
  color: #ffffff;
}
.leftside-menu .menu .menu-item.active .icon svg path,
.leftside-menu .menu .menu-item:hover .icon svg path {
  fill: #ffffff;
}
.leftside-menu .menu .menu-item:last-child::before {
  background: #F6F6F7;
}


/* Global Search */
.global-search-container .search-bg{
  background: rgba(21, 54, 6, 0.9);
  backdrop-filter: blur(20px)
}
.global-search-container .hamburger > * {background: #ffffff;}
.global-search-container .input-inner input {
  background: transparent!important;
  border-color: rgba(157, 157, 157, 0.4)!important;
  color: var(--color-s)!important;
}
.global-search-container input[type=text]::placeholder {color:var(--color-s)!important;}
.global-search-container .input-inner input::placeholder{color:#ffffff;}


/* Banner */
.banner-01 {border-color: var(--color-p) !important;}
.banner-01 .arrows > .arrow{background:rgba(255, 255, 255, .49); color:var(--color-p); border-color: var(--color-p);}
.swiper-pagination-bullet-active {background: var(--color-p);}


/* Section */
.section-02 .panel-left {background: linear-gradient(180deg, #EFEFEF 0%, #EFEFEF50 100%);}

.section-04 .swiper-pagination .swiper-pagination-bullet{background:#D9D9D9;}
.section-04 .swiper-pagination .swiper-pagination-bullet-active{background: var(--color-p);}


/* Breadcrumb 01 */
.breadcrumb-01 .link-wrapper .link .line {
  background: var(--color-p);
}
.breadcrumb-01 .link-wrapper .link:last-child .menu {
  color: var(--color-p) !important;
}
.breadcrumb-01.style-02 .link-wrapper .link:last-child .menu {
  color: var(--color-02) !important;
}

/* Breadcrumb 02 */
.breadcrumb-02 .link-wrapper .link .line {
  background: #000000;
}
.breadcrumb-02 .link-wrapper .link:nth-last-child(2) .line {background: var(--color-p);}
.breadcrumb-02 .link-wrapper .link:last-child .menu {
  color: var(--color-p) !important;
}

.breadcrumb-02.style-02 .link-wrapper .link:last-child .menu {
  color: var(--color-02) !important;
}

/* Breadcrumb 03 */
.breadcrumb-03 .link-wrapper .link:last-child .menu {
  color: var(--color-02) !important;
}
.breadcrumb-03 .link-wrapper .link .line {background: var(--color-02);}


/* Tabs */
.tabs.tabs-01 .tab .title{color:var(--color-02);}
.tabs.tabs-01 .tab.active .title,
.tabs.tabs-01 .tab:hover .title{color:#000000;}
.tabs.tabs-01 ~ .body .tab-contents{background:#EDF3EE;}
@media screen and (max-width: 575.98px) {
  .tabs.tabs-01 .tab.active .title,
  .tabs.tabs-01 .tab:hover .title{color:#ffffff;}
  .tabs.tabs-01 .glider{background: var(--color-02);}
}

.tabs.tabs-02 .tab.active{background: var(--color-p) !important; border-color: transparent !important; color: #ffffff;}

.tabs.tabs-03,
.tabs.tabs-03 .tab::before {border-color: #E1E1E1 !important;}
.tabs.tabs-03 .tab.active,
.tabs.tabs-03 .tab:hover {background: var(--color-p); border-color: transparent !important; color: #ffffff;}
.tabs.tabs-03 .tab.active svg path,
.tabs.tabs-03 .tab:hover svg path{fill: #ffffff;}
.tabs.tabs-03 .tab .sub-icon {color: var(--color-p);}
.tabs.tabs-03 .tab:hover .sub-icon {color: #ffffff;}

.tabs.tabs-04 .tab{color: var(--color-p);}
.tabs.tabs-04 .tab.active::before {background-color: var(--color-p);}


/* ss card */
.ss-card-01::before{background:var(--color-p);}
.ss-card-01:hover svg{filter: brightness(0) invert(1);}
.ss-card-01:hover .icon-container{color:#ffffff;}
.ss-card-01:hover .title{color:#ffffff;}

.ss-card-02{background: #ffffff;}

.ss-card-03{background: #ffffff;}
.ss-card-03:hover{background: var(--color-p);}
.ss-card-03:hover .title,
.ss-card-03:hover .desc,
.ss-card-03:hover .ss-stats{color: #ffffff !important;}
.ss-card-03:hover .ss-stats path{fill: #ffffff;}
.ss-card-03:hover .img-date {background: var(--color-t) !important;}


.ss-card-04{background: #ffffff;}

.ss-card-05{background: #ffffff;}
.ss-card-05:hover{background: var(--color-p);}
.ss-card-05:hover .title,
.ss-card-05:hover .desc,
.ss-card-05:hover .ss-stats{color: #ffffff !important;}
.ss-card-05:hover .ss-stats path{fill: #ffffff;}
.ss-card-05:hover .img-date,
.ss-card-05:hover .stat.date .title {background: var(--color-t) !important;}
.ss-card-05:hover .text-container .weblink {color: var(--color-s) !important;}

.ss-card-05.style-04{background:transparent;}
.ss-card-05.style-04:hover{background: var(--color-p);}
.ss-card-05.style-04:not(.color-black) .title,
.ss-card-05.style-04:not(.color-black) .desc,
.ss-card-05.style-04:not(.color-black) .ss-stats{color: #ffffff !important}

.swiper-highlight .ss-card-06:hover {
  background: var(--color-p) !important; color: #ffffff;
}
.swiper-highlight .ss-card-06:hover .text-container .icon {
  filter: brightness(0) invert(1);
}
.ss-card-06 .read-more {color: var(--color-p);}
.swiper-highlight .ss-card-06:hover .read-more span {color: #ffffff !important;}
.swiper-highlight .ss-card-06:hover .read-more img {filter: brightness(0) invert(1);}
/* .ss-card-06:hover .read-more {color: var(--color-t);}
.ss-card-06:hover .read-more path {fill: var(--color-t);} */

.swiper-highlight .swiper[data-item="1.5"] .swiper-slide:not(.swiper-slide-active) .ss-card {
  background: linear-gradient(270deg, #89b02e80 0%, rgba(38, 91, 15, 0) 50%, #89b02e80 100%);
}
.ss-card-07:hover {
  background: #3A8246; color: #ffffff;;
}
.ss-card-07:hover .stat.date .title{background: var(--color-t) !important;}
.ss-card-07:hover .ss-stats path{fill: #ffffff;}
.ss-card-07:hover .btn {border-color: #ffffff !important; color: #ffffff !important;}
.ss-card-07:hover .btn path {fill: #ffffff !important;}
.ss-card-07 .btn.btn-collision:hover {border-color: var(--color-t) !important; background: transparent !important;}
.ss-card-07:hover .btn.btn-collision::before {background: var(--color-t) !important;}
.ss-card-07:hover .btn.btn-collision::after {background: var(--color-t) !important;}

.filter-01{background-color: rgba(58, 130, 70, .7);}

.ss-card-08:hover {background: var(--color-02);}


/* Table */
table.table.table-01 tr{background: #ffffff;}
table.table.table-01 .box-bg{background: var(--color-p);}
table.table.table-01 .head-title{color: var(--color-02);}
table.table.table-01 tr:hover{background: var(--color-p);}
table.table.table-01 tr:hover .head-title{color: var(--color-s);}
table.table.table-01 tr:hover .title{color: #ffffff;}
table.table.table-01 tr:hover .box-bg{background: #ffffff;}
table.table.table-01 tr:hover path{fill: var(--color-p);}
table.table.table-01 tr:hover .ss-stats{color: var(--color-t) !important;}
table.table.table-01 tr:hover .ss-stats path{fill: var(--color-02);}
/* table.table.table-01 tr:hover .ss-stats .stat.bg-02{background: #ffffff !important; color: var(--color-02) !important;} */
table.table.table-01 tr:hover .ss-stats .stat.date .title{background: var(--color-t) !important; color: #ffffff !important;}
table.table.table-01 tr .ss-stats .stat.broken .title {color: var(--color-02) !important;}
table.table.table-01 tr:hover .ss-stats .stat.broken .title {color: #ffffff !important; background: transparent;}
table.table.table-01 tr:hover .btn-arrow path{fill: #ffffff;}
table.table.table-01 tr:hover .btn-arrow path{fill: #ffffff;}
table.table.table-01 tr:hover .btn-arrow rect{stroke: #ffffff;}



table.table.table-01.style-02 tr{background: #F4F4F4;}
table.table.table-01.style-02 tr:hover{background: var(--color-p);}
table.table.table-01.style-02 tr:hover .title{color: #ffffff;}
table.table.table-01.style-02 tr:hover .btn-arrow path{fill: #ffffff;}
table.table.table-01.style-02 tr:hover .ss-stats{color: #ffffff !important;}
table.table.table-01.style-02 tr:hover .ss-stats path{fill: #ffffff;}
table.table.table-01.style-02 tr:hover .ss-stats a {color: #ffffff !important;}
/* table.table.table-01.style-02 tr:hover .ss-stats .stat.date{background: var(--color-t) !important; color: #ffffff !important;} */


table.table.table-01.style-03 tr{background: #F4F4F4;}
table.table.table-01.style-03 tr td.file-container .icon {background: var(--color-p);}
.style-03 .content.active .plus-toggle, 
.style-03 .content:hover .plus-toggle, tr:hover .plus-toggle {
  border-color: var(--color-p) !important;
}
.style-03 .content.active .plus-toggle div, 
.style-03 .content:hover .plus-toggle div, 
.table-03 tr:hover .plus-toggle div {
  background-color: var(--color-p) !important;
}

.plus-toggle {border-color: var(--color-p) !important;}
.plus-toggle div {background-color: var(--color-p);}
.content.active .plus-toggle,
.content:hover .plus-toggle,
tr:hover .plus-toggle {border-color: #ffffff !important;}
.content.active .plus-toggle div,
.content:hover .plus-toggle div,
tr:hover .plus-toggle div {background-color: #ffffff;}


.table.table-02 tr {background: #F4F4F4;}

table.table-03 tr td.file-container .icon {background: var(--color-p);}
table.table.table-03 tr > td.btn-container .btn-toggle {border-color: var(--color-p);}
table.table-03 tr:hover .ss-stats .stat.date-between .title {color: #ffffff !important;}


/* FAQ */
.faq-01 .content {background: #F4F4F4;}
.faq-01 .content.active,
.faq-01 .content:hover {background: var(--color-p);}
.faq-01 .content.bg-white table.table.table-01.style-03 tr {
  background: #ffffff;
}
.faq-01 .content.active table.table.table-01.style-03 tr,
.faq-01 .content:hover table.table.table-01.style-03 tr {
  background: var(--color-p); color: #ffffff;
}
.faq-01 .content:hover .wrapper tr .title,
.faq-01 .content:hover .wrapper tr .ss-stats,
.faq-01 .content.active .wrapper tr .ss-stats,
.faq-01 .content .wrapper table.table.table-01 tr:hover .ss-stats,
.faq-01 .content .wrapper table.table.table-01 tr:hover .ss-stats a,
.faq-01 .content.active .wrapper table.table.table-01 tr .ss-stats a,
.faq-01 .content:hover .wrapper table.table.table-01 tr .ss-stats a {color: #ffffff !important;}
.faq-01 .content.active .wrapper tr .ss-stats path,
.faq-01 .content:hover .wrapper tr .ss-stats path,
.faq-01 .content .wrapper table.table.table-01 tr:hover .ss-stats path {fill: #ffffff;}
.faq-01 .content.active .wrapper tr .ss-stats .stat.date .title,
.faq-01 .content:hover .wrapper tr .ss-stats .stat.date .title {background: var(--color-t) !important;}
.faq-01 .content.active .wrapper tr .ss-stats .stat .title {color: #ffffff !important;}
.faq-01 .content.active .wrapper tr .ss-stats .stat .icon img {filter: brightness(0) invert(1);}
.faq-01 .content.active .wrapper td.file-container .icon,
.faq-01 .content:hover .wrapper td.file-container .icon {background: #ffffff !important;}
.faq-01 .content.active .wrapper td.file-container .icon path {fill: var(--color-p);}
.faq-01 .content.active .wrapper .btn-toggle,
.faq-01 .content:hover .wrapper .btn-toggle {border-color: #ffffff !important;}
.faq-01 .content.active .wrapper .btn-toggle path,
.faq-01 .content:hover .wrapper .btn-toggle path{fill: #ffffff;}

.faq-01.style-03 .content.active, 
.faq-01.style-03 .content:hover {background: #F4F4F4;}

.faq-01.style-04 table.table.table-01.style-03 tr {
  border-color: #ffffff;
  background: var(--color-p);
}
.faq-01.style-04 .content.bg-white table.table.table-01.style-03 tr {
  background: var(--color-p);
}
.faq-01.style-04 table.table.table-01 .title {color: #ffffff;}


/* Contact */
.contact-list .item::before{border-color: #D9D9D9 !important;}


/* Footer */
nav.footer .footer-bottom{background: var(--color-p);}


/* Cookie Consent */
.cookie-banner{background: #ffffff; color: #000000; border-color: var(--color-p);}

/* Swiper */
.swiper .swiper-pagination-bullet-active{background: var(--color-p);}

/* List Header */
.list-header .option .dropdown-icon {color: var(--color-p);}
.list-header .option .icon-view {background-color: #F3F3F3;}
.list-header .option .icon-view.active,
.list-header .option .icon-view:hover {background-color: var(--color-p);}
.list-header .option .icon-view svg path {fill: var(--color-p);}
.list-header .option .icon-view.collapse svg path,
.list-header .option .icon-view.expand svg path {stroke: var(--color-p);}
.list-header .option .icon-view:hover path,
.list-header .option .icon-view.active svg path {fill: #ffffff;}
.list-header .option .icon-view.collapse:hover svg path,
.list-header .option .icon-view.collapse.active svg path,
.list-header .option .icon-view.expand:hover svg path,
.list-header .option .icon-view.expand.active svg path {stroke: #ffffff;}

/* Pagination */
.paginate .page {color:#9D9D9D;}
.paginate .page.active,
.paginate .page:hover {background-color:var(--color-p); color:#ffffff;}
.paginate .arrow {color: #9D9D9D;}
.paginate .arrow.disabled {color: #9d9d9d30;}


/* Card */
.card.sub-card::before {border-color: #9D9D9D !important;}
.card-footer {border-color: #E1E1E1 !important;}
.popup-comment .items .item:hover {background: #3A824630;}


/* Comment Popup */
.menu-user-account .popup-comment .item::before {
  background: #E1E1E1;
}
.menu-user-account .popup-comment .item.acitve,
.menu-user-account .popup-comment .item:hover {color: #ffffff;}
.menu-user-account .popup-comment .item:hover::after {
  background: var(--color-02);
}


/* Rating Container */
.rating-option{border-color:#cccccc;}
.rating-option.active{border-color:var(--color-p); background:var(--color-p); color: #ffffff;}
.rating-option label::before{border-color:#d8d8d8;}
.rating-option.result p {color:var(--color-p);}
.rating-option.result .bg-color{background:#D7EEDA;}


/* Circle Number */
.circle-number > li::before {background: var(--color-p); color: #ffffff;}


/* Step Line */
.step-list .step::after {background: #9D9D9D;}
.step-list .step.active::after {background: var(--color-p);}
.step-list .step > .circle {background: #9D9D9D; color: #ffffff;}
.step-list .step.active > .circle {background: var(--color-p);}


/* intro */
.intro-01 .intro-footer::before {
  background: linear-gradient(90deg, #3A8246 -0.33%, rgba(58, 130, 70, 0.8) 46.53%, rgba(58, 130, 70, 0) 80.56%);
}

/* Preloader */
.preloader > .wrapper .loader {background: var(--color-p);}
.preloader > .wrapper .slide-left::before {background: var(--color-s);}


/* Profressional */
.perfressional-highlight .profile-detail::before {
  background-color: #000000;
  opacity: 0.8;
}
.perfressional .position {color: #B2E934;}
.perfressional-lists .item .image::before {background: #ffffff;}
.perfressional-lists .item.active .image::before {
  background: linear-gradient(317.17deg, #265B0F 0%, #9FCB3A 93.57%);
}


/* Password Level */
.password-level > .levels > *{border-color:#d5d5d5; background:#F2F2F2;}
.password-level.level-1 > .levels > *:nth-child(1){
  background:#ff0000; border-color:#ff0000;
}
.password-level.level-1 .text{color:#ff0000;}

.password-level.level-2 > .levels > *:nth-child(1),
.password-level.level-2 > .levels > *:nth-child(2){
  background:#ff7e00; border-color:#ff7e00;
}
.password-level.level-2 .text{color:#ff7e00;}
.password-criteria .criteria-item.valid::before{color: #00861F;}


/* Mini box */
.mini-box-toggle .content .wrapper {
  background-color: #F6F6F6;
  color: var(--color-p);
}
.mini-box-toggle .content.active .wrapper {
  background-color: var(--color-p);
  color: #ffffff;
}
.mini-box-toggle .content .answer::-webkit-scrollbar-track{background: #EDF1FF;}
.mini-box-toggle .content .answer::-webkit-scrollbar-thumb{background:var(--color-p);}


/* Satisfaction Score */
.rating-circle .circle {
  background-color: #E4E4E4;
  color: #ffffff;
}
.rating-circle input:checked ~ .circle {
  background-color: #31BBAC;
}


/* Timeline */
.timeline::before{
  background-color: var(--color-p);
}
.timeline .item::before,
.timeline::after {
  background-color: #F4F2ED;
}

.timeline.style-02::before {
  background-color: var(--color-02);
}


/* List item pattern */
.list-item-pattern::before {
  background-color: #ffffff;
}
.list-item-pattern .item {
  border-color: var(--color-p) !important;
}
.list-item-pattern .item .title .head,
.list-item-pattern .item .detail .list .marker {
  color: var(--color-p);
}
.list-item-pattern .item .title .sub {
  color: #C29107;
}


/* Card Ribbon */
.card-ribbon .text-container {
  background-color: var(--color-p);
}
.card-ribbon .text-container::before {
  background-color: var(--color-p);
}
.card-ribbon .text-container::after {
  background-color: #265B0F;
}


/* CIF Table Styles */
.cif-table thead th,
.cif-table tfoot td {
  color: #ffffff;
  border-color: #ffffff;
  background-color: var(--color-p);
}
.cif-table thead th.th-dec-sub,
.cif-table tfoot td.th-dec-sub {
  background-color: #13305A;
}
.cif-table thead th.th-year-sub,
.cif-table tfoot td.th-year-sub {
  background-color: #AF9330;
}
.cif-table tbody td {
  border-color: #ffffff;
}
.cif-table tbody tr:nth-child(odd) {
  background-color: #F8F8F8;
}
.cif-table tbody tr:nth-child(even) {
  background-color: #E6E6E6;
}