/*--------------------------------------------------------------
# Root
--------------------------------------------------------------*/
:root {
  --primary: #464d59; /* #0d768b #dc4639 */ --secondary: #ea1d23; --success: #0d768b; --info: #ea1d23; --warning: #ffc61d; --danger: #f1666f; --light: #F7ECE1; --dark: #fafafa; --link: #ea1d23; --line: #ddd; --text : #444444; --text-bold : #000000; --text-meuted : #5a6268;

  /* Main darker Var */
  --primary-darker: #303b4f; --secondary-darker: #fb0008; --success-darker: #005668; --info-darker: #fb0008; --warning-darker: #ce9a00; --danger-darker: #ea0007; --light-darker: #ecd9c6; --dark-darker: #878686; --link-darker: #fb0008; --line-darker: #ced4da; --text-darker : #212529; --text-bold-darker : #000000; --text-meuted-darker : #5a6268;
  
  /* Main darker Var */
  --primary-lighter: #656e7c; /* #0d768b #dc4639 */ --secondary-lighter: #ff1d24; --success-lighter: #099cb9; --info-lighter: #ff1d24; --warning-lighter: #ffda6a; --danger-lighter: #faf7f4; --light-lighter: #f8fafd; --dark-lighter: #c2c1c1; --link-lighter: #ff1d24; --line-lighter: #dfdfdf; --text-lighter : #212529; --text-bold-lighter : #000000; --text-meuted-lighter : #5a6268;

  --text-primary-color: #444;
  --text-secondary-color: #1d467a;
  --text-section-title-color: var(--primary-darker);
  --text-section-paragraph-color: #444444;
  --text-normal-color: #444444;
  --text-bolder-color: #000000;
  --text-lighter-color: #444444;

  --nav-menu-links-color: #5f6368;
  --nav-menu-links-hover-color: var(--secondary);
  --nav-menu-links-selected-color: var(--primary);

  --link-primary-color: #dc4639;
  --link-hover-primary-color: #0a4587;
  --link-selected-primary-color: #e00816;

  --link-secondary-color: #0a4587;
  --link-hover-secondary-color: #dc4639;
  --link-selected-secondary-color: #1d6b32;
}



/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
color: var(--text-normal-color);
}

.ltr{direction: ltr !important;}

.rtl{direction: rtl !important;}

h1{font-size: 2.5rem;}

h2{font-size: 2rem;}

h3{font-size: 1.21rem;}


@media only screen and (max-width: 768px){
  h2{font-size: 2rem;}

  h2{font-size: 1.665rem;}

  h3{font-size: 1.13rem;}
}
a {color: var(--link);text-decoration: none;}
a:hover {color: var(--link-lighter);}
a:focus {color: var(--link-lighter);}

a svg {fill: var(--link)}
a:hover svg {fill: var(--link-lighter)}
a:focus svg {fill: var(--link-lighter)}

.a-hover-underline:hover{text-decoration: underline !important;}

.a-hover-underline-with-icon:hover > .link-title{text-decoration: underline !important;}

.a-primary {
  cursor: pointer !important;
  color: var(--link-primary-color);
}

.a-primary:hover {
  color: var(--link-hover-primary-color);
}

.a-primary:focus {
  color: var(--link-hover-primary-color) !important;
}

.a-secondary {
  color: var(--link-secondary-color);
  cursor: pointer !important;
}

.a-secondary:hover {
  color: var(--link-hover-secondary-color);
}

.a-secondary:focus {
  color: var(--link-hover-secondary-color) !important;
}

.a-primary-important {
  color: var(--link-primary-color) !important;
}

.a-primary-important:hover {
  color: var(--link-hover-primary-color) !important;
}

.a-primary-important:focus {
  color: var(--link-hover-primary-color) !important;
}

.a-secondary-important {
  color: var(--link-secondary-color) !important;
}

.a-secondary-important:hover {
  color: var(--link-hover-secondary-color) !important;
}

.a-secondary-important:focus {
  color: var(--link-hover-secondary-color) !important;
}

.a-secondary-with-icon {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  color: var(--secondary);
}

.a-secondary-with-icon i{
color: var(--primary);
}

.a-secondary-with-icon:hover {
color: var(--primary);
}

.a-secondary-with-icon:hover > i {
color: var(--secondary);
}

.a-primary-with-icon {
display: flex !important;
justify-content: flex-start !important;
align-items: center !important;
color: var(--primary);
}

.a-primary-with-icon i{
color: var(--secondary);
}

.a-primary-with-icon:hover {
color: var(--secondary);
}

.a-primary-with-icon:hover > i {
color: var(--primary);
}

.a-ul-secondary-with-icon {
display: flex !important;
justify-content: flex-start !important;
align-items: center !important;
color: var(--secondary);
}

.a-ul-secondary-with-icon span{
text-decoration: underline;
}

.a-ul-secondary-with-icon i{
color: var(--primary);
}

.a-ul-secondary-with-icon:hover {
color: var(--primary);
}

.a-ul-secondary-with-icon:hover > i {
color: var(--secondary);
}

.a-ul-primary-with-icon {
display: flex !important;
justify-content: flex-start !important;
align-items: center !important;
color: var(--primary);
}

.a-ul-primary-with-icon span{
text-decoration: underline;
}

.a-ul-primary-with-icon i{
color: var(--secondary);
}

.a-ul-primary-with-icon:hover {
color: var(--secondary);
}

.a-ul-primary-with-icon:hover > i {
color: var(--primary);
}

.a-darck-secondary-with-icon {
display: flex !important;
justify-content: flex-start !important;
align-items: center !important;
color: #ffffff;
}

.a-darck-secondary-with-icon i{
color: var(--secondary-lighter);
}

.a-darck-secondary-with-icon:hover {
color: var(--secondary);
}

.a-darck-secondary-with-icon:hover > i {
color: #ffffff;
}

