/**
* CMS-ALPHA CSS 3.02
* By Ambition-web.com - All rights reserved.
*/
/*  Config  */
:root {
/* Theme colors */
--color-1: #D35660;
--color-1-alt: #C1424C;
--color-2: #65184E;
--color-2-alt: #4C123B;
--color-3: #B7AC79;
--color-3-alt: #A69962;
--color-4: #fff;
--color-4-alt: #696565;
--color-pro-1-alt: #F05C83;
--bg-pro: #454545;
--bg-pro-2: #505051;
/*#F6F3F3;*/
--bg-light: #F4F0E1;
--bg-light-alt: #FAFAFA;
/* --bg-light-2        : #f3e5e2; */
--bg-light-2: #FBF7F7;
--bg-sub-menu: #F6F3F3;
--blanc: #fff;
--black: #000;
--bg-color-1: var(--color-1);
--bg-color-1-alt: #a3a5a6;
--bg-color-2: #eee;
--bg-color-2-alt: #ccc;
--bg-color-3: #eee;
--bg-color-3-alt: #ccc;
--color-link: var(--color-1);
/* Generic colors */
--light: #F4F0E1;
--light-2: #F2F4FF;
--dark: #050038;
--link-color: var(--color-1);
--link-color-alt: var(--color-1-alt);
--text-muted: #828282;
--border-default-color: #dee2e6;
/* Form-colors */
--form-color-checked: var(--color-1);
--form-bg-color: white;
--form-selection-bg: var(--light);
--form-border-color: black;
--form-focus-color: var(--color-1);
--form-button-bg: var(--color-1);
--form-button-color: white;
--form-focus-shadow-color: #c01d262e;
/* Pagination */
--page-link-color: black;
--page-link-hover-color: white;
--page-link-active-color: #fff;
--page-link-bg: #fff;
--page-link-hover-bg: var(--color-1-alt);
--page-link-active-bg: var(--color-1);
/* Index */
--modules-index-bg: var(--light);
--modules-detail-bg: transparent;
--breadcrumb-color: inherit;
--breadcrumb-hover-color: var(--color-1);
/* Radius */
--form-radius: 0;
--btn-radius: 30px;
--card-radius: 10px;
--badges-radius: 18px;
--pannels-radius: var(--card-radius);
--category-radius: 0;
/* BTN */
--btn-padding-x: 0.75rem;
--btn-padding-y: 0.375rem;
--btn-lg-padding-x: 1rem;
--btn-lg-padding-y: 0.5rem;
--btn-sm-padding-x: 0.5rem;
--btn-sm-padding-y: 0.25rem;
/* Radio btn */
--radio-color: var(--color-1);
--radio-bg: white;
--radio-border-color: black;
--radio-margin-bottom:10px
/* Card */
--card-border-color: black;
--card-bg: var(--bg-light);
--card-footer-bg: none;
/* Shadow */
--card-shadow: var(--shadow-1);
--shadow-1: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
--shadow-2: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
--shadow-3: -6px 6px 30px rgba(0, 0, 0, 0.32);
--drop-shadow-1: drop-shadow(0 2px 10px rgb(0 0 0 / 0.24)) drop-shadow(0 2px 5px rgb(0 0 0 / 0.32));
--drop-shadow-2: drop-shadow(0 6px 20px rgb(0 0 0 / 0.24)) drop-shadow(0 8px 17px rgb(0 0 0 / 0.32));
--text-shadow-1: 0 1px 8px rgba(0, 0, 0, 0.24), 0 1px 5px rgba(0, 0, 0, 0.32);
--text-shadow-2: 0 2px 25px rgba(0, 0, 0, 0.32), 0 2px 10px rgba(0, 0, 0, 0.45);
/* Fonts */
--title-font: "Kanit", sans-serif;
--text-font: 'Mulish', sans-serif;
/* Features */
--feature-img-width: 31px;
/* Filters */
--page-header-filter-bg: linear-gradient(90deg, rgba(0,0,0,0.6) 20%, rgba(0,0,0,0) 84%);
--hero-filter-bg: linear-gradient(90deg, rgba(0,0,0,0.6) 20%, rgba(0,0,0,0) 84%);
--filter-bg: linear-gradient(90deg, rgba(0,0,0,0.6) 20%, rgba(0,0,0,0) 84%);
/* Pannels  */
--pannels-bg: #fff;
--pannels-padding: 1.5rem;
--pannels-gap: 1.5rem;
--innerpannel-padding: 10px;
--innerpannel-border-color: black;
--innerpannel-shadow: none;
/* Subpannels */
--bg-subpannel: transparent;
--subpannel-padding: 0.5rem;
--subpannel-color: transparent;
/* Icons (Font Awesome)*/
--icon-basket: "\f291";
--icon-basket-add: "\f291";
--icon-account: "\f007";
--icon-favorites: "\f004";
--icon-phone: "\f095";
--icon-share: "\f1e0";
--icon-wish-list: "\f06b";
--icon-collapse: "\f105";
--icon-arrow: "\f061";
--icon-checked: "\f00c";
--icon-home: "\f015";
--icon-breadcrumb-separation: "\f105";
/* Custom scrollbar */
--scrollbar-width: 8px;
--scrollbar-bg: transparent;
--scrollbar-radius: var(--form-radius);
--scrollbar-thumb-bg: var(--color-1);
--scrollbar-thumb-radius: calc(var(--scrollbar-width) / 2);
/* Cadre Notyf */
--notyf-border-color: none;
--notyf-color: #fff;
--notyf-bg-color: rgba(0,0,0,.9);
--notyf-icon-bg: #fff;
--notyf-shadow: var(--lueur);
}
/* Reboot */
@media screen {
a,
a:active,
a:hover,
a:link,
a:visited {
text-decoration: none;
color: unset;
}

ul {
padding: 0;
margin: 0;
list-style: none;
}

.border,
.border-bottom,
.border-end,
.border-start,
.border-top {
border-color: var(--border-default-color) !important;
}

body {
overflow-x: hidden;
font-family: var(--text-font);
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0;
margin-bottom: 1.6rem;
font-weight: 500;
line-height: 1.2;
}
}
/* Helpers */
@media screen {
.img-fit {
object-fit: cover;
width: 100%;
height: 100%;
}

.anchor {
position: relative;
top: calc((var(--topbar-height) + 2rem) * -1);
}

.flex-center {
display: flex;
justify-content: center;
align-items: center;
}

.text-justify {
text-align: justify !important;
}
}
/* Negative margins */
@media screen {
@media(min-width:0px) {
.m-n1 {
margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
margin-top: -0.25rem !important;
}

.me-n1,
.mx-n1 {
margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
margin-bottom: -0.25rem !important;
}

.ms-n1,
.mx-n1 {
margin-left: -0.25rem !important;
}

.m-n2 {
margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
margin-top: -0.5rem !important;
}

.me-n2,
.mx-n2 {
margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
margin-bottom: -0.5rem !important;
}

.ms-n2,
.mx-n2 {
margin-left: -0.5rem !important;
}

.m-n3 {
margin: -1rem !important;
}

.mt-n3,
.my-n3 {
margin-top: -1rem !important;
}

.me-n3,
.mx-n3 {
margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
margin-bottom: -1rem !important;
}

.ms-n3,
.mx-n3 {
margin-left: -1rem !important;
}

.m-n4 {
margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
margin-top: -1.5rem !important;
}

.me-n4,
.mx-n4 {
margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
margin-bottom: -1.5rem !important;
}

.ms-n4,
.mx-n4 {
margin-left: -1.5rem !important;
}

.m-n5 {
margin: -3rem !important;
}

.mt-n5,
.my-n5 {
margin-top: -3rem !important;
}

.me-n5,
.mx-n5 {
margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
margin-bottom: -3rem !important;
}

.ms-n5,
.mx-n5 {
margin-left: -3rem !important;
}
}
@media (min-width: 576px) {
.m-sm-n1 {
margin: -0.25rem !important;
}

.mt-sm-n1,
.my-sm-n1 {
margin-top: -0.25rem !important;
}

.me-sm-n1,
.mx-sm-n1 {
margin-right: -0.25rem !important;
}

.mb-sm-n1,
.my-sm-n1 {
margin-bottom: -0.25rem !important;
}

.ms-sm-n1,
.mx-sm-n1 {
margin-left: -0.25rem !important;
}

.m-sm-n2 {
margin: -0.5rem !important;
}

.mt-sm-n2,
.my-sm-n2 {
margin-top: -0.5rem !important;
}

.me-sm-n2,
.mx-sm-n2 {
margin-right: -0.5rem !important;
}

.mb-sm-n2,
.my-sm-n2 {
margin-bottom: -0.5rem !important;
}

.ms-sm-n2,
.mx-sm-n2 {
margin-left: -0.5rem !important;
}

.m-sm-n3 {
margin: -1rem !important;
}

.mt-sm-n3,
.my-sm-n3 {
margin-top: -1rem !important;
}

.me-sm-n3,
.mx-sm-n3 {
margin-right: -1rem !important;
}

.mb-sm-n3,
.my-sm-n3 {
margin-bottom: -1rem !important;
}

.ms-sm-n3,
.mx-sm-n3 {
margin-left: -1rem !important;
}

.m-sm-n4 {
margin: -1.5rem !important;
}

.mt-sm-n4,
.my-sm-n4 {
margin-top: -1.5rem !important;
}

.me-sm-n4,
.mx-sm-n4 {
margin-right: -1.5rem !important;
}

.mb-sm-n4,
.my-sm-n4 {
margin-bottom: -1.5rem !important;
}

.ms-sm-n4,
.mx-sm-n4 {
margin-left: -1.5rem !important;
}

.m-sm-n5 {
margin: -3rem !important;
}

.mt-sm-n5,
.my-sm-n5 {
margin-top: -3rem !important;
}

.me-sm-n5,
.mx-sm-n5 {
margin-right: -3rem !important;
}

.mb-sm-n5,
.my-sm-n5 {
margin-bottom: -3rem !important;
}

.ms-sm-n5,
.mx-sm-n5 {
margin-left: -3rem !important;
}
}
@media (min-width: 768px) {
.m-md-n1 {
margin: -0.25rem !important;
}

.mt-md-n1,
.my-md-n1 {
margin-top: -0.25rem !important;
}

.me-md-n1,
.mx-md-n1 {
margin-right: -0.25rem !important;
}

.mb-md-n1,
.my-md-n1 {
margin-bottom: -0.25rem !important;
}

.ms-md-n1,
.mx-md-n1 {
margin-left: -0.25rem !important;
}

.m-md-n2 {
margin: -0.5rem !important;
}

.mt-md-n2,
.my-md-n2 {
margin-top: -0.5rem !important;
}

.me-md-n2,
.mx-md-n2 {
margin-right: -0.5rem !important;
}

.mb-md-n2,
.my-md-n2 {
margin-bottom: -0.5rem !important;
}

.ms-md-n2,
.mx-md-n2 {
margin-left: -0.5rem !important;
}

.m-md-n3 {
margin: -1rem !important;
}

.mt-md-n3,
.my-md-n3 {
margin-top: -1rem !important;
}

.me-md-n3,
.mx-md-n3 {
margin-right: -1rem !important;
}

.mb-md-n3,
.my-md-n3 {
margin-bottom: -1rem !important;
}

.ms-md-n3,
.mx-md-n3 {
margin-left: -1rem !important;
}

.m-md-n4 {
margin: -1.5rem !important;
}

.mt-md-n4,
.my-md-n4 {
margin-top: -1.5rem !important;
}

.me-md-n4,
.mx-md-n4 {
margin-right: -1.5rem !important;
}

.mb-md-n4,
.my-md-n4 {
margin-bottom: -1.5rem !important;
}

.ms-md-n4,
.mx-md-n4 {
margin-left: -1.5rem !important;
}

.m-md-n5 {
margin: -3rem !important;
}

.mt-md-n5,
.my-md-n5 {
margin-top: -3rem !important;
}

.me-md-n5,
.mx-md-n5 {
margin-right: -3rem !important;
}

.mb-md-n5,
.my-md-n5 {
margin-bottom: -3rem !important;
}

.ms-md-n5,
.mx-md-n5 {
margin-left: -3rem !important;
}
}
@media (min-width: 992px) {
.m-lg-n1 {
margin: -0.25rem !important;
}

.mt-lg-n1,
.my-lg-n1 {
margin-top: -0.25rem !important;
}

.me-lg-n1,
.mx-lg-n1 {
margin-right: -0.25rem !important;
}

.mb-lg-n1,
.my-lg-n1 {
margin-bottom: -0.25rem !important;
}

.ms-lg-n1,
.mx-lg-n1 {
margin-left: -0.25rem !important;
}

.m-lg-n2 {
margin: -0.5rem !important;
}

.mt-lg-n2,
.my-lg-n2 {
margin-top: -0.5rem !important;
}

.me-lg-n2,
.mx-lg-n2 {
margin-right: -0.5rem !important;
}

.mb-lg-n2,
.my-lg-n2 {
margin-bottom: -0.5rem !important;
}

.ms-lg-n2,
.mx-lg-n2 {
margin-left: -0.5rem !important;
}

.m-lg-n3 {
margin: -1rem !important;
}

.mt-lg-n3,
.my-lg-n3 {
margin-top: -1rem !important;
}

.me-lg-n3,
.mx-lg-n3 {
margin-right: -1rem !important;
}

.mb-lg-n3,
.my-lg-n3 {
margin-bottom: -1rem !important;
}

.ms-lg-n3,
.mx-lg-n3 {
margin-left: -1rem !important;
}

.m-lg-n4 {
margin: -1.5rem !important;
}

.mt-lg-n4,
.my-lg-n4 {
margin-top: -1.5rem !important;
}

.me-lg-n4,
.mx-lg-n4 {
margin-right: -1.5rem !important;
}

.mb-lg-n4,
.my-lg-n4 {
margin-bottom: -1.5rem !important;
}

.ms-lg-n4,
.mx-lg-n4 {
margin-left: -1.5rem !important;
}

.m-lg-n5 {
margin: -3rem !important;
}

.mt-lg-n5,
.my-lg-n5 {
margin-top: -3rem !important;
}

.me-lg-n5,
.mx-lg-n5 {
margin-right: -3rem !important;
}

.mb-lg-n5,
.my-lg-n5 {
margin-bottom: -3rem !important;
}

.ms-lg-n5,
.mx-lg-n5 {
margin-left: -3rem !important;
}
}
@media (min-width: 1200px) {
.m-xl-n1 {
margin: -0.25rem !important;
}

.mt-xl-n1,
.my-xl-n1 {
margin-top: -0.25rem !important;
}

.me-xl-n1,
.mx-xl-n1 {
margin-right: -0.25rem !important;
}

.mb-xl-n1,
.my-xl-n1 {
margin-bottom: -0.25rem !important;
}

.ms-xl-n1,
.mx-xl-n1 {
margin-left: -0.25rem !important;
}

.m-xl-n2 {
margin: -0.5rem !important;
}

.mt-xl-n2,
.my-xl-n2 {
margin-top: -0.5rem !important;
}

.me-xl-n2,
.mx-xl-n2 {
margin-right: -0.5rem !important;
}

.mb-xl-n2,
.my-xl-n2 {
margin-bottom: -0.5rem !important;
}

.ms-xl-n2,
.mx-xl-n2 {
margin-left: -0.5rem !important;
}

.m-xl-n3 {
margin: -1rem !important;
}

.mt-xl-n3,
.my-xl-n3 {
margin-top: -1rem !important;
}

.me-xl-n3,
.mx-xl-n3 {
margin-right: -1rem !important;
}

.mb-xl-n3,
.my-xl-n3 {
margin-bottom: -1rem !important;
}

.ms-xl-n3,
.mx-xl-n3 {
margin-left: -1rem !important;
}

.m-xl-n4 {
margin: -1.5rem !important;
}

.mt-xl-n4,
.my-xl-n4 {
margin-top: -1.5rem !important;
}

.me-xl-n4,
.mx-xl-n4 {
margin-right: -1.5rem !important;
}

.mb-xl-n4,
.my-xl-n4 {
margin-bottom: -1.5rem !important;
}

.ms-xl-n4,
.mx-xl-n4 {
margin-left: -1.5rem !important;
}

.m-xl-n5 {
margin: -3rem !important;
}

.mt-xl-n5,
.my-xl-n5 {
margin-top: -3rem !important;
}

.me-xl-n5,
.mx-xl-n5 {
margin-right: -3rem !important;
}

.mb-xl-n5,
.my-xl-n5 {
margin-bottom: -3rem !important;
}

.ms-xl-n5,
.mx-xl-n5 {
margin-left: -3rem !important;
}
}
@media (min-width: 1400px) {
.m-xxl-n1 {
margin: -0.25rem !important;
}

.mt-xxl-n1,
.my-xxl-n1 {
margin-top: -0.25rem !important;
}

.me-xxl-n1,
.mx-xxl-n1 {
margin-right: -0.25rem !important;
}

.mb-xxl-n1,
.my-xxl-n1 {
margin-bottom: -0.25rem !important;
}

.ms-xxl-n1,
.mx-xxl-n1 {
margin-left: -0.25rem !important;
}

.m-xxl-n2 {
margin: -0.5rem !important;
}

.mt-xxl-n2,
.my-xxl-n2 {
margin-top: -0.5rem !important;
}

.me-xxl-n2,
.mx-xxl-n2 {
margin-right: -0.5rem !important;
}

.mb-xxl-n2,
.my-xxl-n2 {
margin-bottom: -0.5rem !important;
}

.ms-xxl-n2,
.mx-xxl-n2 {
margin-left: -0.5rem !important;
}

.m-xxl-n3 {
margin: -1rem !important;
}

.mt-xxl-n3,
.my-xxl-n3 {
margin-top: -1rem !important;
}

.me-xxl-n3,
.mx-xxl-n3 {
margin-right: -1rem !important;
}

.mb-xxl-n3,
.my-xxl-n3 {
margin-bottom: -1rem !important;
}

.ms-xxl-n3,
.mx-xxl-n3 {
margin-left: -1rem !important;
}

.m-xxl-n4 {
margin: -1.5rem !important;
}

.mt-xxl-n4,
.my-xxl-n4 {
margin-top: -1.5rem !important;
}

.me-xxl-n4,
.mx-xxl-n4 {
margin-right: -1.5rem !important;
}

.mb-xxl-n4,
.my-xxl-n4 {
margin-bottom: -1.5rem !important;
}

.ms-xxl-n4,
.mx-xxl-n4 {
margin-left: -1.5rem !important;
}

.m-xxl-n5 {
margin: -3rem !important;
}

.mt-xxl-n5,
.my-xxl-n5 {
margin-top: -3rem !important;
}

.me-xxl-n5,
.mx-xxl-n5 {
margin-right: -3rem !important;
}

.mb-xxl-n5,
.my-xxl-n5 {
margin-bottom: -3rem !important;
}

.ms-xxl-n5,
.mx-xxl-n5 {
margin-left: -3rem !important;
}
}
}
/* Icons */
@media screen {
.icon-basket:before {
content: var(--icon-basket);
}

.icon-basket-add:before {
content: var(--icon-basket-add);
}

.icon-account:before {
content: var(--icon-account);
}

.icon-favorites:before {
content: var(--icon-favorites);
}

.icon-phone:before {
content: var(--icon-phone);
}

.icon-share:before {
content: var(--icon-share);
}

.icon-wish-list:before {
content: var(--icon-wish-list);
}

.icon-arrow:before {
content: var(--icon-arrow);
}

.icon-collapse:before {
content: var(--icon-collapse);
}

.icon-checked:before {
content: var(--icon-checked);
}

.icon-home:before {
content: var(--icon-home);
}

.icon-breadcrumb-separation:before {
content: var(--icon-breadcrumb-separation);
}

.share .dropdown-toggle:after {
content: none;
}
}
/* Colors */
@media screen {
.bg-light {
background-color: var(--bg-light) !important;
}

.bg-dark {
background-color: var(--dark) !important;
}

:root {
--bullets-color: var(--dark);
}
/* color-1 */
.color-1 {
color: var(--color-1)!important;
}

.color-1-alt {
color: var(--color-1-alt);
}

.bg-1 {
background-color: var(--color-1);
}

.bg-1-alt {
background-color: var(--color-1-alt);
}

.bullets-1 {
--bullets-color: var(--color-1);
}

.btn-1,
.btn-1:first-child:active {
background: var(--color-1);
color: #fff !important;
}

.btn-1:focus,
.btn-1:hover,
.btn-check:focus+.btn-1 {
background: var(--color-1-alt);
}

.btn-1:focus {
box-shadow: 0 0 0 0.25rem rgb(172 0 97 / 18%);
}
/* color-2 */
.color-2 {
color: var(--color-2);
}

.color-2-alt {
color: var(--color-2-alt);
}

.bg-2 {
background-color: var(--color-2);
}

.bg-2-alt {
background-color: var(--color-2-alt);
}

.bullets-2 {
--bullets-color: var(--color-2);
}

.btn-2 {
background-color: var(--color-2);
color: white !important;
}

.btn-2:hover {
background-color: var(--color-2-alt);
}

.btn-2:focus,
.btn-check:focus+.btn-2 {
box-shadow: 0 0 0.1rem 0.1rem var(--color-2);
}
/* color-3 */
.color-3 {
color: var(--color-3);
}

.color-3-alt {
color: var(--color-3-alt);
}

.bg-3 {
background-color: var(--color-3);
}

.bg-3-alt {
background-color: var(--color-3-alt);
}

.bullets-3 {
--bullets-color: var(--color-3);
}

.btn-3 {
background-color: var(--color-3);
color: white !important;
/* padding         : 0.35rem 1rem 0.2rem !important; */
/* border          : 3px solid white; */
}

.btn-3:hover {
background-color: var(--color-3-alt);
color: white;
}

.btn-3:focus,
.btn-check:focus+.btn-3 {
box-shadow: 0 0 0.1rem 0.1rem var(--color-3);
}
/* color-4 */
.color-4 {
color: var(--color-4);
}

.color-4-alt {
color: var(--color-4-alt);
}

.bg-4 {
background-color: var(--color-4);
}

.bg-4-alt {
background-color: var(--color-4-alt);
}

.bullets-4 {
--bullets-color: var(--color-4);
}

.btn-4 {
border: 3px solid black;
background-color: white;
padding: 0.35rem 1rem 0.2rem !important;
}

.btn-4:hover {
border: 3px solid black;
}

.btn-4:focus,
.btn-check:focus+.btn-4 {
box-shadow: 0 0 0.1rem 0.1rem var(--color-4);
}

.btn-user {
background-color: var(--color-1);
color: white !important;
/* padding         : 0.35rem 1rem 0.2rem !important; */
/* border          : 3px solid white; */
}

.btn-user:hover {
background-color: var(--color-3-alt);
color: white;
}
}
/* Shadows */
@media screen {
.text-shadow-1 {
text-shadow: var(--text-shadow-1);
}

.text-shadow-2 {
text-shadow: var(--text-shadow-2);
}

.shadow-1 {
box-shadow: var(--shadow-1);
}

.shadow-2 {
box-shadow: var(--shadow-2);
}

.drop-shadow-1 {
filter:var(--drop-shadow-1);
}

.drop-shadow-2 {
filter:var(--drop-shadow-2);
}
}
/*  Radius  */
@media screen {
.input-group > :not(:last-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
border-top-left-radius: var(--form-radius);
border-bottom-left-radius: var(--form-radius);
}

.form-control,
.form-select,
.input-group-append > button,
.input-group-text {
border-radius: var(--form-radius);
}

.form-control::selection {
background: var(--form-selection-bg);
}

.btn {
border-radius: var(--btn-radius);
text-transform: uppercase;
font-size: 16px;
font-weight: 400;
padding: 0.25rem 1rem;
}

.btn-nav {
padding: 4px 10px 0 !important;
font-size: 14px;
}

.card {
border-radius: var(--card-radius);
/* box-shadow   : var(--card-shadow); */
border: 3px solid var(--card-border-color);
/* background   : var(--card-bg); */
}

.card-img-top {
border-top-left-radius: calc(var(--card-radius) - 1px);
border-top-right-radius: calc(var(--card-radius) - 1px);
}

.card-footer:last-child {
border-radius: 0 0 calc(var(--card-radius) - 1px) calc(var(--card-radius) - 1px);
}
}
/* Forms */
@media screen {
.form-control {
background: var(--form-bg-color);
}

.form-check-input:checked {
background-color: var(--form-color-checked) !important;
border-color: var(--form-color-checked);
}
.form-check-input:checked[type=checkbox] {
    background: var(--color-1);
}

form .form-group .form-check{
	display:flex;
}

.form-check-input {
 width:20px;

}
/* Focus */
.form-check-input:focus,
.form-control:focus,
.form-select:focus {
border-color: var(--form-focus-color);
box-shadow: 0 0 0 0.25rem var(--form-focus-shadow-color);
}

.custom-select.active .custom-select-options {
border-color: var(--form-focus-color);
}

.custom-select .focus {
display: none;
}

.custom-select.active .focus {
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
box-shadow: 0 0 0 0.25rem var(--form-focus-shadow-color);
border-radius: var(--form-radius);
}

.custom-select.active {
border-color: var(--form-focus-color);
}

.custom-select.active .custom-select-title {
border-top-color: var(--form-focus-color);
border-left-color: var(--form-focus-color);
border-right-color: var(--form-focus-color);
}
/* Custom-select */
.custom-select {
position: relative;
width: 100%;
}

.custom-select.active {
z-index: 10;
}

.custom-select-title {
position: relative;
display: block;
width: 100%;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
min-height: 38px;
border: 1px solid #ced4da;
padding: 0.375rem 1.75rem 0.375rem 0.75rem;
border-radius: var(--form-radius);
background: var(--form-bg-color);
}

.custom-select.active .custom-select-title {
z-index: 3;
}

.custom-select-title:after {
content: var(--icon-collapse);
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
font-weight: 300;
font-size: 23px;
font-family: "Font Awesome 5 Pro";
position: absolute;
right: 17px;
top: 7px;
transform: rotate(90deg);
}

.custom-select.active .custom-select-title {
border-radius: var(--form-radius) var(--form-radius) 0 0;
}

.custom-select-options {
border: 1px solid #ced4da;
border-top: none;
display: none;
border-radius: 0 0 var(--form-radius) var(--form-radius);
position: absolute;
width: 100%;
overflow-y: auto;
background: var(--form-bg-color);
}

.custom-select-options::-webkit-scrollbar {
width: var(--scrollbar-width);
height: var(--scrollbar-width);
}

.custom-select-options::-webkit-scrollbar-track {
border-radius: var(--form-radius);
background: var(--scrollbar-bg);
}

.custom-select-options::-webkit-scrollbar-thumb {
border-radius: var(--scrollbar-thumb-radius);
background: var(--scrollbar-thumb-bg);
border: 2px solid var(--scrollbar-bg);
}

.custom-select-options label:last-child {
border-radius: 0 0 var(--form-radius) var(--form-radius);
}

.custom-select-options input {
display: none;
}

.custom-select-options label {
padding: 0.3rem 0.75rem;
display: block;
z-index: 2;
position: relative;
}

.custom-select-options input[type='checkbox'] + label {
width: 100%;
display: flex;
justify-content: space-between;
}

.custom-select-options input[type='checkbox']:checked + label:after {
content: var(--icon-checked);
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
font-weight: 300;
font-size: 18px;
font-family: "Font Awesome 5 Pro";
}

.custom-select-options input:checked + label,
.custom-select-options label:hover {
background: var(--form-color-checked);
color: #fff;
}
}
/*  Layout  */
@media screen {
:root {
--main-width: var(--vw);
--container-out-margin: 0;
--container-width: 100%;
--split-container-width: calc(var(--container-width) / 2 - var(--bs-gutter-x,.75rem));
--container-out-margin: calc((var(--main-width) - var(--container-width)) / 2 + var(--bs-gutter-x,.75rem));
--container-padding-x: 0;
}
@media(min-width:576px) {
:root {
--container-width: 540px;
}
}
@media(min-width:768px) {
:root {
--container-width: 720px;
}
}
@media(min-width:992px) {
:root {
--container-width: 960px;
}
}
@media(min-width:1200px) {
:root {
--container-width: 1140px;
}
}
@media(min-width:1400px) {
:root {
--container-width: 1320px;
}
}
}
/* Hero section */
@media screen {
.hero {
/* Config */
--hero-min-h: 300px;
--hero-max-h: 500px;
--hero-max-w: 64%;
--hero-padding: 1.5rem;
--hero-ratio-stacked-w: 1;
--hero-ratio-stacked-h: 1;
--hero-img-position-stacked: 85%;
--hero-text-color: var(--dark);
--hero-filter-text-color: var(--light);
position: relative;
}

.hero .content {
position: absolute;
/* width          : 50%;
        height         : 100%; */
top: 49px;
left: 49px;
z-index: 2;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}

.hero .content-inner {
width: 100%;
max-width: var(--container-width);
margin: 0 auto;
padding-right: calc(100% - var(--hero-max-w));
}

.hero.centered .content {
text-align: left;
padding: var(--hero-padding);
max-width: 100%;
align-items: center;
justify-content: center;
}

.hero .hero-img img {
object-fit: cover;
width: 100%;
height: calc(var(--vw) * var(--hero-ratio-h) / var(--hero-ratio-w));
min-height: var(--hero-min-h);
max-height: var(--hero-max-h);
}

.hero-filter {
color: var(--hero-filter-text-color);
}

.hero-filter:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: var(--filter-bg);
z-index: 1;
}
@media(max-width:575px) {
.hero.hero-sm .content-inner,
.hero.hero-stacked-sm .content-inner {
padding: 0.75rem;
}

.hero.hero-sm .hero-img img {
height: calc(var(--hero-ratio-stacked-w) * var(--vw) / var(--hero-ratio-stacked-h));
object-position: var(--hero-img-position-stacked);
}

.hero.hero-stacked-sm .content {
position: relative;
min-height: unset;
}

.hero.hero-stacked-sm .hero-img img {
height: calc(var(--hero-ratio-stacked-w) * var(--vw) / var(--hero-ratio-stacked-h));
min-height: unset;
object-position: var(--hero-img-position-stacked);
position: relative;
}

.hero-stacked-sm.hero-filter:before {
content: none;
}

.hero-stacked-sm.hero-filter {
color: var(--hero-text-color);
}
}
@media(max-width:767px) {
.hero.hero-md .content-inner,
.hero.hero-stacked-md .content-inner {
padding: 0.75rem;
}

.hero.hero-md .hero-img img {
height: calc(var(--hero-ratio-stacked-w) * var(--vw) / var(--hero-ratio-stacked-h));
object-position: var(--hero-img-position-stacked);
}

.hero.hero-stacked-md .content {
position: relative;
min-height: unset;
}

.hero.hero-stacked-md .hero-img img {
height: calc(var(--hero-ratio-stacked-w) * var(--vw) / var(--hero-ratio-stacked-h));
min-height: unset;
object-position: var(--hero-img-position-stacked);
position: relative;
}

.hero-stacked-md.hero-filter:before {
content: none;
}

.hero-stacked-md.hero-filter {
color: var(--hero-text-color);
}
}
@media(max-width:991px) {
.hero .content {
width: 100%;
}

.hero.hero-lg .content-inner,
.hero.hero-stacked-lg .content-inner {
padding: 0.75rem;
}

.hero.hero-lg .hero-img img {
height: calc(var(--hero-ratio-stacked-w) * var(--vw) / var(--hero-ratio-stacked-h));
object-position: var(--hero-img-position-stacked);
}

.hero.hero-stacked-lg .content {
position: relative;
min-height: unset;
}

.hero.hero-stacked-lg .hero-img img {
height: calc(var(--hero-ratio-stacked-w) * var(--vw) / var(--hero-ratio-stacked-h));
min-height: unset;
object-position: var(--hero-img-position-stacked);
position: relative;
}

.hero-stacked-lg.hero-filter:before {
content: none;
}

.hero-stacked-lg.hero-filter {
color: var(--hero-text-color);
}
}
@media(max-width:1199px) {
.hero.hero-stacked-lg .content-inner,
.hero.hero-xl .content-inner {
padding: 0.75rem;
}

.hero.hero-xl .hero-img img {
height: calc(var(--hero-ratio-stacked-w) * var(--vw) / var(--hero-ratio-stacked-h));
object-position: var(--hero-img-position-stacked);
}

.hero.hero-stacked-xl .content {
position: relative;
min-height: unset;
}

.hero.hero-stacked-xl .hero-img img {
height: calc(var(--hero-ratio-stacked-w) * var(--vw) / var(--hero-ratio-stacked-h));
min-height: unset;
object-position: var(--hero-img-position-stacked);
position: relative;
}

.hero-stacked-xl.hero-filter:before {
content: none;
}

.hero-stacked-xl.hero-filter {
color: var(--hero-text-color);
}
}
@media(max-width:1399px) {
.hero.hero-stacked-lg .content-inner,
.hero.hero-xxl .content-inner {
padding: 0.75rem;
}

.hero.hero-xxl .hero-img img {
height: calc(var(--hero-ratio-stacked-w) * var(--vw) / var(--hero-ratio-stacked-h));
object-position: var(--hero-img-position-stacked);
}

.hero.hero-stacked-xxl .content {
position: relative;
min-height: unset;
}

.hero.hero-stacked-xxl .hero-img img {
height: calc(var(--hero-ratio-stacked-w) * var(--vw) / var(--hero-ratio-stacked-h));
min-height: unset;
object-position: var(--hero-img-position-stacked);
position: relative;
}

.hero-stacked-xxl.hero-filter:before {
content: none;
}

.hero-stacked-xxl.hero-filter {
color: var(--hero-text-color);
}
}
}
/* Advertisings-hero */
@media screen {
.advertisings-img img {
width: 100%;
}
}
/* Page-header section */
@media screen {
:root {
--page-header-bg: var(--color-1);
--page-header-color: var(--light);
--page-header-background: var(--bg-light-2);
--page-header-min-height: 273px;
--page-header-padding: 1.5rem;
}

.page-header {
/* min-height : var(--page-header-min-height); */
min-height: calc(100vw / 7);
display: flex;
align-items: center;
position: relative;
color: var(--page-header-color);
/* background : var(--page-header-background); */
}

.page-header .content {
height: 100%;
display: flex;
justify-content: center;
flex-direction: column;
margin-left: 0;
max-width: 100%;
padding: var(--page-header-padding) 0;
}

.page-header > img + .container {
z-index: 2;
}

.page-header img {
width: 100%;
height: 100%;
/* min-height     : var(--page-header-min-height); */
object-fit: contain;
object-position: center bottom;
}

.page-header img {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
/* .page-header > picture:before {
		content   : "";
		position  : absolute;
		width     : 100%;
		height    : 100%;
		background: var(--filter-bg);
	} */
/* Page-header stack breackpoint */
@media(max-width:767px) {
.page-header {
flex-wrap: wrap;
}

.page-header .content {
width: 100%;
max-width: 100%;
text-align: center;
}

.page-header img {
position: relative;
}

.page-header > img:before {
content: none;
}
}
}
/* Bloc categories section */
@media screen {
.bloc-categories-horizontal {
--categories-color: var(--dark);
--categories-bg: var(--color-1);
--categories-bg-hover: var(--bg-light-2);
--categories-color-hover: var(--dark);
--categories-bg-active: var(--color-1);
--categories-color-active: var(--light);
--categories-size: 14px;
}

.bloc-categories-horizontal > ul > li > a {
display: block;
padding: 2px 12px;
border-radius: var(--category-radius);
/* background    : var(--categories-bg); */
color: var(--categories-color);
transition: all ease 0.2s;
/* text-transform: uppercase; */
font-size: var(--categories-size);
}

.bloc-categories-horizontal > ul > li > a:hover {
background: var(--categories-bg-hover);
color: var(--categories-color-hover);
}

.bloc-categories-horizontal > ul > li.active > a {
background: var(--categories-bg-active);
color: var(--categories-color-active);
cursor: default;
}

.bloc-categories-horizontal > ul {
display: flex;
justify-content: center;
flex-wrap: wrap;
padding: 2rem 0;
gap: 10px;
}
}
/* Split-container section */
@media screen {
.alternate .split:nth-child(even) {
flex-direction: row-reverse;
}

.split {
display: flex;
}

.split-container {
width: 50%;
max-width: var(--split-container-width);
padding-left: (var(--bs-gutter-x,.75rem) / 2);
padding-right: (var(--bs-gutter-x,.75rem) / 2);
flex-grow: 0;
flex-shrink: 0;
}

.alternate .split:nth-child(even) .split-container,
.alternate-reverse .split:nth-child(odd) .split-container,
.split.split-reverse .split-container {
margin-left: auto;
}

.alternate-reverse .split:nth-child(odd) .split-container-fluid {
order: 2;
}

.split-container-fluid {
width: 50%;
flex-grow: 0;
flex-shrink: 0;
}

.split-1-3 .split-container-fluid {
width: calc(var(--container-out-margin) + (var(--container-width) / 3) - (var(--bs-gutter-x,.75rem) * 2));
max-width: unset;
}

.split-1-3 .split-container {
width: calc(var(--container-width) * 0.66666666666666);
max-width: unset;
}
@media(max-width:575px) {
.split.split-sm {
flex-direction: column;
}

.split.split-sm .split-container,
.split.split-sm .split-container-fluid {
width: 100%;
max-width: 100%;
}

.split.split-sm .split-container.left {
order: 2;
}

.alternate .split-sm:nth-child(even) {
flex-direction: column;
}

.alternate-reverse .split-sm:nth-child(odd) {
flex-direction: column;
}

.alternate-reverse .split-sm:nth-child(even) .split-container-fluid {
order: unset;
}
}
@media(max-width:767px) {
.split.split-md {
flex-direction: column !important;
}

.split.split-md .split-container,
.split.split-md .split-container-fluid {
width: 100%;
max-width: 100%;
}

.split.split-md .split-container.left {
order: 2;
}

.alternate .split-md:nth-child(even) {
flex-direction: column;
}

.alternate-reverse .split-md:nth-child(odd) {
flex-direction: column;
}

.alternate-reverse .split-md:nth-child(even) .split-container-fluid {
order: unset;
}

.page-header .content {
margin-left: 0;
}
}
@media(max-width:991px) {
.split.split-lg {
flex-direction: column;
}

.split.split-lg .split-container,
.split.split-lg .split-container-fluid {
width: 100%;
max-width: 100%;
}

.split.split-lg .split-container.left {
order: 2;
}

.alternate .split-lg:nth-child(even) {
flex-direction: column;
}

.alternate-reverse .split-lg:nth-child(odd) {
flex-direction: column;
}

.alternate-reverse .split-lg:nth-child(even) .split-container-fluid {
order: unset;
}
}
@media(max-width:1199px) {
.split.split-xl {
flex-direction: column;
}

.split.split-xl .split-container,
.split.split-xl .split-container-fluid {
width: 100%;
max-width: 100%;
}

.split.split-xl .split-container.left {
order: 2;
}

.alternate .split-xl:nth-child(even) {
flex-direction: column;
}

.alternate-reverse .split-xl:nth-child(odd) {
flex-direction: column;
}

.alternate-reverse .split-xl:nth-child(even) .split-container-fluid {
order: unset;
}
}
@media(max-width:1399px) {
.split.split-xxl {
flex-direction: column;
}

.split.split-xxl .split-container,
.split.split-xxl .split-container-fluid {
width: 100%;
max-width: 100%;
}

.split.split-xxl .split-container.left {
order: 2;
}

.alternate .split-xxl:nth-child(even) {
flex-direction: column;
}

.alternate-reverse .split-xxl:nth-child(odd) {
flex-direction: column;
}

.alternate-reverse .split-xxl:nth-child(even) .split-container-fluid {
order: unset;
}
}
}
/* Features section */
@media screen {
.features-5 .feature {
flex: 0 0 20%;
}

.feature {
text-align: center;
display: flex;
flex-direction: column;
}

.feature .feature-img {
display: flex;
justify-content: center;
margin-bottom: 1rem;
}

.feature .feature-img img {
width: var(--feature-img-width);
}

.feature .feature-img i {
font-size: 35px;
}
/* Features breackpoint horizontal */
.features-stacked .feature {
text-align: left;
flex-direction: row;
}

.features-stacked .feature-img {
padding-right: 1.5rem;
}
@media(max-width:575px) {
.features-stacked-sm .feature {
text-align: left;
flex-direction: row;
}

.features-stacked-sm .feature-img {
padding-right: 1.5rem;
}

.features-5-wrap-sm .feature {
flex: 0 0 33.3333333333333333333%;
}

.features-5-column-sm .feature {
flex: 0 0 100%;
}
}
@media(max-width:767px) {
.features-stacked-md .feature {
text-align: left;
flex-direction: row;
}

.features-stacked-md .feature-img {
padding-right: 1.5rem;
}

.features-5-wrap-md .feature {
flex: 0 0 33.3333333333333333333%;
}

.features-5-column-md .feature {
flex: 0 0 100%;
}
}
@media(max-width:991px) {
.features-stacked-lg .feature {
text-align: left;
flex-direction: row;
}

.features-stacked-lg .feature-img {
padding-right: 1.5rem;
}

.features-5-wrap-lg .feature {
flex: 0 0 33.3333333333333333333%;
}

.features-5-column-lg .feature {
flex: 0 0 100%;
}
}
@media(max-width:1199px) {
.features-stacked-xl .feature {
text-align: left;
flex-direction: row;
}

.features-stacked-xl .feature-img {
padding-right: 1.5rem;
}

.features-5-wrap-xl .feature {
flex: 0 0 33.3333333333333333333%;
}

.features-5-column-xl .feature {
flex: 0 0 100%;
}
}
@media(max-width:1399px) {
.features-stacked-xxl .feature {
text-align: left;
flex-direction: row;
}

.features-stacked-xxl .feature-img {
padding-right: 1.5rem;
}

.features-5-wrap-xxl .feature {
flex: 0 0 33.3333333333333333333%;
}

.features-5-column-xxl .feature {
flex: 0 0 100%;
}
}
}
/* Components */
@media screen {
/* Custom scrollbar */
.scrollbar::-webkit-scrollbar {
width: var(--scrollbar-width);
height: var(--scrollbar-width);
}

.scrollbar::-webkit-scrollbar-track {
border-radius: var(--scrollbar-radius);
background: var(--scrollbar-bg);
}

.scrollbar::-webkit-scrollbar-thumb {
border-radius: var(--scrollbar-thumb-radius);
background: var(--scrollbar-thumb-bg);
border: 2px solid var(--scrollbar-bg);
}
/* Pannels */
.pannel {
padding: var(--pannels-padding);
background: var(--pannels-bg);
border-radius: var(--pannels-radius);
margin-bottom: var(--pannels-gap);
border: 1px solid rgba(0, 0, 0, .125);
}

.subpannel {
background: var(--bg-subpannel);
padding: var(--subpannel-padding);
border-radius: var(--pannels-radius);
border: 1px solid var(--subpannel-color);
}

.innerpannel {
background: var(--bg-subpannel);
padding: var(--innerpannel-padding);
border-radius: var(--pannels-radius);
border: 1px solid var(--innerpannel-border-color);
box-shadow: var(--innerpannel-shadow);
font-size: 15px;
}
@media(max-width:575px) {
.login-page .pannel {
padding: 10px;
}
}
/* Btn */
.btn-lg {
--btn-padding-x: var(--btn-lg-padding-x);
--btn-padding-y: var(--btn-lg-padding-y);
}

.btn-sm {
--btn-padding-x: var(--btn-sm-padding-x);
--btn-padding-y: var(--btn-sm-padding-y);
}

.btn-arrow {
position: relative;
padding-right: calc(var(--btn-padding-x) + 30px);
}

.btn-arrow:after {
content: var(--icon-arrow);
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
font-weight: 300;
font-size: 18px;
font-family: "Font Awesome 5 Pro";
position: absolute;
right: var(--btn-padding-x);
top: calc(var(--btn-padding-y) + 2px);
transition: right ease 0.2s;
}

.btn-arrow:hover:after {
right: calc(var(--btn-padding-x) - 4px);
}

.btn-icon:before {
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
font-weight: 300;
font-family: "Font Awesome 5 Pro";
margin-right: calc(var(--btn-padding-x) * .5);
}

.btn-icon {
display: inline-flex;
align-items: center;
}

.btn-icon-reverse {
flex-direction: row-reverse;
}

.btn-icon-reverse:before {
margin-right: 0;
margin-left: calc(var(--btn-padding-x) * .5);
}
/* list */
ul.list {
padding: inherit;
margin: inherit;
list-style: inherit;
}
/* Bullets */
ul.bullets li {
position: relative;
padding-left: 15px;
margin-bottom: 3px;
}

ul.bullets li:before {
content: '';
position: absolute;
top: 9px;
left: 0;
border-radius: 0.375rem;
height: 6px;
width: 6px;
background-color: var(--bullets-color);
}
/* Cards */
.card-footer {
justify-content: space-between;
background: var(--card-footer-bg);
border-top: none;
padding: 0 1rem 1.5rem;
z-index: 1;
}

.cards-h-100 .card {
height: 100%;
}
/* Scroll top */
#scroll-top {
position: fixed;
right: 10px;
bottom: 45px;
color: #fff;
background: var(--color-1);
width: 38px;
height: 38px;
border-radius: var(--btn-radius);
display: flex;
justify-content: center;
align-items: center;
box-shadow: var(--shadow-2);
}

#scroll-top:hover {
background: var(--color-1-alt);
}
/* Pagination */
.pagging {
float: none;
padding: 1.5rem 0;
display: flex;
justify-content: flex-end;
}

