/*--------------------------------------------------------------
# Root
--------------------------------------------------------------*/
:root {
  --primary: #00357c; /* #0d768b #dc4639 */ --secondary: #008e5c; --success: #0d768b; --info: #54565a; --warning: #f6c615; --danger: #f1666f; --light: #F4F6F9; --dark: #fafafa; --link: #008e5c; --line: #ddd; --text : #444444; --text-bold : #000000; --text-meuted : #5a6268;

  /* Main darker Var */
  --primary-darker: #014473; --secondary-darker: #018154; --success-darker: #005668; --info-darker: #03838f; --warning-darker: #d5ab13; --danger-darker: #ea0007; --light-darker: #f0f0f0; --dark-darker: #878686; --link-darker: #018154; --line-darker: #ced4da; --text-darker : #212529; --text-bold-darker : #000000; --text-meuted-darker : #5a6268;
  
  /* Main darker Var */
  --primary-lighter: #0163a9; /* #0d768b #dc4639 */ --secondary-lighter: #00a36a; --success-lighter: #099cb9; --info-lighter: #1bbdcc; --warning-lighter: #ffd332; --danger-lighter: #faf7f4; --light-lighter: #f6f9ff; --dark-lighter: #c2c1c1; --link-lighter: #00357c; --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;

  --plyr-video-control-background-hover: var(--secondary);
  --plyr-color-main: var(--secondary);
}



/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {color: var(--text-normal-color);}
body.navbar-show{overflow: hidden;}
.ltr{direction: ltr !important;}

.rtl{direction: rtl !important;}

h1{font-size: 1.9rem;}

h2{font-size: 1.665rem;}

h3{font-size: 1.4rem;}

h4{font-size: 1.3rem;}

h5{font-size: 1.2rem;}

h6{font-size: 1.1rem;}