.a-darck-primary-with-icon {
display: flex !important;
justify-content: flex-start !important;
align-items: center !important;
color: #ffffff;
}

.a-darck-primary-with-icon i{
color: var(--secondary-lighter);
}

.a-darck-primary-with-icon:hover {
color: var(--primary);
}

.a-darck-primary-with-icon:hover > i {
color: #ffffff;
}

.a-ul-darck-secondary-with-icon {
display: flex !important;
justify-content: flex-start !important;
align-items: center !important;
color: #ffffff;
}

.a-ul-darck-secondary-with-icon span{
text-decoration: underline;
}

.a-ul-darck-secondary-with-icon i{
color: var(--primary-lighter);
}

.a-ul-darck-secondary-with-icon:hover {
color: var(--primary-lighter);
}

.a-ul-darck-secondary-with-icon:hover > i {
color: #ffffff;
}

.a-ul-darck-primary-with-icon {
display: flex !important;
justify-content: flex-start !important;
align-items: center !important;
color: #ffffff;
}

.a-ul-darck-primary-with-icon span{
text-decoration: underline;
}

.a-ul-darck-primary-with-icon i{
color: var(--secondary-lighter);
}

.a-ul-darck-primary-with-icon:hover {
color: var(--primary);
}

.a-ul-darck-primary-with-icon:hover > i {
color: #ffffff;
}

.a-ul {
text-decoration: underline;
}

.a-ul-active {
text-decoration: underline;
}

.hover-primary-color:hover {
color: var(--text-primary-color) !important;
}

.hover-secondary-color:hover {
color: var(--text-secondary-color) !important;
}

.build {
font-weight: bold;
}

.ul-hover:hover {
text-decoration: underline !important;
}

.none-ul-hover:hover {
text-decoration: none !important;
}