ul.pagination li.page-item .page-link {
background: var(--page-link-bg);
border: 1px solid black;
}

ul.pagination li.page-item .page-link a {
color: var(--page-link-color);
}

ul.pagination li.page-item .page-link a:hover {
color: var(--page-link-hover-color);
}

ul.pagination li.page-item.active .page-link {
background: var(--page-link-active-bg);
border-color: var(--page-link-active-bg);
color: var(--page-link-active-color);
padding: var(--btn-padding-y) var(--btn-padding-x);
border: 1px solid black;
width: 35px;
display: flex;
align-items: center;
justify-content: center;
}

ul.pagination li.page-item:not(.active) .page-link {
padding: 0;
}

ul.pagination li.page-item:not(.active) .page-link a {
padding: var(--btn-padding-y) var(--btn-padding-x);
display: block;
}

ul.pagination li.page-item:not(.active) .page-link:hover {
background: var(--page-link-hover-bg);
}

ul.pagination .page-item:last-child .page-link {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}

ul.pagination .page-item:first-child .page-link {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}

.pagging-unstacked ul.pagination .page-item .page-link {
border-radius: var(--btn-radius);
}

.pagging-unstacked ul.pagination {
gap: 1rem;
}

.pagging-circle ul.pagination .page-link,
.pagging-square ul.pagination .page-link {
min-height: 38px;
min-width: 38px;
display: flex;
justify-content: center;
align-items: center;
}