@media only screen and (max-width: 768px){
  h1{font-size: 1.5rem;}

  h2{font-size: 1.365rem;}

  h3{font-size: 1.2rem;}

  h4{font-size: 1.1rem;}

  h5{font-size: 1.05rem;}

  h6{font-size: 1rem;}
}
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; transition: all 0.50s ease;}
#header .topbar .flex-container{height: 37px !important;}
@media (min-width: 992px){#header.header-collapse{top: -37px !important;} #header .topbar{transition: all 0.50s ease;}}
#header .topbar .nav-item .nav-link{font-size: .85rem !important; line-height: 1 !important; white-space: nowrap;}
#header .topbar .nav-item .nav-link::after{display: none !important;}
#header .topbar .nav-item .nav-link svg{height: 20px !important; max-width: 20px !important; fill: currentColor !important;}
#header .topbar .dropdown-menu{min-width: 100% !important; border-top: solid 2px var(--secondary); border-top-left-radius: 0px !important; border-top-right-radius: 0px !important;}
#header .topbar .dropdown-menu.language-dropdown-menu{min-width: 120px !important;}
#header .topbar .dropdown-menu .dropdown-item{font-size: .85rem !important;}
#header .topbar .btn-group-language button{color: #ffffff !important;}
#header .topbar .btn-group-language button:hover, #header .topbar .btn-group-language button.show, #header .topbar .btn-group-language button.active{color: var(--warning) !important;}
#header .topbar .btn-group-language button svg{fill: currentColor !important;}

@keyframes header_transparent_navbar_show {0% {opacity: 1;} 100% {background: #ffffff;}}
@keyframes header_transparent_navbar_show_after {0% {opacity: 0.1;} 100% {background: var(--light); opacity: 1;}}
#header.navbar-show{animation: header_transparent_navbar_show 0.26s ease-in-out 0s forwards !important;}
#header.transparent.navbar-show .topbar{background: var(--secondary) !important;}
#header .navbar-toggler i{color: var(--secondary); transition: all 0.30s ease;}
#header .navbar-toggler i.icofont-close{color: var(--text) !important;}
@media (max-width: 991px) {
  #header{overflow: hidden;}
  #header::after{content: ''; width: 100%; border-top: solid 1px var(--line); border-radius: 0px 0px 15px 15px; position: absolute; top: 103px; right: 0px; bottom: 0px; left: 0px; z-index: 0; opacity: 0;}
  #header.navbar-show::after{animation: header_transparent_navbar_show_after 0.26s ease-in-out 0.05s forwards !important;}
  #header .navbar-collapse{position: relative; z-index: 1;}
  #header .navbar.navbar-expand-lg .navbar-collapse .navbar-nav{min-height: calc(100vh - 84px) !important; max-height: calc(100vh - 84px) !important; overflow-x: auto !important;}
  #header .navbar.navbar-expand-lg .nav-item.dropdown .dropdown-menu{background: transparent !important; border: none !important; border-radius: 0px !important;}
  #header .navbar.navbar-expand-lg .nav-item.dropdown .dropdown-menu .dropdown-item{font-size: 0.96rem !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;} */

.navbar{
  --bs-navbar-color: #000000;
  --bs-navbar-hover-color: var(--secondary);
  --bs-navbar-active-color: var(--secondary);
  --bs-navbar-disabled-color: var(--text-meuted);

  --bs-navbar-transparent-color: #ffffff;
  --bs-navbar-transparent-hover-color: var(--warning);
  --bs-navbar-transparent-active-color: var(--warning);

  --bs-navbar-border-color: transparent;
  --bs-navbar-hover-border-color: var(--primary);
  --bs-navbar-active-border-color: var(--primary);

  --bs-navbar-transparent-border-color: transparent;
  --bs-navbar-transparent-hover-border-color: var(--warning);
  --bs-navbar-transparent-active-border-color: var(--warning);
}

#header .topbar .nav-link:hover, #header .topbar .nav-link.show, #header .topbar .nav-link.active{color: var(--warning) !important;}
@media (min-width: 992px){
  #header .navbar-expand-lg .nav-item .nav-link{border-top: solid 3px var(--bs-navbar-border-color); border-bottom: solid 3px var(--bs-navbar-border-color);}
  #header .navbar-expand-lg .nav-item .nav-link:hover, #header .navbar-expand-lg .nav-item .nav-link.show{border-bottom-color: var(--bs-navbar-hover-border-color) !important;}
  #header .navbar-expand-lg .nav-item .nav-link.active{border-bottom-color: var(--bs-navbar-active-border-color) !important;}
  
  #header .navbar-expand-lg .nav-item.dropdown .dropdown-menu{max-height: calc(100svh - 104px) !important; overflow-y: auto !important; border-top: solid 3px var(--secondary); border-top-left-radius: 0px !important; border-top-right-radius: 0px !important;}
  #header .navbar.navbar-expand-lg .nav-item.dropdown .dropdown-menu li{border-bottom: solid 1px var(--line);}
  #header .navbar.navbar-expand-lg .nav-item.dropdown .dropdown-menu li:last-child{border-bottom: none !important;}
  #header .navbar.navbar-expand-lg .nav-item.dropdown .dropdown-menu li .dropdown-item{padding-top: 12px !important; padding-bottom: 12px !important; font-size: 14px !important;}
}
html {scroll-padding-top: 103.8px;}
@media (max-width: 991px){html {scroll-padding-top: 103.8px;}}


/*--------------------------------------------------------------
# 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-gradient{background: radial-gradient(circle at 0% 0%, var(--secondary) 0%, transparent 50%), radial-gradient(circle at 100% 0%, var(--primary) 10%, transparent 80%), radial-gradient(circle at 50% 100%, var(--warning) 0%, transparent 80%), var(--secondary) !important; color: #ffffff !important;}
.bg-gradient a{color: #ffffff;}

.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;}

section{position: relative !important; overflow: visible !important;}
section .top-svg-border svg{width: 100%; position: absolute; right: 0px; left: 0px; z-index: 1;}
section .bottom-svg-border svg{width: 100%; position: absolute; right: 0px; left: 0px; z-index: 1;} 
@media (max-width: 576px){
  section .top-svg-border svg{height: 1rem; top: -1rem;}
  section .bottom-svg-border svg{height: 1rem; bottom: -1rem;}
}

@media (min-width: 576px){
  section .top-svg-border svg{height: 1.5rem; top: -1.5rem;}
  section .bottom-svg-border svg{height: 1.5rem; bottom: -1.5rem;}
}

@media (min-width: 768px){
  section .top-svg-border svg{height: 2rem; top: -2rem;}
  section .bottom-svg-border svg{height: 2rem; bottom: -2rem;}
}

@media (min-width: 992px){
  section .top-svg-border svg{height: 2.5rem; top: -2.5rem;}
  section .bottom-svg-border svg{height: 2.5rem; bottom: -2.5rem;}
}

@media (min-width: 1200px){
  section .top-svg-border svg{height: 3rem; top: -3rem;}
  section .bottom-svg-border svg{height: 3rem; bottom: -3rem;}
}





section .top-svg-border svg, section .bottom-svg-border svg{fill: #ffffff;}
section.bg-light .top-svg-border svg, section.bg-light .bottom-svg-border svg{fill: var(--light);}
section.bg-secondary .top-svg-border svg, section.bg-secondary .bottom-svg-border svg{fill: var(--secondary);}
section.bg-primary .top-svg-border svg, section.bg-primary .bottom-svg-border svg{fill: var(--primary);}
section.bg-warning .top-svg-border svg, section.bg-warning .bottom-svg-border svg{fill: var(--warning);}
section.bg-light-darker .top-svg-border svg, section.bg-light-darker .bottom-svg-border svg{fill: var(--light-darker);}

section {padding: 40px 0; overflow: hidden;}
.first-section-inpage{margin-top: 103.8px;}
@media (max-width: 768px) {.first-section-inpage{margin-top: 103.8px;}}
.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);}
.section-title .title {padding-bottom: 18px; 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 .title .title-text{min-width: 120px;}
/* .section-title .title .title-text::first-letter{color: var(--secondary-darker);} */
@media (max-width: 768px){.section-title .title .title-text{min-width: 90px;}}

.bg-secondary .section-title .title{color: #ffffff;}
.bg-primary .section-title .title{color: #ffffff;}
.bg-warning .section-title .title{color: #ffffff;}
.bg-gradient .section-title .title{color: #ffffff;}

.section-title .title span.title-text{min-width: 120px;}

.section-title .title::before{content: ''; width: 120px; height: 2px; background: var(--warning); border-radius: 0px 0px 20px 20px; display: block; position: absolute; bottom: 2px;}
.bg-gradient .section-title .title::before{background: var(--warning);}
.section-title .title::after {content: ''; background: var(--primary); width: 40px; height: 4px; border-radius: 0px 0px 50% 50%; display: block; position: absolute; bottom: 0; overflow: hidden;}
.bg-gradient .section-title .title::after{background: var(--primary);}

.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%);}
.bg-secondary .section-title .describe-text p{color: #ffffff;}
.bg-primary .section-title .describe-text p{color: #ffffff;}
.bg-warning .section-title .describe-text p{color: #ffffff;}
.bg-gradient .section-title .describe-text p{color: #ffffff;}

@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 .title {
    padding-bottom: 18px;
    margin-bottom: 0.9125rem;
    line-height: 1.665rem;
    font-size: 1.665rem;
  }

  .section-title .title span.title-text{min-width: 90px;}
  
  .section-title .title::before {
    width: 90px;
  }
  
  .section-title .title::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 .title::before {
    width: 90px;
  }
  
  .section-title .title::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{
  --bs-btn-bg: transparent; --bs-btn-border-color: transparent; --bs-btn-color: var(--text-meuted); 
  --bs-btn-hover-bg: transparent; --bs-btn-hover-border-color: transparent; --bs-btn-hover-color: var(--text-meuted); 
  --bs-btn-active-bg: transparent; --bs-btn-active-border-color: transparent; --bs-btn-active-color: var(--text-meuted);
  --bs-btn-focus-shadow-rgb: 66, 70, 73; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: transparent; --bs-btn-disabled-color: var(--text-meuted); --bs-btn-disabled-opacity: 0.6;
  background-color: var(--bs-btn-bg) !important; width: 48px !important; height: 48px !important; border: solid 1px var(--bs-btn-border-color) !important; border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; color: var(--bs-btn-color) !important; font-size: 1rem !important; line-height: 1rem !important; transition: all .5s ease !important;
}
.swiper-button-prev:hover, .swiper-button-next:hover, .swiper-btn:hover{background-color: var(--bs-btn-hover-bg) !important; border-color: var(--bs-btn-hover-border-color) !important; color: var(--bs-btn-hover-color) !important;}
.swiper-button-prev.active, .swiper-button-prev.show, .swiper-button-prev:first-child:active,  .swiper-button-next.active, .swiper-button-next.show, .swiper-button-next:first-child:active, .swiper-btn.active, .swiper-btn.show, .swiper-btn:first-child:active{background-color: var(--bs-btn-active-bg) !important; border-color: var(--bs-btn-active-border-color) !important; color: var(--bs-btn-active-color) !important;}
.swiper-button-prev.disabled, .swiper-button-prev:disabled, .swiper-button-prev.swiper-button-disabled, .swiper-button-next.disabled, .swiper-button-next:disabled, .swiper-button-next.swiper-button-disabled, .swiper-btn.disabled, .swiper-btn:disabled, .swiper-btn.swiper-button-disabled{background-color: var(--bs-btn-disabled-bg) !important; border-color: var(--bs-btn-disabled-border-color) !important; color: var(--bs-btn-disabled-color) !important; opacity: var(--bs-btn-disabled-opacity) !important; pointer-events: none !important;}
.swiper-button-prev, .swiper-rtl .swiper-button-next{left: 0px !important; right: auto !important;}
.swiper-button-next, .swiper-rtl .swiper-button-prev{right: 0px !important; left: auto !important;}
@media (max-width: 767px) {
  .swiper-button-prev, .swiper-rtl .swiper-button-next{left: 0px !important; right: auto !important;}
  .swiper-button-next, .swiper-rtl .swiper-button-prev{right: 0px !important; left: auto !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 ------ */
.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-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;}


/* 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-active-bg: var(--light-darker); --bs-btn-active-border-color: var(--light-darker); --bs-btn-active-color: #000000; --bs-btn-focus-shadow-rgb: 66, 70, 73; --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; --bs-btn-disabled-opacity: 0.6;
}

.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-active-bg: var(--light-darker); --bs-btn-active-border-color: var(--light-darker); --bs-btn-active-color: #000000; --bs-btn-focus-shadow-rgb: 66, 70, 73; --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; --bs-btn-disabled-opacity: 0.6;
}
.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-transparent ------ */
.btn-transparent{
  --bs-btn-bg: transparent; --bs-btn-border-color: transparent; --bs-btn-color: #ffffffba;
  
  --bs-btn-hover-bg: transparent; --bs-btn-hover-border-color: transparent; --bs-btn-hover-color: #ffffff;

  --bs-btn-active-bg: transparent; --bs-btn-active-border-color: transparent; --bs-btn-active-color: #ffffff; --bs-btn-focus-shadow-rgb: 66, 70, 73; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: transparent; --bs-btn-disabled-color: #ffffffba; --bs-btn-disabled-opacity: 0.6;
}

.btn-outline-transparent{
  --bs-btn-bg: transparent; --bs-btn-border-color: #ffffffba; --bs-btn-color: #ffffffba;
  
  --bs-btn-hover-bg: var(--text-meuted); --bs-btn-hover-border-color: #ffffffba; --bs-btn-hover-color: #000000;
  
  --bs-btn-active-bg: #ffffffba; --bs-btn-active-border-color: #ffffffba; --bs-btn-active-color: #000000; --bs-btn-focus-shadow-rgb: 66, 70, 73; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: transparent; --bs-btn-disabled-color: #ffffffba; --bs-btn-disabled-opacity: 0.6;
}

/* btn-transparent svg */
.btn-transparent svg{fill: currentColor;}


/* btn-white-secondary ------ */
.btn-white-secondary{
  --bs-btn-bg: #ffffff; --bs-btn-border-color: var(--line); --bs-btn-color: var(--text-meuted);
  
  --bs-btn-hover-bg: var(--secondary); --bs-btn-hover-border-color: var(--secondary); --bs-btn-hover-color: #ffffff; --bs-btn-focus-shadow-rgb: 66, 70, 73;

  --bs-btn-active-bg: var(--secondary); --bs-btn-active-border-color: var(--secondary); --bs-btn-active-color: #ffffff; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-bg: rgb(255 255 255 / 20%); --bs-btn-disabled-border-color: rgb(255 255 255 / 20%); --bs-btn-disabled-color: #ffffff; --bs-btn-disabled-opacity: 0.6;
}

.btn-outline-white-secondary{
  --bs-btn-bg: transparent; --bs-btn-border-color: #ffffff; --bs-btn-color: #ffffff;
  
  --bs-btn-hover-bg: var(--secondary); --bs-btn-hover-border-color: var(--secondary); --bs-btn-hover-color: #ffffff; --bs-btn-focus-shadow-rgb: 66, 70, 73;

  --bs-btn-active-bg: var(--secondary); --bs-btn-active-border-color: var(--secondary); --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: var(--text-meuted); --bs-btn-disabled-color: #ffffff; --bs-btn-disabled-opacity: 0.6;
}

/* btn-white-secondary btn svg */
.btn-white-secondary svg{fill: #ffffff;}
.btn-white-secondary:hover svg{fill: #ffffff !important;}
.btn-white-secondary.loading svg{fill: #ffffff !important;}
.btn-outline-white-secondary svg{fill: #ffffff !important;}
.btn-outline-white-secondary:hover svg{fill: #ffffff !important;}
.btn-outline-white-secondary:focus svg{fill: #ffffff !important;}
.btn-outline-white-secondary.loading svg{fill: #ffffff !important;}


/* btn-transparent-secondary ------ */
.btn-transparent-secondary{
    /* btn bg */
    --bs-btn-bg: rgb(255 255 255 / 20%); --bs-btn-border-color: rgb(255 255 255 / 20%); --bs-btn-color: #ffffff;
    /* hover btn bg */
    --bs-btn-hover-bg: var(--secondary); --bs-btn-hover-border-color: var(--secondary); --bs-btn-hover-color: #ffffff; --bs-btn-focus-shadow-rgb: 66, 70, 73;
    /* active btn bg */
    --bs-btn-active-bg: var(--secondary); --bs-btn-active-border-color: var(--secondary); --bs-btn-active-color: #ffffff; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    /* disabled btn bg */
    --bs-btn-disabled-bg: rgb(255 255 255 / 20%); --bs-btn-disabled-border-color: rgb(255 255 255 / 20%); --bs-btn-disabled-color: #ffffff; --bs-btn-disabled-opacity: 0.6;
}

.btn-outline-transparent-secondary{
    /* btn bg */
    --bs-btn-bg: #ffffff; --bs-btn-border-color: var(--secondary); --bs-btn-color: #ffffff;
    /* hover btn bg */
    --bs-btn-hover-bg: var(--secondary); --bs-btn-hover-border-color: var(--secondary); --bs-btn-hover-color: #ffffff; --bs-btn-focus-shadow-rgb: 66, 70, 73;
    /* active btn bg */
  --bs-btn-active-bg: var(--secondary); --bs-btn-active-border-color: var(--secondary); --bs-btn-active-color: #ffffff; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    /* disabled btn bg */
  --bs-btn-disabled-bg: #ffffff; --bs-btn-disabled-border-color: var(--secondary); --bs-btn-disabled-color: #ffffff; --bs-btn-disabled-opacity: 0.6;
}

/* btn-transparent-secondary btn svg */
.btn-transparent-secondary svg{fill: #ffffff;}
.btn-transparent-secondary:hover svg{fill: #ffffff !important;}
.btn-transparent-secondary.loading svg{fill: #ffffff !important;}
.btn-outline-transparent-secondary svg{fill: #ffffff !important;}
.btn-outline-transparent-secondary:hover svg{fill: #ffffff !important;}
.btn-outline-transparent-secondary:focus svg{fill: #ffffff !important;}
.btn-outline-transparent-secondary.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-bottom-right-radius: 30%; border-bottom-left-radius: 30%;}

.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);}}

/* play-video-btn */
.img-with-play-video{position: relative;}
.img-with-play-video .overly-play-video{background: rgb(0 0 0 / 10%); width: 100%; height: 100%; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px;}
.play-video-btn{width: 70px; aspect-ratio: 1 / 1; border: none !important; border-radius: 50%; display: inline-block; outline: none !important; box-shadow: none !important; position: relative;}
.play-video-btn svg.play-video-svg-icon{fill: #ffffff !important; width: 100% !important; height: 100% !important; position: relative !important; z-index: 1 !important;}
.play-video-btn::before{content: ''; background: transparent; width: 100%; height: 100%; border: solid #ffffff 16px; border-radius: 50%; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 0;}
@-webkit-keyframes pulsate-btn {0% {transform: scale(0.6, 0.6); opacity: 1;} 100% {transform: scale(1, 1);opacity: 0;}}
@keyframes pulsate-btn {0% {transform: scale(0.6, 0.6); opacity: 1;} 100% {transform: scale(1, 1); opacity: 0;}}
.play-video-btn::after {content: ''; background: transparent; width: 140%; height: 140%; border: 2px solid #ffffff; border-radius: 50%; opacity: 1; position: absolute; top: -20%; left: -20%; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation: pulsate-btn 0.5s; animation: pulsate-btn 2s; -webkit-animation-direction: forwards; animation-direction: forwards; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: steps; animation-timing-function: steps;}
.play-video-btn:hover svg.play-video-svg-icon{fill: var(--secondary) !important;}
.play-video-btn:hover::before{background: #ffffff !important; border-color: var(--secondary) !important;}
.play-video-btn:hover::after{border-color: var(--secondary) !important;}
.plyr__control--overlaid{padding: 15px 25px !important; border-radius: 14px !important;}

/* --------------------------------------------------------- */
/* 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: 66.8px 0px 0px 0px; line-height: 30px; list-style: none; position: absolute !important; top: 0px !important; right: 0px !important; left: 0px !important; border-radius: 0px 0px 16px 16px; z-index: 2;} */
/* @media (max-width: 991px) {.breadcrumbs {padding-top: 66px !important;}} */

.breadcrumbs-section{margin-top: 103.8px;}
@media (max-width: 768px) {.breadcrumbs-section{margin-top: 103.8px;}}
.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: block; list-style: none; padding: 0;  margin: 0; font-size: 14px;}
.breadcrumbs ol li{display: inline-block;}
.breadcrumbs ol li + li::before {color: var(--text-meuted);}
.bg-gradient .breadcrumbs ol li + li::before {color: #ffffff;}
.back-breadcrumb-link .back-icon{width: max-content;}

/*--------------------------------------------------------------
# Pagination
--------------------------------------------------------------*/
/* .pagination-results-list{border-top: solid 1px var(--line); border-bottom: solid 1px var(--line);} */
.pagination .page-item .page-link{padding: 0px; box-shadow: none; outline: none; display: flex; justify-content: center; align-items: center; position: relative; z-index: 0 !important;}
.pagination .page-item.page-item-aria, .pagination .page-item.page-item-aria .page-link{width: 40px; height: 40px; border-radius: 50%; color: var(--secondary) !important;}
.pagination .page-item.page-item-aria .page-link .arrow-icon::after{font-family: "Font Awesome 5 Free"; font-weight: 900 !important; line-height: 0; font-size: .98rem;}
.pagination .page-item.page-item-aria .page-link.disabled .arrow-icon::after{opacity: .3;}
.pagination .page-item.page-item-num, .pagination .page-item.page-item-num .page-link{width: 44px; height: 44px;  border: none;}
.pagination .page-item.page-item-num .page-link{background: transparent !important; border-color: transparent !important; color: var(--text);}
.pagination .page-item.page-item-num .page-link.active{color: var(--text-bold); font-weight: 700;}
.pagination .page-item.page-item-num .page-link.active::after{content: ''; background: var(--text-bold); height: 1px; position: absolute; bottom: 0px; right: 12px; left: 12px;}
.pagination .page-item.page-item-num .page-link:hover::after{content: ''; background: var(--text-meuted); height: 1px; position: absolute; bottom: 0px; right: 12px; left: 12px;}


/*--------------------------------------------------------------
# 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 {background: var(--light) !important; position: relative; font-size: 0.875rem; color: #444444;}
#footer .top-svg-border svg{width: 100%; position: absolute; right: 0px; left: 0px; z-index: 1; fill: var(--light);}
@media (max-width: 576px){#footer .top-svg-border svg{height: 1rem; top: -1rem;}}
@media (min-width: 576px){#footer .top-svg-border svg{height: 1.5rem; top: -1.5rem;}}
@media (min-width: 768px){#footer .top-svg-border svg{height: 2rem; top: -2rem;}}
@media (min-width: 992px){#footer .top-svg-border svg{height: 2.5rem; top: -2.5rem;}}
@media (min-width: 1200px){#footer .top-svg-border svg{height: 3rem; top: -3rem;}}

#footer .footer-menus .footer-menu{padding: 0px !important; margin: 0px !important; list-style: none !important;}
#footer .footer-menus a{color: var(--nav-menu-links-color); font-weight: 500 !important;}
#footer .footer-menus a:hover{color: var(--nav-menu-links-hover-color); text-decoration: underline;}
#footer .footer-menus .footer-newsletter form {margin-top: 0px;background: #fff;padding: 4px 10px;position: relative;border-radius: 12px;text-align: left;border: 1px solid var(--secondary);}
#footer .footer-menus .footer-newsletter form input[type="email"]{font-size: 0.90625rem !important; font-weight: 500 !important; line-height: 1.3rem;}
#footer .footer-menus .footer-newsletter form input[type="email"] {border: none; padding: 4px 0px !important; width: calc(100% - 100px); box-shadow: none !important; outline: none !important;}
#footer .footer-menus .footer-newsletter form .btn-subscribe {height: 124%; position: absolute; top: -12%; bottom: -12%; border: none; background: none; font-size: 16px; padding: 0 11px; background: var(--secondary); color: #fff; transition: 0.3s; border-radius: 12px;}
#footer .footer-menus .footer-newsletter form .btn-subscribe:hover {background: var(--primary);}

#footer .footer-copyright {font-size: 0.9375rem !important; font-weight: 500;}
#footer .footer-copyright .follow-us{background: #ffffff; border-radius: 15px;}
@media (max-width: 575px) {#footer .footer-copyright .follow-us{border-radius: 0px 0px 15px 15px !important;}}
#footer .footer-copyright .follow-us .follow-us-container .follow-us-content a svg{fill: var(--secondary) !important;}
#footer .footer-copyright .follow-us .follow-us-container .follow-us-content a:hover svg{fill: var(--primary) !important;}