.w-max{width: max-content !important;}
.w-min{width: min-content !important;}
.minw-100{min-width: 100% !important;}
.maxw-100{min-width: 100% !important;}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header{background: #ffffff; border-bottom: solid 1px var(--line); border-radius: 0px 0px 15px 15px;}

@keyframes header_transparent_navbar_show {0% {opacity: 1;} 100% {background: #ffffff;}}
#header.navbar-show{animation: header_transparent_navbar_show 0.26s ease-in-out 0s forwards !important;}
#header .navbar-toggler i{color: var(--primary); transition: all 0.30s ease;}

#header .language-dropdown-menu .dropdown-item.active, #header .language-dropdown-menu .dropdown-item:focus{background: var(--info);}
@media (max-width: 991px) {#header .navbar.navbar-expand-lg .navbar-collapse .navbar-nav{max-height: calc(100vh - 148px) !important; overflow-x: auto !important;} #header .navbar.navbar-expand-lg .nav-item.dropdown .dropdown-menu{border: none !important;} #header .navbar.navbar-expand-lg .nav-item.dropdown .dropdown-menu .dropdown-item.active, #header .navbar.navbar-expand-lg .nav-item.dropdown .dropdown-menu .dropdown-item:hover, #header .navbar.navbar-expand-lg .nav-item.dropdown .dropdown-menu .dropdown-item:focus{background: transparent !important; color: var(--info) !important;}}
#header .navbar.navbar-expand-lg .navbar-collapse .foter-mobile-social .follow-us svg{height: 1.3em !important;}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show{--bs-navbar-active-color: var(--secondary-darker) !important}
.navbar-nav .nav-link:hover{color: var(--secondary) !important;}
html {scroll-padding-top: 66.8px;}
@media (max-width: 991px){html {scroll-padding-top: 66px;}}
#header .navbar-expand-lg .nav-item.dropdown .dropdown-menu{border-top: solid 2px var(--secondary); border-top-left-radius: 0px !important; border-top-right-radius: 0px !important;}







/* #header{background: #ffffff;}

@keyframes header_transparent_navbar_show {0% {opacity: 1;} 100% {background: #ffffff;}}
#header.transparent.navbar-show{animation: header_transparent_navbar_show 0.30s ease-in-out 0s forwards !important;}
@keyframes header_transparent_navbar_collapsed {0% {background: #ffffff;} 100% {background: transparent;}}
#header.transparent.navbar-collapsed{animation: header_transparent_navbar_collapsed 0.30s ease-in-out 0s forwards !important;}

@keyframes header_transparent_navbar_show__logo_transparent {0% {opacity: 1;} 100% {opacity: 0;}}
#header.transparent.navbar-show .logo-transparent{position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; visibility: hidden; animation: header_transparent_navbar_show__logo_transparent 0.15s ease-in-out 0s forwards !important;}
@keyframes header_transparent_navbar_show__logo_colorful {0% {opacity: 0;} 100% {opacity: 1;}}
#header.transparent.navbar-show .logo-colorful{position: initial; visibility: initial; animation: header_transparent_navbar_show__logo_colorful 0.15s ease-in-out 0s forwards !important;}

@keyframes header_transparent_navbar_collapsed__logo_transparent {0% {opacity: 0;} 100% {opacity: 1;}}
#header.transparent.navbar-collapsed .logo-transparent{position: initial; visibility: initial; animation: header_transparent_navbar_collapsed__logo_transparent 0.15s ease-in-out 0s forwards !important;}
@keyframes header_transparent_navbar_collapsed__logo_colorful {0% {opacity: 1;} 100% {opacity: 0;}}
#header.transparent.navbar-collapsed .logo-colorful{position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; visibility: hidden; animation: header_transparent_navbar_collapsed__logo_colorful 0.15s ease-in-out 0s forwards !important;} */



/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
.bg-primary{background-color: var(--primary) !important; color: #ffffff !important;}
.bg-secondary{background-color: var(--secondary) !important; color: #ffffff !important;}
.bg-info{background-color: var(--info) !important; color: #ffffff !important;}
.bg-success{background-color: var(--success) !important; color: #ffffff !important;}
.bg-warning{background-color: var(--warning) !important; color: #000000 !important;}
.bg-danger{background-color: var(--danger) !important; color: #ffffff !important;}
.bg-light{background-color: var(--light) !important; color: #000000;}
.bg-dark{background-color: var(--dark) !important; color: #ffffff !important;}

.bg-primary-darker{background-color: var(--primary-darker) !important; color: #ffffff !important;}
.bg-secondary-darker{background-color: var(--secondary-darker) !important; color: #ffffff !important;}
.bg-info-darker{background-color: var(--info-darker) !important; color: #ffffff !important;}
.bg-success-darker{background-color: var(--success-darker) !important; color: #ffffff !important;}
.bg-warning-darker{background-color: var(--warning-darker) !important; color: #000000 !important;}
.bg-danger-darker{background-color: var(--danger-darker) !important; color: #ffffff !important;}
.bg-light-darker{background-color: var(--light-darker) !important; color: #000000;}
.bg-dark-darker{background-color: var(--dark-darker) !important; color: #ffffff !important;}

.bg-primary-lighter{background-color: var(--primary-lighter) !important; color: #ffffff !important;}
.bg-secondary-lighter{background-color: var(--secondary-lighter) !important; color: #ffffff !important;}
.bg-info-lighter{background-color: var(--info-lighter) !important; color: #ffffff !important;}
.bg-success-lighter{background-color: var(--success-lighter) !important; color: #ffffff !important;}
.bg-warning-lighter{background-color: var(--warning-lighter) !important; color: #000000 !important;}
.bg-danger-lighter{background-color: var(--danger-lighter) !important; color: #ffffff !important;}
.bg-light-lighter{background-color: var(--light-lighter) !important; color: #000000;}
.bg-dark-lighter{background-color: var(--dark-lighter) !important; color: #ffffff !important;}

.text-primary{color: var(--primary) !important;}
.text-secondary{color: var(--secondary) !important;}
.text-info{color: var(--info) !important;}
.text-success{color: var(--success) !important;}
.text-warning{color: var(--warning) !important;}
.text-danger{color: var(--danger) !important;}
.text-light{color: var(--light) !important;}
.text-dark{color: var(--dark) !important;}
.text-bold{color: var(--text-bold) !important;}

.text-primary-darker{color: var(--primary-darker) !important;}
.text-secondary-darker{color: var(--secondary-darker) !important;}
.text-info-darker{color: var(--info-darker) !important;}
.text-success-darker{color: var(--success-darker) !important;}
.text-warning-darker{color: var(--warning-darker) !important;}
.text-danger-darker{color: var(--danger-darker) !important;}
.text-light-darker{color: var(--light-darker) !important;}
.text-dark-darker{color: var(--dark-darker) !important;}
.text-bold-darker{color: var(--text-bold-darker) !important;}

.text-primary-lighter{color: var(--primary-lighter) !important;}
.text-secondary-lighter{color: var(--secondary-lighter) !important;}
.text-info-lighter{color: var(--info-lighter) !important;}
.text-success-lighter{color: var(--success-lighter) !important;}
.text-warning-lighter{color: var(--warning-lighter) !important;}
.text-danger-lighter{color: var(--danger-lighter) !important;}
.text-light-lighter{color: var(--light-lighter) !important;}
.text-dark-lighter{color: var(--dark-lighter) !important;}
.text-bold-lighter{color: var(--text-bold-lighter) !important;}

.first-section-inpage{margin-top: 100px;}
@media (max-width: 991px) {.first-section-inpage{margin-top: 60px;}}
section {
  padding: 40px 0;
  overflow: hidden;
}

.scrol-x-none-display {overflow-x: auto !important;}
.scrol-x-none-display::-webkit-scrollbar {display: none !important;}

.section-bg {
  background-color: var(--light);
}

.section-title{padding-bottom: 1rem;}

.section-title .section-title-content .title-content{
  position: relative; display: inline-block;
}


.section-title .subtitle{
  margin: 0px 0px 1.1rem 0px;
  line-height: 1rem;
  font-size: 1rem;
  font-weight: bold;
  font-style: normal;
  color: var(--secondary); /* rgb(40 55 66 / 75%) */
}

.section-title h2 {
  padding-bottom: 1.1rem;
  margin-bottom: 0.9125rem;
  position: relative;
  display: inline-flex;
  justify-content: center;
  line-height: 2rem;
  font-size: 2rem;
  font-weight: bold;
  color: var(--text-section-title-color);
  text-align: center;
}

.section-title h2 span.title-text{min-width: 120px;}

.section-title h2::before {
  content: '';
  position: absolute;
  display: block;
  width: 120px;
  height: 1px;
  background: var(--primary); /* #ddd */
  bottom: 1px;
}

.section-title h2::after {
  content: '';
  position: absolute;
  display: block;
  width: 40px;
  height: 3px;
  background: var(--secondary);
  bottom: 0;
}

.section-title .describe-text {
  line-height: 1.25rem;
  font-size: 0.875rem;
}

.section-title .describe-text p{
  margin: 0px;
  line-height: 1.25rem;
  font-size: 1rem;
  color: rgb(40 55 66 / 95%);
}

@media only screen and (max-width: 768px){
  .section-title .subtitle{
    margin: 0px 0px 1rem 0px;
    line-height: 1rem;
    font-size: 1rem;
    font-weight: 500;
  }

  .section-title h2 {
    padding-bottom: 1rem;
    margin-bottom: 0.9125rem;
    line-height: 1.665rem;
    font-size: 1.665rem;
  }

  .section-title h2 span.title-text{min-width: 90px;}
  
  .section-title h2::before {
    width: 90px;
  }
  
  .section-title h2::after {
    width: 40px;
  }

  .section-title .describe-text {
    line-height: 1.25rem;
    font-size: 0.875rem;
  }
  
  .section-title .describe-text p{
    line-height: 1.25rem;
    font-size: 1rem;
  }
}

@media only screen and (max-width: 575px){
  .section-title .subtitle{
    margin: 0px 0px 1rem 0px;
    line-height: 1rem;
    font-size: 1rem;
    font-weight: 500;
  }

  .section-title h2 {
    padding-bottom: 1rem;
    margin-bottom: 0.9125rem;
    line-height: 1.365rem;
    font-size: 1.365rem;
  }
  
  .section-title h2::before {
    width: 90px;
  }
  
  .section-title h2::after {
    width: 40px;
  }

  .section-title .describe-text {
    line-height: 1.25rem;
    font-size: 0.875rem;
  }
  
  .section-title .describe-text p{
    line-height: 1.25rem;
    font-size: 1rem;
  }
}


.swiper-slide {content-visibility: auto;}

.swiper-button-prev, .swiper-button-next, .swiper-btn{background: #ffffff !important; width: 32px !important; height: 32px !important; border: solid 1px #ffffff !important; border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; color: var(--text-meuted) !important; font-size: 1rem !important; line-height: 1rem !important; transition: all .5s ease !important; box-shadow: 0 2px 2px 0 #0000003d, 0 0 2px 0 #0000001f;}
.swiper-button-prev:hover, .swiper-button-next:hover{background: var(--light) !important; border-color: var(--light) !important; color: var(--text-bold) !important;}


.swiper-button-prev, .swiper-rtl .swiper-button-next{left: 0px; right: auto;}
.swiper-button-next, .swiper-rtl .swiper-button-prev{right: 0px; left: auto;}

@media (max-width: 767px) {
  .swiper-button-prev, .swiper-rtl .swiper-button-next{left: 0px; right: auto;}
  .swiper-button-next, .swiper-rtl .swiper-button-prev{right: 0px; left: auto;}
}

.swiper-button-prev::after, .swiper-rtl .swiper-button-next::after{content: "\f053"; font-family: "Font Awesome 5 Free"; line-height: 1rem !important; font-size: 1rem !important; font-weight: 900 !important;}

.swiper-button-next::after, .swiper-rtl .swiper-button-prev::after{content: "\f054"; font-family: "Font Awesome 5 Free"; line-height: 1rem !important; font-size: 1rem !important; font-weight: 900 !important;}

.swiper .swiper-navigation:has(.swiper-button-next.swiper-button-disabled):has(.swiper-button-prev.swiper-button-disabled){display: none !important;}

.swiper-pagination .swiper-pagination-bullet{background: transparent; border: solid 1.500px var(--secondary); opacity: 1;}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: var(--secondary);}


/* --------------------------------------------------------- */
/* Buttons -------------------------------------- */
.btn.underline span{text-decoration: underline;}

.btn-primary{
  --bs-btn-bg: var(--primary);
  --bs-btn-border-color: var(--primary);
  --bs-btn-color: #ffffff;
  
  --bs-btn-hover-bg: var(--primary-darker);
  --bs-btn-hover-border-color: var(--primary-darker);
  --bs-btn-hover-color: #ffffff;

  --bs-btn-focus-shadow-rgb: 66, 70, 73;

  --bs-btn-active-bg: var(--primary-lighter);
  --bs-btn-active-border-color: var(--primary-lighter);
  --bs-btn-active-color: #ffffff;
  
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-bg: var(--primary-lighter);
  --bs-btn-disabled-border-color: var(--primary-lighter);
  --bs-btn-disabled-color: #ffffff;
}

.btn-outline-primary{
  --bs-btn-bg: transparent;
  --bs-btn-border-color: var(--primary);
  --bs-btn-color: var(--primary);
  
  --bs-btn-hover-bg: var(--primary-darker);
  --bs-btn-hover-border-color: var(--primary-darker);
  --bs-btn-hover-color: #ffffff;
  
  --bs-btn-focus-shadow-rgb: 66, 70, 73;

  --bs-btn-active-bg: var(--primary-darker);
  --bs-btn-active-border-color: var(--primary-darker);
  --bs-btn-active-color: #ffffff;
  
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-bg: var(--primary-lighter);
  --bs-btn-disabled-border-color: var(--primary-lighter);
  --bs-btn-disabled-color: #ffffff;
}

.btn-outline-primary.loading{background: var(--primary-darker) !important; border-color: var(--primary-darker) !important; color: #ffffff !important;}
/* btn-primary svg */
.btn-primary svg{fill: #ffffff;}
.btn-primary:hover svg{fill: #ffffff !important;}
.btn-primary.loading svg{fill: #ffffff !important;}
.btn-outline-primary svg{fill: var(--primary) !important;}
.btn-outline-primary:hover svg{fill: #ffffff !important;}
.btn-outline-primary:focus svg{fill: #ffffff !important;}
.btn-outline-primary.loading svg{fill: #ffffff !important;}

/* btn-secondary */
.btn-secondary{
  --bs-btn-bg: var(--secondary);
  --bs-btn-border-color: var(--secondary);
  --bs-btn-color: #ffffff;
  
  --bs-btn-hover-bg: var(--secondary-darker);
  --bs-btn-hover-border-color: var(--secondary-darker);
  --bs-btn-hover-color: #ffffff;

  --bs-btn-focus-shadow-rgb: 66, 70, 73;

  --bs-btn-active-bg: var(--secondary-darker);
  --bs-btn-active-border-color: var(--secondary-darker);
  --bs-btn-active-color: #ffffff;
  
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-bg: var(--secondary-darker);
  --bs-btn-disabled-border-color: var(--secondary-darker);
  --bs-btn-disabled-color: #ffffff;
}

.btn-outline-secondary{
  --bs-btn-bg: transparent;
  --bs-btn-border-color: var(--secondary);
  --bs-btn-color: var(--secondary);
  
  --bs-btn-hover-bg: var(--secondary-darker);
  --bs-btn-hover-border-color: var(--secondary-darker);
  --bs-btn-hover-color: #ffffff;
  
  --bs-btn-focus-shadow-rgb: 66, 70, 73;

  --bs-btn-active-bg: var(--secondary-darker);
  --bs-btn-active-border-color: var(--secondary-darker);
  --bs-btn-active-color: #ffffff;
  
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-bg: var(--secondary-lighter);
  --bs-btn-disabled-border-color: var(--secondary-lighter);
  --bs-btn-disabled-color: #ffffff;
}

.btn-secondary.loading{background: var(--secondary-darker) !important; border-color: var(--secondary-darker) !important; color: #ffffff !important;}
.btn-outline-secondary.loading{background: var(--secondary-darker) !important; border-color: var(--secondary-darker) !important; color: #ffffff !important;}
/* btn-secondary svg */
.btn-secondary svg{fill: #ffffff;}
.btn-secondary:hover svg{fill: #ffffff !important;}
.btn-secondary.loading svg{fill: #ffffff !important;}
.btn-outline-secondary svg{fill: var(--secondary) !important;}
.btn-outline-secondary:hover svg{fill: #ffffff !important;}
.btn-outline-secondary:focus svg{fill: #ffffff !important;}
.btn-outline-secondary.loading svg{fill: #ffffff !important;}

/* btn-success */
.btn-success{
  --bs-btn-bg: var(--success);
  --bs-btn-border-color: var(--success);
  --bs-btn-color: #ffffff;
  
  --bs-btn-hover-bg: var(--success-darker);
  --bs-btn-hover-border-color: var(--success-darker);
  --bs-btn-hover-color: #ffffff;

  --bs-btn-focus-shadow-rgb: 66, 70, 73;

  --bs-btn-active-bg: var(--success-lighter);
  --bs-btn-active-border-color: var(--success-lighter);
  --bs-btn-active-color: #ffffff;
  
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-bg: var(--success-lighter);
  --bs-btn-disabled-border-color: var(--success-lighter);
  --bs-btn-disabled-color: #ffffff;
}

.btn-outline-success{
  --bs-btn-bg: transparent;
  --bs-btn-border-color: var(--success);
  --bs-btn-color: var(--success);
  
  --bs-btn-hover-bg: var(--success-darker);
  --bs-btn-hover-border-color: var(--success-darker);
  --bs-btn-hover-color: #ffffff;
  
  --bs-btn-focus-shadow-rgb: 66, 70, 73;

  --bs-btn-active-bg: var(--success-darker);
  --bs-btn-active-border-color: var(--success-darker);
  --bs-btn-active-color: #ffffff;
  
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-bg: var(--success-lighter);
  --bs-btn-disabled-border-color: var(--success-lighter);
  --bs-btn-disabled-color: #ffffff;
}

.btn-success.loading{background: var(--success-darker) !important; border-color: var(--success-darker) !important; color: #ffffff !important;}
.btn-outline-success.loading{background: var(--success-darker) !important; border-color: var(--success-darker) !important; color: #ffffff !important;}
/* btn-success svg */
.btn-success svg{fill: #ffffff;}
.btn-success:hover svg{fill: #ffffff !important;}
.btn-success.loading svg{fill: #ffffff !important;}
.btn-outline-success svg{fill: var(--success) !important;}
.btn-outline-success:hover svg{fill: #ffffff !important;}
.btn-outline-success:focus svg{fill: #ffffff !important;}
.btn-outline-success.loading svg{fill: #ffffff !important;}

/* btn-info */
.btn-info{
  --bs-btn-bg: var(--info);
  --bs-btn-border-color: var(--info);
  --bs-btn-color: #ffffff;
  
  --bs-btn-hover-bg: var(--info-darker);
  --bs-btn-hover-border-color: var(--info-darker);
  --bs-btn-hover-color: #ffffff;

  --bs-btn-focus-shadow-rgb: 66, 70, 73;

  --bs-btn-active-bg: var(--info-darker);
  --bs-btn-active-border-color: var(--info-darker);
  --bs-btn-active-color: #ffffff;
  
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-bg: var(--info-darker);
  --bs-btn-disabled-border-color: var(--info-darker);
  --bs-btn-disabled-color: #ffffff;
}

.btn-outline-info{
  --bs-btn-bg: transparent;
  --bs-btn-border-color: var(--info);
  --bs-btn-color: var(--info);
  
  --bs-btn-hover-bg: var(--info-darker);
  --bs-btn-hover-border-color: var(--info-darker);
  --bs-btn-hover-color: #ffffff;
  
  --bs-btn-focus-shadow-rgb: 66, 70, 73;

  --bs-btn-active-bg: var(--info-darker);
  --bs-btn-active-border-color: var(--info-darker);
  --bs-btn-active-color: #ffffff;
  
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-bg: var(--info-lighter);
  --bs-btn-disabled-border-color: var(--info-lighter);
  --bs-btn-disabled-color: #ffffff;
}

.btn-info.loading{background: var(--info-darker) !important; border-color: var(--info-darker) !important; color: #ffffff !important;}
.btn-outline-info.loading{background: var(--info-darker) !important; border-color: var(--info-darker) !important; color: #ffffff !important;}
/* btn-info svg */
.btn-info svg{fill: #ffffff;}
.btn-info:hover svg{fill: #ffffff !important;}
.btn-info.loading svg{fill: #ffffff !important;}
.btn-outline-info svg{fill: var(--info) !important;}
.btn-outline-info:hover svg{fill: #ffffff !important;}
.btn-outline-info:focus svg{fill: #ffffff !important;}
.btn-outline-info.loading svg{fill: #ffffff !important;}

/* btn-warning */
.btn-warning{
  --bs-btn-bg: var(--warning);
  --bs-btn-border-color: var(--warning);
  --bs-btn-color: #000000;
  
  --bs-btn-hover-bg: var(--warning-darker);
  --bs-btn-hover-border-color: var(--warning-darker);
  --bs-btn-hover-color: #000000;

  --bs-btn-focus-shadow-rgb: 66, 70, 73;

  --bs-btn-active-bg: var(--warning-lighter);
  --bs-btn-active-border-color: var(--warning-lighter);
  --bs-btn-active-color: #000000;
  
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-bg: var(--warning-lighter);
  --bs-btn-disabled-border-color: var(--warning-lighter);
  --bs-btn-disabled-color: #000000;
}

.btn-outline-warning{
  --bs-btn-bg: transparent;
  --bs-btn-border-color: var(--warning);
  --bs-btn-color: var(--warning);
  
  --bs-btn-hover-bg: var(--warning-darker);
  --bs-btn-hover-border-color: var(--warning-darker);
  --bs-btn-hover-color: #000000;
  
  --bs-btn-focus-shadow-rgb: 66, 70, 73;

  --bs-btn-active-bg: var(--warning-darker);
  --bs-btn-active-border-color: var(--warning-darker);
  --bs-btn-active-color: #000000;
  
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-bg: var(--warning-lighter);
  --bs-btn-disabled-border-color: var(--warning-lighter);
  --bs-btn-disabled-color: #000000;
}

.btn-warning.loading{background: var(--warning-darker) !important; border-color: var(--warning-darker) !important; color: #000000 !important;}
.btn-outline-warning.loading{background: var(--warning-darker) !important; border-color: var(--warning-darker) !important; color: #000000 !important;}
/* btn-warning svg */
.btn-warning svg{fill: #000000;}
.btn-warning:hover svg{fill: #000000 !important;}
.btn-warning.loading svg{fill: #000000 !important;}
.btn-outline-warning svg{fill: var(--warning) !important;}
.btn-outline-warning:hover svg{fill: #000000 !important;}
.btn-outline-warning:focus svg{fill: #000000 !important;}
.btn-outline-warning.loading svg{fill: #000000 !important;}

/* btn-danger */
.btn-danger{
  --bs-btn-bg: var(--danger);
  --bs-btn-border-color: var(--danger);
  --bs-btn-color: #ffffff;
  
  --bs-btn-hover-bg: var(--danger-darker);
  --bs-btn-hover-border-color: var(--danger-darker);
  --bs-btn-hover-color: #ffffff;

  --bs-btn-focus-shadow-rgb: 66, 70, 73;

  --bs-btn-active-bg: var(--danger-lighter);
  --bs-btn-active-border-color: var(--danger-lighter);
  --bs-btn-active-color: #ffffff;
  
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-bg: var(--danger-lighter);
  --bs-btn-disabled-border-color: var(--danger-lighter);
  --bs-btn-disabled-color: #ffffff;
}

.btn-outline-danger{
  --bs-btn-bg: transparent;
  --bs-btn-border-color: var(--danger);
  --bs-btn-color: var(--danger);
  
  --bs-btn-hover-bg: var(--danger-darker);
  --bs-btn-hover-border-color: var(--danger-darker);
  --bs-btn-hover-color: #ffffff;
  
  --bs-btn-focus-shadow-rgb: 66, 70, 73;

  --bs-btn-active-bg: var(--danger-darker);
  --bs-btn-active-border-color: var(--danger-darker);
  --bs-btn-active-color: #ffffff;
  
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-bg: var(--danger-lighter);
  --bs-btn-disabled-border-color: var(--danger-lighter);
  --bs-btn-disabled-color: #ffffff;
}

.btn-danger.loading{background: var(--danger-darker) !important; border-color: var(--danger-darker) !important; color: #ffffff !important;}
.btn-outline-danger.loading{background: var(--danger-darker) !important; border-color: var(--danger-darker) !important; color: #ffffff !important;}
/* btn-danger btn svg */
.btn-danger svg{fill: #ffffff;}
.btn-danger:hover svg{fill: #ffffff !important;}
.btn-danger.loading svg{fill: #ffffff !important;}
.btn-outline-danger svg{fill: var(--danger) !important;}
.btn-outline-danger:hover svg{fill: #ffffff !important;}
.btn-outline-danger:focus svg{fill: #ffffff !important;}
.btn-outline-danger.loading svg{fill: #ffffff !important;}

/* btn-light */
.btn-light{
  --bs-btn-bg: var(--light);
  --bs-btn-border-color: var(--light);
  --bs-btn-color: #000000;
  
  --bs-btn-hover-bg: var(--light-darker);
  --bs-btn-hover-border-color: var(--light-darker);
  --bs-btn-hover-color: #000000;

  --bs-btn-focus-shadow-rgb: 66, 70, 73;

  --bs-btn-active-bg: var(--light-lighter);
  --bs-btn-active-border-color: var(--light-lighter);
  --bs-btn-active-color: #000000;
  
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-bg: var(--light-lighter);
  --bs-btn-disabled-border-color: var(--light-lighter);
  --bs-btn-disabled-color: #000000;
}

.btn-outline-light{
  --bs-btn-bg: transparent;
  --bs-btn-border-color: var(--light);
  --bs-btn-color: var(--light);
  
  --bs-btn-hover-bg: var(--light-darker);
  --bs-btn-hover-border-color: var(--light-darker);
  --bs-btn-hover-color: #000000;
  
  --bs-btn-focus-shadow-rgb: 66, 70, 73;

  --bs-btn-active-bg: var(--light-darker);
  --bs-btn-active-border-color: var(--light-darker);
  --bs-btn-active-color: #000000;
  
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-bg: var(--light-lighter);
  --bs-btn-disabled-border-color: var(--light-lighter);
  --bs-btn-disabled-color: #000000;
}

.btn-light.loading{background: var(--light-darker) !important; border-color: var(--light-darker) !important; color: #000000 !important;}
.btn-outline-light.loading{background: var(--light-darker) !important; border-color: var(--light-darker) !important; color: #000000 !important;}
/* btn-light btn svg */
.btn-light svg{fill: #000000;}
.btn-light:hover svg{fill: #000000 !important;}
.btn-light.loading svg{fill: #000000 !important;}
.btn-outline-light svg{fill: var(--light) !important;}
.btn-outline-light:hover svg{fill: #000000 !important;}
.btn-outline-light:focus svg{fill: #000000 !important;}
.btn-outline-light.loading svg{fill: #000000 !important;}

/* btn-dark */
.btn-dark{
  --bs-btn-bg: #000000;
  --bs-btn-border-color: #000000;
  --bs-btn-color: #ffffff;
  
  --bs-btn-hover-bg: var(--light);
  --bs-btn-hover-border-color: #000000;
  --bs-btn-hover-color: #000000;

  --bs-btn-focus-shadow-rgb: 66, 70, 73;

  --bs-btn-active-bg: var(--light);
  --bs-btn-active-border-color: #000000;
  --bs-btn-active-color: #000000;
  
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-bg: var(--light-lighter);
  --bs-btn-disabled-border-color: var(--light-lighter);
  --bs-btn-disabled-color: #000000;
}

.btn-outline-dark{
  --bs-btn-bg: transparent;
  --bs-btn-border-color: #000000;
  --bs-btn-color: #000000;
  
  --bs-btn-hover-bg: #000000;
  --bs-btn-hover-border-color: #000000;
  --bs-btn-hover-color: #ffffff;
  
  --bs-btn-focus-shadow-rgb: 66, 70, 73;

  --bs-btn-active-bg: #000000;
  --bs-btn-active-border-color: #000000;
  --bs-btn-active-color: #ffffff;
  
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-bg: #202020;
  --bs-btn-disabled-border-color: #202020;
  --bs-btn-disabled-color: #ffffff;
}
.btn-dark.loading{background: var(--light) !important; border-color: #000000 !important; color: #000000 !important;}
.btn-outline-dark.loading{background: #000000 !important; border-color: #000000 !important; color: #ffffff !important;}
/* btn-dark btn svg */
.btn-dark svg{fill: #000000;}
.btn-dark:hover svg{fill: #000000 !important;}
.btn-dark.loading svg{fill: #000000 !important;}
.btn-outline-dark svg{fill: #000000 !important;}
.btn-outline-dark:hover svg{fill: #ffffff !important;}
.btn-outline-dark:focus svg{fill: #ffffff !important;}
.btn-outline-dark.loading svg{fill: #ffffff !important;}

/* btn-white */
.btn-white{
  --bs-btn-bg: #ffffff;
  --bs-btn-border-color: #ffffff;
  --bs-btn-color: #000000;
  
  --bs-btn-hover-bg: var(--light-darker);
  --bs-btn-hover-border-color: var(--light-darker);
  --bs-btn-hover-color: #000000;

  --bs-btn-focus-shadow-rgb: 66, 70, 73;

  --bs-btn-active-bg: var(--light-darker);
  --bs-btn-active-border-color: var(--light-darker);
  --bs-btn-active-color: #000000;
  
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-bg: var(--light-lighter);
  --bs-btn-disabled-border-color: var(--light-lighter);
  --bs-btn-disabled-color: #000000;
}

.btn-outline-white{
  --bs-btn-bg: #ffffff;
  --bs-btn-border-color: #ffffff;
  --bs-btn-color: #ffffff;
  
  --bs-btn-hover-bg: var(--light-darker);
  --bs-btn-hover-border-color: var(--light-darker);
  --bs-btn-hover-color: #000000;
  
  --bs-btn-focus-shadow-rgb: 66, 70, 73;

  --bs-btn-active-bg: var(--light-darker);
  --bs-btn-active-border-color: var(--light-darker);
  --bs-btn-active-color: #000000;
  
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-bg: var(--light-lighter);
  --bs-btn-disabled-border-color: var(--light-lighter);
  --bs-btn-disabled-color: #000000;
}
.btn-white.loading{background: var(--light-darker) !important; border-color: var(--light-darker) !important; color: #000000 !important;}
.btn-outline-white.loading{background: var(light-darker) !important; border-color: var(light-darker) !important; color: #000000 !important;}
/* btn-white btn svg */
.btn-white svg{fill: #000000;}
.btn-white:hover svg{fill: #000000 !important;}
.btn-white.loading svg{fill: #000000 !important;}
.btn-outline-white svg{fill: #ffffff !important;}
.btn-outline-white:hover svg{fill: #000000 !important;}
.btn-outline-white:focus svg{fill: #000000 !important;}
.btn-outline-white.loading svg{fill: #000000 !important;}


/* btn-black */
.btn-black{
  --bs-btn-bg: #000000;
  --bs-btn-border-color: #000000;
  --bs-btn-color: #ffffff;
  
  --bs-btn-hover-bg: var(--light-darker);
  --bs-btn-hover-border-color: var(--light-darker);
  --bs-btn-hover-color: #000000;

  --bs-btn-focus-shadow-rgb: 66, 70, 73;

  --bs-btn-active-bg: var(--light-darker);
  --bs-btn-active-border-color: var(--light-darker);
  --bs-btn-active-color: #000000;
  
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-bg: #262626;
  --bs-btn-disabled-border-color: #262626;
  --bs-btn-disabled-color: #ffffff;
}

.btn-outline-black{
  --bs-btn-bg: #ffffff;
  --bs-btn-border-color: #000000;
  --bs-btn-color: #000000;
  
  --bs-btn-hover-bg: var(--light-darker);
  --bs-btn-hover-border-color: var(--light-darker);
  --bs-btn-hover-color: #000000;
  
  --bs-btn-focus-shadow-rgb: 66, 70, 73;

  --bs-btn-active-bg: #000000;
  --bs-btn-active-border-color: #000000;
  --bs-btn-active-color: #ffffff;
  
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-bg: #ffffff;
  --bs-btn-disabled-border-color: #262626;
  --bs-btn-disabled-color: #262626;
}
.btn-black.loading{background: var(--light-darker) !important; border-color: var(--light-darker) !important; color: #000000 !important;}
.btn-outline-black.loading{background: var(light-darker) !important; border-color: var(light-darker) !important; color: #000000 !important;}
/* btn-black btn svg */
.btn-black svg{fill: #ffffff;}
.btn-black:hover svg{fill: #ffffff !important;}
.btn-black.loading svg{fill: #ffffff !important;}
.btn-outline-black svg{fill: #ffffff !important;}
.btn-outline-black:hover svg{fill: #000000 !important;}
.btn-outline-black:focus svg{fill: #ffffff !important;}
.btn-outline-black.loading svg{fill: #ffffff !important;}


/* .button-loading */
a.btn-secret-loding-submit.disabled{pointer-events: visible !important; cursor: not-allowed !important;}
a.btn-secret-loding-submit.btn-loading{position: relative; display: inline-flex !important; justify-content: center !important; align-items: center !important; pointer-events: visible !important; cursor: not-allowed !important; color: var(--text-lighter) !important;}
a.btn-secret-loding-submit.btn-loading svg{fill: var(--text-lighter) !important;}
a.btn-secret-loding-submit.btn-loading::after{content: ""; width: 21px; height: 21px; position: absolute; border-top: solid 3px #000000; border-right: solid 3px #000000; border-bottom: solid 3px #000000; border-left: solid 3px #000000; z-index: 1; border-top-color: transparent; border-radius: 50%; animation: spinner 0.6s linear infinite;}

.btn.btn-secret-loding-submit.disabled{pointer-events: visible !important; cursor: not-allowed !important;}
.btn.btn-secret-loding-submit.btn-loading{position: relative; display: flex !important; justify-content: center !important; align-items: center !important; pointer-events: visible !important; cursor: not-allowed !important; color: transparent !important;}
.btn.btn-secret-loding-submit.btn-loading svg{fill: transparent !important;}
.btn.btn-secret-loding-submit.btn-loading::after{content: ""; width: 21px; height: 21px; position: absolute; border-top: solid 3px transparent; border-right: solid 3px white; border-bottom: solid 3px white; border-left: solid 3px white; z-index: 1; border-top-color: transparent; border-radius: 50%; animation: spinner 0.6s linear infinite;}
@keyframes spinner {to { transform: rotate(360deg); }}

/* .btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active{background-color: var(--bs-btn-active-bg) !important;} */

.btn-radius{border-radius: 0px 9px 9px 9px;}

.btn.click-animation:active{transform: scale(0.97); transition: transform 190ms ease;} /* animation: btn-click-animation 0.6s linear infinite; */
@keyframes btn-click-animation {0% {transform: scale(1); }20% {transform: scale(0.99);} 40% {transform: scale(0.98);} 50% {transform: scale(0.97);} 60% {transform: scale(0.98);} 80% {transform: scale(0.99);} 100% {transform: scale(1);}}
/* --------------------------------------------------------- */
/* Dropdown -------------------------------------- */
.dropdown-menu .dropdown-item:hover{background: var(--light) !important; color: var(--text-bold) !important;}
.dropdown-menu .dropdown-item:hover svg{fill: var(--text-bold);}
.dropdown-menu .dropdown-item.active, .dropdown-menu .dropdown-item:focus, .dropdown-item:active{background: var(--light-darker) !important; color: var(--text-bold) !important;}
.dropdown-menu .dropdown-item.active svg, .dropdown-menu .dropdown-item:focus svg, .dropdown-item:active svg{fill: var(--text-bold);}
/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
.breadcrumbs {padding: 0px; line-height: 30px; list-style: none; padding-top: 66.8px;}
@media (max-width: 991px) {.breadcrumbs {padding-top: 66px !important;}}
.breadcrumbs .breadcrumb-title{width: max-content !important; min-width: max-content !important;}
.breadcrumbs .breadcrumb-title .svg-contaner .svg-icon{line-height: 0px !important;}
.breadcrumbs .breadcrumb-title .svg-contaner .svg-icon svg{width: auto !important; height: 1em !important;}
.breadcrumbs ol {display: flex; list-style: none; padding: 0;  margin: 0; font-size: 13px;}
.breadcrumbs ol li{min-width: max-content; width: max-content;}
.breadcrumbs ol li + li::before {color: var(--text-meuted);}
.back-breadcrumb-link .back-icon{width: max-content;}




/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.container-back-to-top-btn{box-shadow: 0px 0px 3px rgba(40, 18, 114, 0.05);}
.container-back-to-top-btn .back-to-top::after {
  content: "\ea66";
  font-family: IcoFont;
  font-size: 28px !important;
}


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
  color: #444444;
  font-size: 0.875rem;
  background: var(--light) !important;
  border-top: solid 1px var(--line);
}

.Footer-copyright-credits {font-size: 0.9375rem !important; font-weight: 500;}

.Footer-copyright-credits .copyright-links-col{font-size: 0.9375rem !important; font-weight: 500 !important;}

.Footer-copyright-credits .copyright-links-col a{color: var(--nav-menu-links-color); font-size: 0.9375rem !important; font-weight: 500 !important;}

.Footer-copyright-credits .copyright-links-col a:hover{color: var(--nav-menu-links-hover-color); text-decoration: underline;}

@media (max-width: 575px) {
  .Footer-copyright-credits .copyright-links-col{border-radius: 0px 0px 15px 15px !important;}
}

@media (max-width: 767px) {
  .col-follow-us .follow-us-content{min-width: calc(100% - 30px) !important;}
}
.Footer-copyright-credits .col-follow-us .svg-icon.svg-social-icon{width: 19ox; height: 19px;}