.pagging-circle ul.pagination .page-link {
border-radius: 38px !important;
}
/* breadcrumb */
.breadcrumb-container {
padding: var(--pannels-gap) var(--bs-gutter-y,.75rem) calc(var(--bs-gutter-y,.75rem) * 2);
width: var(--container-width);
margin: 0 auto;
}

.breadcrumb-container .breadcrumb {
margin: 0;
padding: var(--pannels-padding);
background: var(--pannels-bg);
}

.breadcrumb-section {
background: var(--modules-index-bg);
}

.breadcrumb-section + section {
padding-top: 0 !important;
}

.modules-detail > .breadcrumb-section {
background: inherit;
}

.breadcrumb li a {
color: var(--breadcrumb-color);
}

.breadcrumb li a:hover {
color: var(--breadcrumb-hover-color);
}
}
/* Collapse list */
@media screen {
/* style niveau 1 */
#collapse-list > li > a {
font-weight: bold;
}
/* style niveau 2 */
#collapse-list > li.sub-cat > ul > li > a {
color: var(--color-1);
font-size: 15px;
}
/* style niveau 3 */
#collapse-list > li.sub-cat > ul > li.sub-cat > ul > li > a {
font-size: 14px;
}
/* style niveau 4 */
#collapse-list > li.sub-cat > ul > li.sub-cat > ul > li.sub-cat > ul > li > a {
font-size: 14px;
color: var(--dark);
}

.sub-cat ul {
display: none;
padding-left: 0.5rem;
}

#collapse-list a {
color: var(--dark);
padding: 7px 16px;
display: flex;
justify-content: space-between;
align-items: center;
}

#collapse-list .sub-cat.open > a {
color: var(--color-1);
}

#collapse-list .sub-cat > a .toggle-sub-cat {
padding: 0 16px;
}

#collapse-list .sub-cat > a .toggle-sub-cat:before {
margin-left: auto;
content: var(--icon-collapse);
font-family: "Font Awesome 5 Pro";
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
transition: transform ease 0.2s;
}

#collapse-list .sub-cat.open > a > .toggle-sub-cat:before {
transform: rotate(90deg);
}
}
/* Modules Index */
@media screen {
.card-icon-top {
position: absolute;
top: 10px;
right: 10px;
z-index: 10;
}
/*.edit {
		position: absolute;
		top     : 10px;
		right   : 10px;
	}
	.edit > a {
		width          : 25px;
		height         : 25px;
		display        : flex;
		justify-content: center;
		align-items    : center;
		border-radius  : 50%;
		background     : var(--light);
	}*/
/* Module Index */
.modules-index {
background: var(--modules-index-bg);
padding-top: var(--pannels-gap);
}

.modules .tags {
margin-bottom: 0.5rem;
font-style: italic;
font-size: 90%;
}

.modules .bloc-attributes {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 1.4rem;
margin-bottom: 1.5rem;
}
/* Module index List */
.modules-list-item {
background: #fff;
}

.modules-list-item .modules-list-content {
padding: 1rem;
}
/* Module index List alternate */
@media(min-width:768px) {
.modules-list .alternate:nth-child(even) .modules-list-img {
order: 1;
}
}
/* Module index collapse */
.collapse-list-category-title {
margin-bottom: 1.5rem;
}

.collapse-list-item-title {
margin-bottom: 1rem;
font-size: 18px;
font-weight: 500;
cursor: pointer;
display: flex;
align-items: center;
}

.collapse-list-item-title:before {
content: var(--icon-collapse);
font-family: "Font Awesome 5 Pro";
font-weight: 400;
display: inline-block;
transition: transform ease 0.3s;
transform: rotate(0deg);
margin-right: 1rem;
}

[aria-expanded="true"] .collapse-list-item-title:before {
transform: rotate(90deg);
}

.collapse-list-content iframe,
.collapse-list-content img {
max-width: 100%;
height: auto;
}
/* Module index timeline */
ul.timeline {
--timeline-date-width: 80px;
--timeline-date-height: 35px;
--timeline-items-gap: 2rem;
--timeline-date-gap: 1rem;
--timeline-date-top: 1.5rem;
--timeline-color: var(--color-1);
}

ul.timeline {
display: flex;
gap: var(--timeline-items-gap);
flex-direction: column;
}

ul.timeline > li {
position: relative;
display: flex;
align-items: flex-start;
gap: var(--timeline-date-gap);
}

ul.timeline > li .timeline-date {
display: flex;
flex: 0 0 var(--timeline-date-width);
min-height: var(--timeline-date-height);
justify-content: center;
background: var(--timeline-color);
color: var(--light);
padding: 4px 8px;
margin-top: var(--timeline-date-top);
text-align: center;
}

ul.timeline > li .timeline-date:before {
content: "";
width: 2px;
height: calc(100% + var(--timeline-items-gap));
background: var(--timeline-color);
position: absolute;
top: 0;
z-index: -1;
}

ul.timeline > li .timeline-date:after {
content: "";
height: 2px;
width: var(--timeline-date-gap);
background: var(--timeline-color);
position: absolute;
top: calc(var(--timeline-date-height) / 2 + var(--timeline-date-top) - 1px);
left: var(--timeline-date-width);
z-index: -1;
}

ul.timeline > li .timeline-content {
background: var(--light);
padding: 1rem;
width: 100%;
}
/* Breackpoint alternate */
@media(min-width:992px) {
ul.timeline.alternate {
gap: var(--timeline-items-gap) 0;
}

ul.timeline.alternate > li {
width: calc(50% + (var(--timeline-date-width) / 2));
}

ul.timeline.alternate > li:nth-child(odd) {
flex-direction: row-reverse;
}

ul.timeline.alternate > li:nth-child(even) {
margin-left: auto;
}
}
/* Module index grid */
.grid-display {
display: grid;
grid-auto-columns: 1fr;
grid-auto-rows: 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-template-rows: 10vw 10vw 10vw 10vw;
gap: 1rem;
grid-template-areas: "a a a b c d" "a a a e e d" "a a a e e f" "g g h h h f";
}

.grid-display-item-1 {
grid-area: a;
}

.grid-display-item-2 {
grid-area: b;
}

.grid-display-item-3 {
grid-area: c;
}

.grid-display-item-4 {
grid-area: d;
}

.grid-display-item-5 {
grid-area: e;
}

.grid-display-item-6 {
grid-area: f;
}

.grid-display-item-7 {
grid-area: g;
}

.grid-display-item-8 {
grid-area: h;
}

.grid-display .grid-display-item {
position: relative;
}

.grid-display .grid-display-content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
opacity: 0;
color: #fff;
background: rgba(0,0,0,0.8);
padding: 1rem;
transition: all ease 0.3s;
}

.grid-display .grid-display-content:hover {
opacity: 1;
}
@media(max-width:1199px) {
.grid-display {
display: grid;
grid-auto-columns: 1fr;
grid-auto-rows: 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-template-rows: 25vw 25vw 25vw;
gap: 1rem;
grid-template-areas: "a a b c" "a a d e" "f g h h";
}
}
@media(max-width:767px) {
.grid-display {
display: grid;
grid-auto-columns: 1fr;
grid-auto-rows: 1fr;
grid-template-columns: 1fr 1fr;
grid-template-rows: 25vw 25vw 25vw 25vw 25vw;
gap: 1rem;
grid-template-areas: "a b" "a c" "d e" "f e" "g h";
}
}
@media(max-width:475px) {
.grid-display {
display: grid;
grid-auto-columns: 1fr;
grid-auto-rows: 25vw;
grid-template-columns: 1fr;
grid-template-rows: repeat(8 , 50vw);
gap: 1rem;
grid-template-areas: "a" "b" "c" "d" "e" "f" "g" "h";
}
}
/* Module list-mini */
ul.list-mini {
display: flex;
flex-direction: column;
gap: var(--pannels-gap);
}

ul.list-mini > li {
background: white;
display: flex;
border-radius: var(--pannels-radius);
overflow: hidden;
}

ul.list-mini .list-mini-content {
padding: 1rem;
display: flex;
flex-direction: column;
justify-content: center;
}

ul.list-mini .list-mini-img {
flex: 0 0 150px;
}

ul.list-mini .list-mini-img img {
flex: 0 0 150px;
}
}
/* Modules detail */
@media screen {
/* Content-header */
.modules-blogs .modules-detail {
background: var(--bg-light-2);
padding-top: var(--pannels-gap);
}

.modules-detail {
background: var(--modules-detail-bg);
padding-top: var(--pannels-gap);
}

.modules-detail .tags {
margin-top: 0.5rem;
}

.modules-detail .content-short {
font-weight: 500;
}

.modules .detail-header {
padding: 3rem 0;
}

.modules .detail-header {
padding: 3rem 0;
}

.modules .detail-header .content {
padding: 1rem;
}

.modules .tags li {
background: var(--light);
border-radius: var(--btn-radius);
padding: 0 4px;
}

.modules .tags li:before {
content: "#";
}
/* Content-detail */
.modules .content-detail {
padding-bottom: 3rem;
}

.modules .content-datas iframe,
.modules .content-datas img {
max-width: 100%;
}

.modules .content-datas ul {
list-style: initial;
padding-left: 20px;
}

.modules .content-movie {
position: relative;
}

.modules .content-movie:before {
display: block;
padding-top: calc(9 / 16 * 100%);
content: "";
}

.modules .content-movie > * {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

ul.medias {
display: flex;
gap: 0.7rem;
flex-wrap: wrap;
}
/* Detail grid */
.grid-detail {
display: grid;
grid-template-columns: 1.5fr 1fr;
grid-template-rows: auto auto;
gap: 0 0;
grid-auto-flow: row;
grid-template-areas: "image header" "contents sidebar";
gap: 2rem 3rem;
padding: 3rem;
}

.grid-detail .grid-cell-img {
grid-area: image;
}

.grid-detail .grid-cell-header {
grid-area: header;
}

.grid-detail .grid-cell-content {
grid-area: contents;
}

.grid-detail .grid-cell-sidebar {
grid-area: sidebar;
}
@media(max-width:1199px) {
.grid-detail {
grid-template-columns: 1fr 1fr;
}
}
@media(max-width:767px) {
.grid-detail {
display: flex;
flex-direction: column;
}
}
}
/*swiper*/
@media screen {
.swiper-container {
width: 100%;
margin-left: auto;
margin-right: auto;
}

.swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}

.swiper-slide {
background-size: cover;
background-position: center;
}

.sliderMini .swiper-slide {
width: 100%;
height: 100%;
opacity: 0.4;
}

.sliderMini .swiper-slide-thumb-active {
opacity: 1;
}

.swiper-horizontal .sliderMini .swiper-slide,
.swiper-vertical .sliderMini .swiper-slide {
height: 200px;
}
}
/* Advertisings */
@media screen {
/* .advertisings-default {
		--advertisings-default-sm-height: 100vw;
	}
	.advertisings-default .owl-theme .owl-nav.disabled+.owl-dots {
		position: absolute;
		bottom  : 24px;
		width   : 100%;
	}
	@media(max-width:767px) {
		.advertisings-default .advertisings-item img {
			position       : absolute;
			top            : 0;
			left           : 0;
			width          : 100%;
			height         : 100%;
			object-fit     : cover;
			object-position: right;
		}
		.advertisings-default .advertisings-item {
			min-height: var(--advertisings-default-sm-height);
		}
		.advertisings-default .content {
			position  : relative;
			padding   : 1rem;
			max-width : 100%;
			min-height: var(--advertisings-default-sm-height);
		}
	} */
}
/* Widgets */
@media screen {
.widget-header {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 0.5rem;
margin-bottom: 1rem;
padding-top: 1em;
}

.widget-header h2 {
margin: 0 1rem 0 0;
}
}
/* Sidebar */
@media screen {
.bloc-categories-vertical,
.blocs-filters {
padding: var(--pannels-padding) 0;
background: var(--pannels-bg);
border-radius: var(--pannels-radius);
/* margin-bottom: var(--pannels-gap); */
}

aside.filters .filter {
margin-bottom: 1rem;
}
}
/* Topbar - search & attributes */
@media screen {
.topbar header.filters {}

.topbar header.filters .filter {
margin-bottom: 0;
}

.topbar .blocs-filters {
padding: 1rem;
display: flex;
justify-content: space-between;
align-items: center;
background: #fff;
margin-bottom: 2rem;
border-radius: var(--btn-radius);
}

.topbar .blocs-filters .bloc-attributes {
display: flex;
flex-wrap: wrap;
gap: 1rem;
}
@media (max-width:992px) {
.topbar .blocs-filters .bloc-attributes,
.topbar .blocs-filters .bloc-search {
width: 100%;
}

.topbar .blocs-filters .bloc-attributes .attribute {
flex: 2 2 auto;
}

.topbar header.filters .blocs-filters {
flex-direction: column;
gap: 1rem;
}
}
}
/*account*/
@media screen {
/* Sidebar */
.account .account-sidebar .list-group-item.active {
background-color: var(--color-1);
border: none;
}

.account .account-sidebar .list-group-item.active a {
color: #fff;
}

.account .account-sidebar .list-group-item a {
color: var(--color-1);
}
}
/*-----------------------btn facebook--------------------------*/

.btn-facebook {
background: #4267B2;
text-transform: unset;
}

.btn-facebook:hover {
background: #375694;
}

.btn-facebook span:after {
content: "\f39e";
font-family: "Font Awesome 5 Brands";
padding-right: 5px;
}
/*-----------------------btn google --------------------------*/

.btn-google {
background: #E94235;
text-transform: unset;
}

.btn-google:hover {
background: #cf3a2f;
}

.btn-google span:after {
content: "\f1a0";
font-family: "Font Awesome 5 Brands";
padding-right: 5px;
}
/*-----------------------btn apple --------------------------*/

.btn-apple {
background: #000;
text-transform: unset;
}

.btn-apple:hover {
background: rgb(29, 29, 29);
}

.btn-apple span:after {
content: "\f179";
font-family: "Font Awesome 5 Brands";
padding-right: 5px;
}

.btn-zoom {
position: absolute;
top: 5px;
right: 5px;
z-index: 1;
color: #666;
border: 1px solid #dee2e6;
border-radius: 0;
background-color: #fff;
-webkit-transition: 0.1s color;
transition: 0.1s color;
padding: 5px;
}

.zoom-icons {
font-size: 1.5rem;
}
/* Module index collapse */

.collapse-list-category-title {
margin-bottom: 1.5rem;
}

li.md-accordion {
position: relative;
background: var(--gray-medium);
}

.collapse-div {
border-radius: 4px;
margin-bottom: 8px;
}

li.md-accordion h3 {
margin-bottom: 0;
color: black;
}

.collapse-list-category-title {
font-size: 25px;
color: var(--color-1);
}

.collapse-list-item-title {
margin-bottom: 1rem;
font-size: 18px;
font-weight: 500;
cursor: pointer;
display: flex;
align-items: center;
}

.collapse-list-item {
margin-bottom: 2rem;
padding: 2rem;
}

.collapse-list-item-title:before {
content: var(--icon-collapse);
font-family: "Font Awesome 5 Pro";
font-weight: 400;
display: inline-block;
transition: transform ease 0.3s;
transform: rotate(0deg);
margin-right: 1rem;
}

[aria-expanded="true"] .collapse-list-item-title:before {
transform: rotate(90deg);
}

.collapse-list-content {
font-weight: 200;
color: black;
}

.collapse-list-content p:last-child {
margin-bottom: 0;
}

.md-accordion li div:not(.collapsed) .rotate-icon {
transform: rotate(0deg);
}

.fa-rotate-45 {
transform: rotate(45deg);
}

.md-accordion li div h3 i {
transition: ease-in-out 0.3s;
}

.pointer {
cursor: pointer;
}

.collapse-list-content iframe,
.collapse-list-content img {
max-width: 100%;
height: auto;
}

.offcanvas-header {
background-color: var(--color-1);
color: var(--light);
}
/*9notyf*/
@-webkit-keyframes notyf-fadeinup {
0% {
opacity: 0;
transform: translateY(25%);
}

to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes notyf-fadeinup {
0% {
opacity: 0;
transform: translateY(25%);
}

to {
opacity: 1;
transform: translateY(0);
}
}
@-webkit-keyframes notyf-fadeinleft {
0% {
opacity: 0;
transform: translateX(25%);
}

to {
opacity: 1;
transform: translateX(0);
}
}
@keyframes notyf-fadeinleft {
0% {
opacity: 0;
transform: translateX(25%);
}

to {
opacity: 1;
transform: translateX(0);
}
}
@-webkit-keyframes notyf-fadeoutright {
0% {
opacity: 1;
transform: translateX(0);
}

to {
opacity: 0;
transform: translateX(25%);
}
}
@keyframes notyf-fadeoutright {
0% {
opacity: 1;
transform: translateX(0);
}

to {
opacity: 0;
transform: translateX(25%);
}
}
@-webkit-keyframes notyf-fadeoutdown {
0% {
opacity: 1;
transform: translateY(0);
}

to {
opacity: 0;
transform: translateY(25%);
}
}
@keyframes notyf-fadeoutdown {
0% {
opacity: 1;
transform: translateY(0);
}

to {
opacity: 0;
transform: translateY(25%);
}
}
@-webkit-keyframes ripple {
0% {
transform: scale(0) translateY(-45%) translateX(13%);
}

to {
transform: scale(1) translateY(-45%) translateX(13%);
}
}
@keyframes ripple {
0% {
transform: scale(0) translateY(-45%) translateX(13%);
}

to {
transform: scale(1) translateY(-45%) translateX(13%);
}
}

.notyf {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
color: var(--notyf-color);
z-index: 9999;
display: flex;
flex-direction: column;
align-items: flex-end;
justify-content: flex-end;
pointer-events: none;
box-sizing: border-box;
padding: 20px;
}

.notyf__icon--error,
.notyf__icon--success {
height: 21px;
width: 21px;
background: var(--notyf-color);
border-radius: 50%;
display: block;
margin: 0 auto;
position: relative;
}

.notyf__icon--error:after,
.notyf__icon--error:before {
content: "";
background: currentColor;
display: block;
position: absolute;
width: 3px;
border-radius: 3px;
left: 9px;
height: 12px;
top: 5px;
}

.notyf__icon--error:after {
transform: rotate(-45deg);
}

.notyf__icon--error:before {
transform: rotate(45deg);
}

.notyf__icon--success:after,
.notyf__icon--success:before {
content: "";
background: currentColor;
display: block;
position: absolute;
width: 3px;
border-radius: 3px;
}

.notyf__icon--success:after {
height: 6px;
transform: rotate(-45deg);
top: 9px;
left: 6px;
}

.notyf__icon--success:before {
height: 11px;
transform: rotate(45deg);
top: 5px;
left: 10px;
}

.notyf__toast {
border: 3px solid #fff;
display: block;
overflow: hidden;
pointer-events: auto;
background: var(--notyf-bg-color) !important;
-webkit-animation: notyf-fadeinup 0.3s ease-in forwards;
animation: notyf-fadeinup 0.3s ease-in forwards;
box-shadow: 0 3px 7px 0 rgba(0,0,0,.25);
position: relative;
padding: 0 15px;
border-radius: 2px;
/*min-width:600px;*/
max-width: 300px;
transform: translateY(25%);
box-sizing: border-box;
flex-shrink: 0;
box-shadow: var(--notyf-shadow);
}

.notyf__toast--disappear {
transform: translateY(0);
-webkit-animation: notyf-fadeoutdown 0.3s forwards;
animation: notyf-fadeoutdown 0.3s forwards;
-webkit-animation-delay: 0.25s;
animation-delay: 0.25s;
}

.notyf__toast--disappear .notyf__icon,
.notyf__toast--disappear .notyf__message {
-webkit-animation: notyf-fadeoutdown 0.3s forwards;
animation: notyf-fadeoutdown 0.3s forwards;
opacity: 1;
transform: translateY(0);
}

.notyf__toast--disappear .notyf__dismiss {
-webkit-animation: notyf-fadeoutright 0.3s forwards;
animation: notyf-fadeoutright 0.3s forwards;
opacity: 1;
transform: translateX(0);
}

.notyf__toast--disappear .notyf__message {
-webkit-animation-delay: 0.05s;
animation-delay: 0.05s;
}

.notyf__toast--upper {
margin-bottom: 20px;
}

.notyf__toast--lower {
margin-top: 20px;
}

.notyf__toast--dismissible .notyf__wrapper {
padding-right: 30px;
}

.notyf__ripple {
height: 400px;
width: 400px;
position: absolute;
transform-origin: bottom right;
right: 0;
top: 0;
border-radius: 50%;
transform: scale(0) translateY(-51%) translateX(13%);
z-index: 5;
-webkit-animation: ripple 0.4s ease-out forwards;
animation: ripple 0.4s ease-out forwards;
}

.notyf__wrapper {
display: flex;
align-items: center;
padding-top: 17px;
padding-bottom: 17px;
padding-right: 15px;
border-radius: 3px;
position: relative;
z-index: 10;
}

.notyf__icon {
width: 22px;
text-align: center;
font-size: 1.3em;
opacity: 0;
-webkit-animation: notyf-fadeinup 0.3s forwards;
animation: notyf-fadeinup 0.3s forwards;
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
margin-right: 13px;
}

.notyf__dismiss {
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 26px;
margin-right: -15px;
-webkit-animation: notyf-fadeinleft 0.3s forwards;
animation: notyf-fadeinleft 0.3s forwards;
-webkit-animation-delay: 0.35s;
animation-delay: 0.35s;
opacity: 0;
}

.notyf__dismiss-btn {
background-color: rgba(0,0,0,.25);
border: none;
cursor: pointer;
transition: opacity 0.2s ease,background-color 0.2s ease;
outline: none;
opacity: 0.35;
height: 100%;
width: 100%;
}

.notyf__dismiss-btn:after,
.notyf__dismiss-btn:before {
content: "";
background: #fff;
height: 12px;
width: 2px;
border-radius: 3px;
position: absolute;
left: calc(50% - 1px);
top: calc(50% - 5px);
}

.notyf__dismiss-btn:after {
transform: rotate(-45deg);
}

.notyf__dismiss-btn:before {
transform: rotate(45deg);
}

.notyf__dismiss-btn:hover {
opacity: 0.7;
background-color: rgba(0,0,0,.15);
}

.notyf__dismiss-btn:active {
opacity: 0.8;
}

.notyf__message {
vertical-align: middle;
position: relative;
opacity: 0;
-webkit-animation: notyf-fadeinup 0.3s forwards;
animation: notyf-fadeinup 0.3s forwards;
-webkit-animation-delay: 0.25s;
animation-delay: 0.25s;
line-height: 1.5em;
}
@media only screen and (max-width:480px) {
.notyf {
padding: 0;
}

.notyf__ripple {
height: 600px;
width: 600px;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
}

.notyf__toast {
max-width: none;
border-radius: 0;
box-shadow: 0 -2px 7px 0 rgba(0,0,0,.13);
width: 100%;
}

.notyf__dismiss {
width: 56px;
}
}
/* CUSTOM RADIO BUTTONS */

.custom-radio {
position: relative;
display: block;
margin-top: 10px;
margin-bottom: var(--radio-margin-bottom);
}

.custom-radio input[type="radio"] {
opacity: 0;
z-index: 1;
position: absolute;
margin-left: -20px;
}

.custom-radio input[type="radio"]:checked + label::before {
border-color: var(--radio-border-color);
}

.custom-radio label::before {
content: "";
display: inline-block;
position: absolute;
width: 15px;
height: 15px;
left: 17px;
margin-left: -20px;
border: 1px solid var(--radio-border-color);
border-radius: 50%;
background-color: var(--radio-bg);
-webkit-transition: border 0.15s ease-in-out;
-o-transition: border 0.15s ease-in-out;
transition: border 0.15s ease-in-out;
top: 2px;
}

.radio-danger input[type="radio"] + label::after {
background-color: #d9534f;
}

.custom-radio input[type="radio"]:checked + label::after {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}

.custom-radio .custom-control-label {
padding-left: 1.5rem;
padding-top: 0;
}

.custom-radio label::after {
display: inline-block;
position: absolute;
content: " ";
width: 9px;
height: 9px;
left: 20px;
top: 5px;
margin-left: -20px;
border-radius: 50%;
background-color: var(--radio-color);
-webkit-transform: scale(0, 0);
-ms-transform: scale(0, 0);
-o-transform: scale(0, 0);
transform: scale(0, 0);
-webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
-moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
-o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}

.account {
background-color: var(--bg-light) !important;
}

.swiperCarousel {
display: none;
}