/* @import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

/* html {
    scroll-behavior: smooth;
} */

body {
  padding: 0;
  margin: 0;
  font-family: "Raleway", sans-serif;
  font-size: 20px;
}
 
.bodyfrezze {
  overflow: hidden;
}

a,
a:hover,
a:focus {
  text-decoration: none;
  outline: none;
}

ul,
ol,
li {
  padding: 0;
  margin: 0;
}

::-webkit-scrollbar {
  width: 10px;
  height: 5px;
  border-radius: 10px;
}

::-webkit-scrollbar-track {
  background: #e0dada;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  background: var(--dark);
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--dark);
  border-radius: 10px;
}

input,
button,
input:focus,
button:focus,
textarea,
textarea:focus,
select,
select:focus {
  outline: none !important;
  box-shadow: none;
}

a,
a:hover,
a:focus,
button,
button:hover,
button:focus,
input,
input:hover,
input:focus,
textarea,
textarea:hover,
textarea:focus {
  outline: none;
  color: inherit;
}

h1 {
  color: var(--dark-brown);
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  line-height: 48px;
}

h2 {
  color: var(--dark-brown);
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  /* 48px */
  letter-spacing: -0.704px;
}

h3 {
  color: var(--black);
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  /* 123.077% */
}
h4 {
  color: var(--dark-brown);
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 28.8px;
  /* 130.909% */
}

h5 {
  color: var(--dark-brown);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  /* 14px */
}

h6 {
  color: var(--dark-brown);
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  /* 35.2px */
}

p {
  color: var(--dark-brown);
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 160%;
}
p strong {
  font-weight: 600;
}

p a {
  color: inherit;
  font-size: inherit;
  font-style: normal;
  font-weight: inherit;
  line-height: inherit;
  text-decoration: underline;
}

p a:hover {
  color: var(--dark-brown);
  text-decoration: underline;
}

li {
  color: var(--dark-brown);
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
}

li strong {
  font-weight: 600;
}

p:last-child {
  margin: 0;
}

sup {
  color: var(--very-dark);
  font-weight: 600;
}

p:empty {
  display: none;
}

.toolTipMain {
  position: relative;
  cursor: pointer;
  display: inline-block;
}

.toolTipMain sup {
  position: relative;
}

.toolTipMain sup::after {
  content: "";
  display: block;
  width: 0px;
  height: 0px;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid var(--white);
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0px);
  top: -18px;
  z-index: 10;
  display: none;
}

.toolTipMain.toolTipTop sup::after {
  border-top: 20px solid transparent;
  border-bottom: 20px solid var(--white);
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
}

.toolTipMain:hover sup::after {
  display: block;
}

.toolTip {
  display: none;
  width: max-content;
  max-width: 382px;
  padding: 12px 16px 20px 16px;
  position: absolute;
  left: 50%;
  bottom: 50%;
  transform: translate(-50%, 0);
  z-index: 9;
}

.toolTip a {
  color: var(--black);
  font-size: 14px;
  font-weight: 300 !important;
  line-height: 1.3;
  text-decoration: underline;
}

.toolTip a:hover {
  color: var(--black);
  text-decoration: underline;
}

.toolTipMain.toolTipTop .toolTip {
  bottom: initial;
  top: 60%;
}
.toolTipMain.toolTipRight .toolTip {
  left: initial;
  right: -40px;
  transform: translate(0%, 0);
}
.toolTipMain.toolTipLeft .toolTip {
  left: -40px;
  transform: translate(0%, 0);
}

.toolTipMain:hover .toolTip {
  display: flex;
}

.toolTipInner {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 12px 16px 20px 16px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  background-color: var(--white);
  border: 1px solid var(--dark);
  border-radius: 8px;
  position: relative;
}

.toolTip .texth6 {
  font-size: 16px;
  font-weight: 500;
  line-height: 160%;
  color: var(--black);
  display: block;
}

.toolTip .textLink a {
  text-decoration: underline;
  font-size: 12px;
  font-weight: 600;
}

.toolTip .textLink img {
  margin-right: 4px;
}

.toolTip .textP {
  font-size: 14px;
  font-weight: 300;
  color: var(--black);
  line-height: 160%;
}
.toolTip .textP a {
  color: var(--black);
}

img {
  max-width: 100%;
}

select {
  background-image: url(../images/down-arrow.svg) !important;
  background-repeat: no-repeat !important;
  background-position: 96% center !important;
}

.positionRelative {
  position: relative;
}

.z-index-2 {
  z-index: 2;
}

.container {
  width: 100%;
  max-width: 1520px;
  padding-left: 40px;
  padding-right: 40px;
}

.customContainer {
  width: 100%;
  max-width: 1920px;
  padding-left: 0px;
  padding-right: 0px;
  margin: auto;
}

.btnSamll {
  min-height: 36px;
  padding: 6px 16px;
  background: var(--dark);
  border: none;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  color: var(--dark-brown);
  border-radius: 4px;
  outline: 0;
  display: inline-flex;
  align-items: center;
}

.btnSamll img {
  margin-left: 0px;
  width: 0;
  overflow: hidden;
  transition: width 0.5s;
}

.btnSamll:hover img {
  width: 20px;
  transition: width 0.5s;
  margin-left: 12px;
}

.btnSamll:hover {
  color: var(--dark-brown);
}

.btnSamllWhite {
  min-height: 36px;
  padding: 6px 16px;
  background: var(--white);
  border: none;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  color: var(--dark-brown);
  border-radius: 4px;
  outline: 0;
  display: inline-flex;
  align-items: center;
}

.btnSamllWhite img {
  margin-left: 0px;
  width: 0;
  overflow: hidden;
  transition: width 0.5s;
}

.btnSamllWhite:hover img {
  width: 20px;
  transition: width 0.5s;
  margin-left: 12px;
}

.btnSamllWhite:hover {
  color: var(--dark-brown);
}

.outlinedBtn {
  min-height: 36px;
  padding: 6px 16px;
  background: var(--white);
  border: 1px solid var(--dark);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  color: var(--dark-brown);
  border-radius: 4px;
  outline: 0;
  display: inline-flex;
  align-items: center;
}

.outlinedBtn img {
  margin-left: 0px;
  width: 0;
  overflow: hidden;
  transition: width 0.5s;
}

.outlinedBtn:hover img {
  width: 20px;
  transition: width 0.5s;
  margin-left: 12px;
}

.outlinedBtn:hover {
  color: var(--dark-brown);
}

.btnNormal {
  min-height: 44px;
  padding: 12px 24px;
  background: var(--dark);
  border: none;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  /* 100% */
  color: var(--dark-brown);
  border-radius: 4px;
  outline: 0;
  display: inline-flex;
  align-items: center;
}

.btnNormal img {
  margin-left: 0px;
  width: 0;
  overflow: hidden;
  transition: width 0.5s;
}

.btnNormal:hover img {
  width: 20px;
  transition: width 0.5s;
  margin-left: 12px;
}

.btnNormal:hover {
  color: var(--dark-brown);
}

.mt-40 {
  margin-top: 40px !important;
}

.formGroup {
  margin: 0 0 24px;
  position: relative;
}

.formGroup > label {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  font-family: "Source Sans 3", sans-serif;
  color: #829394;
  position: absolute;
  top: 14px;
  left: 12px;
  display: none;
}

.formGroup > label.focus {
  display: block;
}

.formGroup > label.floatLabelTextarea {
  width: calc(100% - 24px);
}

.customForm:focus::placeholder,
.customFormTextarea:focus::placeholder {
  color: transparent;
}

.form-control {
  background: var(--white);
  border-radius: 8px;
  border: 2px solid var(--dark);
  box-sizing: border-box;
  padding: 12px 12px;
  font-family: "Source Sans 3", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: var(--dark-brown);
  transition: all 0.3s;
}

.form-control:focus {
  background: var(--white);
  box-shadow: none;
  /* border-color: #FED250; */
  border-color: var(--dark);
}

textarea.form-control {
  height: 225px;
  resize: none;
}

.select2-container {
  width: max-content !important;
  max-width: 100%;
}

.select2-container--default .select2-selection--single {
  background-color: var(--dark);
  padding: 0px 16px;
  line-height: 34px;
  height: 34px;
  border: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  padding: 0 16px 0 0;
  font-size: 14px;
  color: var(--dark-brown);
  line-height: 34px;
  font-weight: 600;
  height: 34px;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 32px;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: var(--dark-brown) transparent transparent transparent;
}

.select2-results__option {
  font-size: 14px;
  font-weight: 600;
  color: var(--dark-brown);
}

.secTitle {
}

.secTitle h2 {
  margin: 0;
  display: flex;
  column-gap: 8px;
  font-variant-numeric: lining-nums proportional-nums;
  /* align-items: center; */
}

.secTitle h2 img {
  position: relative;
  max-width: 21px;
}

.secTitle span {
  /* background-color: #FED250; */
  background-color: var(--dark);
  width: 24px;
  min-width: 24px;
  height: 24px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 12px;
}

.secTitle h2 div {
  width: calc(100% - 32px);
}

.fullContentText p {
  margin-bottom: 24px;
}

.fullContentText p a {
  color: var(--very-dark);
  font-weight: 600;
}

.fullContentText p a:hover {
  text-decoration: underline;
}

.fullContentText p:last-child {
  margin-bottom: 0px;
}

.fullContentTextList p {
  margin-bottom: 12px;
}

.fullContentTextList ul,
.fullContentText ul {
  list-style: none;
  padding-left: 16px;
}

.fullContentTextList ul li,
.fullContentText ul li {
  padding-left: 32px;
  margin-bottom: 20px;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 160%;
  position: relative;
}

.fullContentTextList ul li::before,
.fullContentText ul li::before {
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 100%;
  display: block;
  background-color: var(--dark);
  position: absolute;
  left: 0;
  top: 10px;
}

.fullContentTextList ul li strong,
.fullContentText ul li strong {
  font-weight: 600;
}

.fullContentTextList ul li:last-child,
.fullContentText ul li:last-child {
  margin-bottom: 0px;
}

/* Start Header */

header {
  position: fixed;
  width: 100%;
  z-index: 10;
  background-color: var(--white);
  padding: 7px 0;
}

.mainNavRow {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.mainNavRow .left {
  display: flex;
  column-gap: 33px;
}

.navBlock > ul {
  display: flex;
  column-gap: 40px;
  list-style: none;
  flex-wrap: wrap;
}

.navBlock > ul li {
  position: relative;
}

.navBlock > ul > li .subMenuBtn {
  display: none;
}

.navBlock > ul > li > a {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: var(--black);
  padding: 22px 0;
}

.navBlock > ul > li:hover a,
.navBlock > ul > li.active > a {
  font-weight: 600;
  letter-spacing: -0.224px;
}

.navBlock > ul > li::after {
  content: "";
  width: 0%;
  height: 4px;
  background-color: var(--dark);
  display: block;
  transition: all 0.3s;
}

.navBlock > ul > li:hover::after,
.navBlock > ul > li.active:after {
  width: 100%;
}

.navBlock .subMenu {
  display: none;
  position: absolute;
  width: max-content;
  left: -16px;
  top: 40px;
  background-color: var(--white);
  padding: 16px;
  border-radius: 8px;
}

.navBlock > ul li:hover .subMenu {
  display: block;
}

.navBlock .subMenu ul {
  list-style: none;
}

.navBlock .subMenu ul li {
  padding: 8px;
  margin-bottom: 16px;
}

.navBlock .subMenu ul li:last-child {
  margin-bottom: 0px;
}

.navBlock .subMenu ul li a {
  display: flex;
  align-items: center;
  column-gap: 8px;
}

.navBlock .subMenu ul li a:hover p,
.navBlock .subMenu ul li.active-subMenu a p {
  font-weight: 600;
  letter-spacing: -0.224px;
}

.navBlock .subMenu ul li a p {
  width: calc(100% - 32px);
  color: var(--dark-brown);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  /* 24px */
  letter-spacing: -0.352px;
  text-align: left;
}

.navBlock .subMenu ul li a span {
  /* background-color: #FED250; */
  background-color: var(--dark);
  padding: 2px;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.mainNavRow .right {
  display: flex;
  align-items: center;
  column-gap: 16px;
  position: relative;
  padding-left: 166px;
}

.headSearchBox {
  position: relative;
  /* width: 150px; */
}

.mainNavRow .right .headSearchBox {
  position: absolute;
  right: 240px;
  top: 50%;
  transform: translateY(-50%);
}

.headSearchBox i {
  position: absolute;
  left: 12px;
  top: 9px;
}

.headSearchBox input.form-control {
  border: none;
  border-radius: 0;
  padding: 9px 12px 9px 42px;
  border-radius: 6px;
  border: 1px solid transparent;
  font-weight: 500;
  color: var(--black);
  min-width: 150px;
}

.headSearchBox input.form-control:focus {
  border: 1px solid var(--dark);
  box-shadow: none;
  /* padding: 9px 42px 9px 42px;
  width: max-content;
  min-width: 180px; */
}

.headSearchBox button {
  background-color: transparent;
  border: none;
  border-left: 1px solid var(--black);
  position: absolute;
  right: 12px;
  top: 10px;
  visibility: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 24px;
}

.headSearchBox input.form-control:focus + i + button {
  visibility: visible;
}

.changeProfileAction h5 {
  font-weight: 300;
  color: var(--black);
  margin: 0 0 4px;
  width: max-content;
}

.changeProfileBtnAction {
  width: 64px;
  height: 64px;
  background-color: var(--dark);
  margin: -7px 0;
  right: -24px;
  position: relative;
}

.changeProfileBtnAction a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.mobileMenuBtn {
  display: none;
}

.mobileMenuBtn button {
  color: var(--black);
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  column-gap: 8px;
  background-color: transparent;
  /* font-family: 'Source Sans 3', sans-serif; */
  font-weight: 700;
  text-transform: uppercase;
  padding: 0;
  margin-right: 16px;
}

.navBlockFooter {
  display: none;
}

/* End Header */

main {
  padding-top: 60px;
  min-height: calc(100vh - 245px);
}

/* Start Onboard page */

.onboardSec {
  padding: 0px 0;
}

.onboardQuestionTitle {
  opacity: 0;
  top: -88px;
  position: relative;
}

.onboardQuestionTabMain {
  background-color: var(--primary);
  padding: 16px 32px;
  border-radius: 24px 24px 0px 0px;
  margin-top: 17px;
}

.onboardQuestionTabMain.active {
  padding: 16px 0px 0;
  background-color: var(--white);
}

.onboardQuestionTab {
  display: flex;
}

.onboardQuestionTabItem {
  display: flex;
  align-items: center;
  column-gap: 8px;
  padding: 16px 32px;
  flex: 1;
  width: 20%;
  cursor: pointer;
}

.onboardQuestionTabItem.active {
  border-radius: 24px 24px 0 0;
  background-color: var(--primary);
}

.onboardQuestionTabItem.active:first-child {
  border-radius: 0px 24px 0px 0px;
}

.onboardQuestionTabItem.active:last-child {
  border-radius: 24px 0px 0px 0px;
}

.onboardQuestionTabItem span {
  width: 24px;
  height: 24px;
  border-radius: 4px;
  /* background-color: #FED250; */
  background-color: var(--dark);
  display: inline-flex;
  align-self: flex-start;
}
.onboardQuestionTabItem .questionTitle {
  width: calc(100% - 32px);
}
.onboardQuestionTabItem h5 {
  margin: 0;
}

.onboardQuestionTabContent {
  background-color: var(--primary);
  padding: 111px 0;
}

.onboardQuestionTabContent .answerCardSec {
  display: none;
}

/* .onboardQuestionTitle{
    animation-name: fade1;
    animation-duration: 300ms;
    animation-delay: 300ms;
    transition: ease-out;
}
@keyframes fade1 {
    from {
        transform: translateY(-88px);
        opacity: 0;
    }
    to {
        transform: translateY(0px);
        opacity: 1;
    }
} */
.onboardQuestionTitle h3 {
  text-align: center;
  margin: 0 0 16px;
}

/* End Onboard page */

/* Start pagination Sec */

/* .paginationSec {
  background-color: var(--white);
} */

.paginationBlcok {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
}

.paginationBlcok .page-item {
  margin-right: 24px;
}

.paginationBlcok .page-item:first-child {
  margin-right: 40px;
}

.paginationBlcok .page-item:last-child {
  margin-left: 16px;
  margin-right: 0px;
}

.paginationBlcok .page-link {
  color: var(--Black);
  background-color: transparent;
  font-variant-numeric: lining-nums proportional-nums;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  border: none;
  padding: 8px;
}

.paginationBlcok .page-link:hover {
  background-color: var(--white);
  color: var(--dark);
  text-decoration: underline;
}

.paginationBlcok .page-link.active {
  color: var(--dark);
  background-color: var(--white);
  font-weight: 500;
}

/* End pagination Sec */

/* Breadcrumb CSS Start */

.breadcrumb_block {
  padding: 16px 0;
}

.breadcrumb_block ul.breadcrumb_item {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  list-style-type: none;
}

.breadcrumb_block ul.breadcrumb_item li {
  margin-right: 7px;
  position: relative;
  padding: 4px;
}

.breadcrumb_block ul.breadcrumb_item li::after {
  content: ">";
  position: absolute;
  top: 44%;
  transform: translateY(-50%);
  font-size: 12px;
  color: var(--very-dark);
  right: -6px;
}

.breadcrumb_block ul.breadcrumb_item li:last-child {
  margin-right: 0;
}

.breadcrumb_block ul.breadcrumb_item li:last-child a {
  pointer-events: none;
  font-weight: 600;
}

.breadcrumb_block ul.breadcrumb_item li:last-child::after {
  display: none;
}

.breadcrumb_block ul.breadcrumb_item li a {
  font-size: 12px;
  line-height: normal;
  color: var(--dark-brown);
  transition: 0.3s all;
  position: relative;
  transition: 0.3s all;
  display: block;
}

.breadcrumb_block ul.breadcrumb_item li a:hover {
  color: var(--very-dark);
}

.breadcrumb_block ul.breadcrumb_item li a:hover::after {
  transform: scaleX(1);
}

.breadcrumb_block ul.breadcrumb_item li a::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 1px;
  background: var(--very-dark);
  transform-origin: left;
  transform: scaleX(0);
  transition: 0.3s all;
}

/* Breadcrumb CSS End */

/* checkbox CSS start */

.sa_input_group_check {
  position: relative;
  display: inline-block;
  margin: 0px;
}

.sa_input_group_check input {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  top: 0;
  opacity: 0;
  z-index: 1;
  cursor: pointer;
}

.sa_input_group_check label {
  position: relative;
  padding-left: 24px;
  font-size: 14px;
  line-height: normal;
}

.sa_input_group_check label::before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  border: 1px solid var(--dark-brown);
  transition: 0.3s all;
  border-radius: 2px;
}

.sa_input_group_check label::after {
  content: "";
  position: absolute;
  left: 3px;
  width: 10px;
  height: 5px;
  border-width: 0 0 2px 2px;
  border-style: solid;
  border-color: var(--dark-brown);
  top: 46%;
  transform: translateY(-50%) rotate(-45deg);
  transition: 0.3s all;
  opacity: 0;
}

.sa_input_group_check:hover > label::before {
  background: var(--primary);
}

.sa_input_group_check input:checked ~ label::before {
  background-color: var(--dark);
  border-color: transparent;
}

.sa_input_group_check input:checked ~ label::after {
  opacity: 1;
}

.sa_input_group_check input:disabled {
  cursor: not-allowed;
}

.sa_input_group_check input:disabled ~ label {
  opacity: 0.5;
}

.sa_input_group_check input:disabled ~ label::before {
  background: transparent !important;
}

.sa_input_group_check input:checked ~ .annuaire-label-info label::before {
  background-color: var(--dark);
  border-color: transparent;
}
.sa_input_group_check input:checked ~ .annuaire-label-info label::after {
  opacity: 1;
}

/* checkbox css end */

/* radio button CSS start */

.sa_input_group_radio {
  position: relative;
  display: inline-block;
  margin: 0px;
}

.sa_input_group_radio input {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  top: 0;
  opacity: 0;
  z-index: 1;
  cursor: pointer;
}

.sa_input_group_radio label {
  position: relative;
  padding-left: 24px;
  font-size: 14px;
  line-height: normal;
}

.sa_input_group_radio label::before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  border: 1px solid var(--dark-brown);
  transition: 0.3s all;
  border-radius: 50%;
}

.sa_input_group_radio label::after {
  content: "";
  position: absolute;
  left: 4px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--dark-brown);
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s all;
  opacity: 0;
}

.sa_input_group_radio:hover label::before {
  background: var(--primary);
}

.sa_input_group_radio input:checked ~ label::before {
  background-color: var(--dark);
}

.sa_input_group_radio input:checked ~ label::after {
  opacity: 1;
}

.sa_input_group_radio input:disabled {
  cursor: not-allowed;
}

.sa_input_group_radio input:disabled ~ label {
  opacity: 0.5;
}

.sa_input_group_radio input:disabled ~ label::before {
  background: transparent !important;
}

/* radio button css end */

/* Start cannabis Block */

.cannabisSec {
  margin-bottom: 80px;
}

.cannabisSec h1 {
  margin-bottom: 40px;
}

.cannabisBlock {
  display: flex;
  flex-wrap: wrap;
  column-gap: 24px;
}

.cannabisBlock .left {
  width: calc(100% - 400px);
  background-color: var(--light);
  padding: 24px 40px;
  border-radius: 16px;
}

.cannabisBlock .right {
  width: 100%;
  max-width: 376px;
  padding: 16px 8px;
}

.substanceList ul {
  list-style: none;
  padding-left: 16px;
}
.substanceList ul li a {
    word-break: break-word;
}
.substanceList ul li {
  margin-bottom: 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}
.substanceList ul li img + a {
  margin-bottom: 0;
  width: calc(100% - 30px);
}

.substanceList ul li:last-child {
  margin-bottom: 0px;
}

.substanceList ul li a {
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  color: var(--very-dark);
  column-gap: 16px;
  display: flex;
  margin-bottom: 16px;
}

.substanceList ul li a img {
  width: 20px;
}

.substanceList ul li a span {
  width: calc(100% - 36px);
}

/* End cannabis Block */

/* Start full Text Sec */

.fullTextSec {
  margin-bottom: 80px;
}

.fullTextBlock {
  /* padding: 32px 0; */
  display: flex;
  flex-direction: column;
  gap: 32px;
}

/* End full Text Sec */

/* Start left Content Right Img Sec */

.leftContentRightImgSec {
  margin-bottom: 80px;
}

.leftContentRightImgRow {
  display: flex;
  flex-wrap: wrap;
  padding: 32px 0;
  margin: 0 -16px;
}

.leftContentRightImgRow .contentBlock {
  width: 60%;
  padding: 0 16px;
}

.leftContentRightImgRow .ImgBlock {
  width: 40%;
  padding: 0 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.leftContentRightImgRow .ImgBlock p {
  text-align: center;
  font-size: 12px;
}

/* End left Content Right Img Sec */

/* Start list Type Two */

.listTypeTwo {
  margin-bottom: 80px;
}

.listTypeTwoBlock {
  padding: 32px 0;
  display: flex;
  flex-direction: column;
  gap: 12;
}

.listTypeTwoBlock p strong {
  font-weight: 600;
}

.listTypeTwoBlock ul {
  list-style: none;
  padding-left: 16px;
  display: flex;
  flex-wrap: wrap;
}

.listTypeTwoBlock ul li {
  width: 50%;
  padding-left: 28px;
  margin-bottom: 20px;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 160%;
  position: relative;
  padding-right: 8px;
}

.listTypeTwoBlock ul li::before {
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 100%;
  display: block;
  background-color: var(--dark);
  position: absolute;
  left: 0;
  top: 10px;
}

.listTypeTwoBlock ul li strong {
  font-weight: 600;
}

.listTypeTwoBlock ul li:last-child {
  margin-bottom: 0px;
}

/* End list Type Two */

/* Start Tab Section */

.tabSec {
  margin-bottom: 80px;
}

.tabMain {
  border-radius: 24px;
  /* border:1px solid var(--dark); */
}

.tabMain .tabBtnBlocks {
  position: sticky;
  top: 60px;
  z-index: 8;
  background-color: var(--white)
}

.tabBtnBlocks ul {
  list-style: none;
  display: flex;
  background-color: var(--dark);
  border-radius: 24px 24px 0px 0px;
}

.tabBtnBlocks ul li {
}

.tabBtnBlocks ul li a {
  text-align: center;
  padding: 8px;
  width: 100%;
  height: 100%;
  display: inline-block;
  color: var(--dark-brown);
  border: 1px solid var(--dark);
  font-weight: 500;
  border-radius: 24px 24px 0px 0px;
}

.tabBtnBlocks ul li a:hover {
  background: var(--white);
  border-radius: 24px 24px 0px 0px;
  border-bottom: 1px solid var(--dark);
}

.tabBtnBlocks ul li a img {
  position: relative;
  top: -3px;
  max-height: 20px;
}

.tabBtnBlocks ul li.active a {
  background-color: var(--white);
  border-radius: 24px 24px 0px 0px;
  border-bottom: 1px solid var(--dark);
}

.tabContentBlocks {
  border: 1px solid var(--dark);
  border-radius: 24px;
  /* border-top: none; */
  background-color: var(--white);
}
.tabBtnBlocks:not(.tabBtnSingleTab) + .tabContentBlocks {
  border-top: none;
  border-radius: 0 0 24px 24px;
}

.tabContentBlocks .tabBlockItem {
  display: none;
}
.tabContentBlocks .tabBlockItem.emptyTab {
  padding: 24px;
}
.tabBlockItemContent {
  display: flex;
  flex-wrap: wrap;
}

.tabBlockItemContent .anchorPanel {
  width: 304px;
  max-width: 304px;
  padding: 16px;
  align-self: flex-start;
  position: sticky;
  top: 111px;
  z-index: 7;
  height: calc(100vh - 111px);
}

.tabBlockItemContent .anchorPanelInner {
  padding: 16px;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  /* background-color: #FFFBED; */
  background-color: var(--light);
  border-radius: 16px;
}

.tabBlockItemContent .anchorPanelInner p {
  color: var(--dark-brown);
  font-size: 15px;
  font-style: normal;
  font-weight: 300;
  line-height: 100%;
  margin: 0 0 24px;
}

.tabBlockItemContent .anchorPanelInner ul {
  list-style: none;
}

.tabBlockItemContent .anchorPanelInner ul li {
  margin-bottom: 24px;
}

.tabBlockItemContent .anchorPanelInner ul li:last-child {
  margin-bottom: 0px;
}

.tabBlockItemContent .anchorPanelInner ul li a {
  color: var(--dark-brown);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  cursor: pointer;
}

.tabBlockItemContent .anchorPanelInner ul li a span {
  width: 21px;
  height: 21px;
  display: inline-block;
  /* background-color: #FED250; */
  background-color: var(--dark);
  border-radius: 4px;
  vertical-align: middle;
  margin-right: 8px;
  position: relative;
  top: -2px;
  background-image: url(../images/arrow-right.svg);
  background-repeat: no-repeat;
  background-position: center;
}

.tabBlockItemContent .anchorPanelInner ul li a.active span {
  /* background-color: #FE9AEE; */
  background-color: var(--very-dark);
  background-image: url(../images/curv.svg);
}

.anchorPanelInner .mobileSelect {
  display: none;
}

.tabBlockItemContent .contentBox {
  width: calc(100% - 304px);
  margin-top: 16px;
}

.tabBlockItemContent .contentBoxInner {
  padding-left: 32px;
  padding-right: 48px;
  margin-bottom: 56px;
  border-radius: 16px;
  padding-top: 10px;
  padding-bottom: 16px;
}

.tabBlockItemContent .contentBoxInner:last-child {
  margin-bottom: 16px;
}

.tabBlockItemContent .contentBoxInner section {
  margin-bottom: 0px;
}

.tabBlockItemContent .contentBox .container {
  padding-left: 0;
  padding-right: 0;
}

/* End Tab Section */

/* Start interlinkS Sec */

.interlinkSec {
  margin-bottom: 80px;
  padding-bottom: 84px;
  position: relative;
  overflow: hidden;
}

.interlinkSec::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(../images/interlink-bg-main.svg);
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}

.interlinkBlock {
  padding: 32px 80px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.interlinkBlock .interlinkBlockTitle {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}

.interlinkRow {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -8px;
}

.interlinkCol {
  width: 33.333%;
  padding: 8px 8px;
}

.interlinkColInner {
  height: 100%;
  padding: 24px;
  border-radius: 12px;
  border: 2px solid var(--dark);
  background-color: var(--white);
  position: relative;
  transition: all 0.5s;
  display: block;
}

.interlinkColInner:hover {
  transform: scale(1.1);
  z-index: 2;
}

.greenShade .interlinkColInner {
  border-color: rgba(165, 217, 81, 0.5);
}

.skyShade .interlinkColInner {
  border-color: #b6efd3;
}

.skyDarkShade .interlinkColInner {
  border-color: #49dad9;
}

.tillShade .interlinkColInner {
  border-color: #9bbbf9;
}

.greyShade .interlinkColInner {
  border-color: #e6d2ff;
}

.yellowShade .interlinkColInner {
  border-color: #ffe9a7;
}

.orangeShade .interlinkColInner {
  border-color: #ffaf65;
}

.pinkShade .interlinkColInner {
  border-color: #fec5d6;
}

.interlinkColInner h4 {
  font-size: 20px;
  font-weight: 600;
  margin: 0;
}

.interlinkColInner p {
  font-size: 14px;
}

.tagList {
  display: flex;
  margin: 12px 0 0px;
}

.tagList .tag {
  background-color: var(--primary);
  color: var(--dark-brown);
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  padding: 4px 8px;
  border-radius: 8px;
  margin-right: 4px;
}

.tagList .tag:last-child {
  margin-right: 0px;
}

.greenShade .tag {
  background-color: rgba(165, 217, 81, 0.5);
}

.skyShade .tag {
  background-color: #b6efd3;
}

.skyDarkShade .tag {
  background-color: #a4edec;
}

.tillShade .tag {
  background-color: #cdddfc;
}

.greyShade .tag {
  background-color: #e6d2ff;
}

.yellowShade .tag {
  background-color: #ffe9a7;
}

.orangeShade .tag {
  background-color: #ffd7b2;
}

.pinkShade .tag {
  background-color: #fec5d6;
}

/* End interlinkS Sec */

/* Start alert Banner */

.alertBanner {
  width: 100%;
  max-width: 1920px;
  position: fixed;
  left: 50%;
  transform: translate(-50%, 0px);
  z-index: 9;
  top: 64px;
  background-color: var(--primary);
  border-radius: 0px 0px 16px 16px;
  padding: 8px 40px;
  display: none;
}

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

.alertBannerContent .left {
  display: flex;
  align-items: center;
  column-gap: 16px;
  padding-right: 15px;
}

.alertBannerContent .left a.btnSamllWhite {
  min-height: 28px;
}

.alertBannerContent .left h5 {
  font-size: 16px;
  font-weight: 300;
  line-height: 135%;
  /* 21.6px */
  letter-spacing: -0.352px;
  margin: 0;
}

.alertBannerContent .left h5 strong {
  font-weight: 600;
}

.alertBannerContent .right button {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  border: none;
  width: 24px;
  height: 24px;
  border-radius: 4px;
}

.alertBannerContent .right button:hover {
  background-color: #fed250;
}

/* End alert Banner */

/* Start classic Table */

.classicTableSec {
  margin-bottom: 80px;
}

.classicTableMain {
  width: 100%;
  overflow: auto;
}

.classicTableView {
  padding: 32px 0;
}

.classicTableMain {
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}

.classicTableMain::-webkit-scrollbar-track {
  background: transparent;
}

.classicTableMain::-webkit-scrollbar-thumb {
  background: transparent;
}

.classicTableMain::-webkit-scrollbar-thumb:hover {
  background: transparent;
}

.classicTable {
  display: table;
  width: 100%;
  /* white-space: nowrap; */
  min-width: 100%;
}

.classicTableHead .theadTr,
.classicTableBody .tbodyTr {
  display: flex;
}

.classicTableHead .theadTr .theadTd {
  color: var(--dark-brown);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  padding: 16px 16px;
  /* min-width: fit-content; */
  flex: 1;
  width: 288px;
}

.classicTableHead .theadTr .theadTd.sticky {
  position: sticky;
  left: 0;
  background-color: var(--white);
}

.classicTableBody {
  display: table-row-group;
}

.classicTableBody .tbodyTr .tbodyTd {
  padding: 16px 16px;
  color: var(--dark-brown);
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  /* min-width: fit-content; */
  /* border-top: 2px solid #FED250; */
  border-top: 2px solid var(--dark);
  flex: 1;
  width: 288px;
}

.classicTableBody .tbodyTr .tbodyTd.sticky {
  position: sticky;
  left: 0;
  background-color: var(--light);
  z-index: 2;
}

.classicTableBody .tbodyTr:last-child .tbodyTd {
  /* border-bottom: 2px solid #FED250; */
  border-bottom: 2px solid var(--dark);
}

.tbodyTr.accordionTableView.show .tbodyTd {
  border-top: none;
}

.tablePagination {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px 0 0;
  column-gap: 24px;
}

.tablePagination p {
  font-size: 12px;
  font-weight: 300;
  color: var(--black);
  margin: 0;
}

.tablePaginationBtnGroup {
  display: flex;
  align-items: center;
  column-gap: 16px;
}

.tablePaginationBtnGroup button {
  background-color: transparent;
  border: none;
  padding: 0;
}

.tablePaginationBtnGroup button.prevBtn svg {
  transform: rotate(180deg);
}

.tablePaginationBtnGroup button.disabled {
  opacity: 0.3;
  cursor: default;
  pointer-events: none;
}

.tablePaginationBtnGroup .circleBtnInner {
  display: flex;
  column-gap: 16px;
}

.tablePaginationBtnGroup button.circleBtn {
  /* background-color: #FE9AEE; */
  background-color: var(--dark);
  width: 12px;
  height: 12px;
  border-radius: 100%;
}

.tablePaginationBtnGroup button.circleBtn.active {
  /* background-color: #FED250; */
  background-color: var(--very-dark);
  border: 1px solid #000;
  cursor: default;
  pointer-events: none;
}

.phasesTd {
  display: flex;
  align-items: center;
  column-gap: 8px;
}

.phasesTd i {
  font-size: 15px;
}

.phasesTd .toolTipMain {
  top: 3px;
}

.classicTableBody .tbodyTr:first-child .phasesTd .toolTipMain .toolTip {
  bottom: initial;
  top: 100%;
  z-index: 3;
}

.classicTableBody
  .tbodyTr:first-child
  .phasesTd
  .toolTipMain
  .toolTip
  .toolTipInner::after {
  top: initial;
  bottom: 100%;
  border-top: 0px solid transparent;
  border-bottom: 20px solid var(--white);
}

.accordionTable .classicTableHead .theadTr .theadTd:last-child,
.accordionTable .classicTableBody .tbodyTr .tbodyTd:last-child {
  position: sticky;
  right: 0;
  background: var(--white);
  border-top: none;
}

.accordionTable .classicTableBody .tbodyTr .tbodyTd:last-child {
  text-align: right;
  padding: 0;
}

.accordionTableHead {
  margin-top: 24px;
}

.accordionTableHead:first-child {
  margin-top: 0px;
}

.accordionTableHead .tbodyTd:not(.accordionTableHead .tbodyTd:last-child) {
  background-color: var(--dark) !important;
}

.accordionTableHead .tbodyTd:first-child {
  border-radius: 8px 0px 0px 8px;
}

.accordionTableView {
  display: none !important;
}

.accordionTableView.show {
  display: flex !important;
}

.accordionTableHead button {
  background-color: var(--dark);
  border: none;
  font-weight: 300;
  padding: 16px 16px;
  width: 100%;
  height: 100%;
  text-align: right;
  border-radius: 0 8px 8px 0;
}

.accordionTableHead button.forMobile {
  display: none;
}

/* End classic Table */

/* Start answer Card Block */

.answerCardSec {
  margin-bottom: 80px;
}

.answerCardRow {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -4px;
}

.answerCardCol {
  width: 33.333%;
  padding: 4px 4px;
  opacity: 0;
  position: relative;
  top: -88px;
}

/* .answerCardCol:nth-child(1){
    animation-name: fade2;
    animation-duration: 250ms;
    animation-delay: 1100ms;
    transition: ease-out;
}
@keyframes fade2 {
    from {
        transform: translateY(-88px);
        opacity: 0;
    }
    to {
        transform: translateY(0px);
        opacity: 1;
    }
} */
.answerCardColInner {
  height: 100%;
  background-color: var(--white);
  padding: 24px 24px;
  border-radius: 12px;
  border: 1px solid var(--dark);
  min-height: 229px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: all 0.5s;
  cursor: pointer;
  position: relative;
}

.answerCardColInner:hover {
  transform: scale(1.1);
  z-index: 10;
  position: relative;
}

.answerCardColInner .answerSelected {
  visibility: hidden;
  color: var(--dark-brown);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  background-color: var(--dark);
  padding: 6px 16px;
  border-radius: 0px 0px 8px 8px;
  position: absolute;
  top: 0px;
  min-height: 26px;
}
.answerCardColInner:hover .answerSelected {
  top: 0px;
}
.answerCardCol.active .answerCardColInner .answerSelected {
  visibility: visible;
}

.answerCardColInner h6 {
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  margin: 0 0 8px;
  min-height: 48px;
}

.answerCardColInner p {
  text-align: center;
  font-size: 14px;
}

.answerCardColInner .answerCardButton {
  visibility: hidden;
  position: relative;
  cursor: pointer;
}

.answerCardColInner:hover {
}

.answerCardColInner:hover .answerCardButton {
  visibility: visible;
}

/* End answer Card Block */

/* Start summary Block */

.summarySec {
  margin-bottom: 80px;
}

.summaryBlock {
  padding: 64px 80px;
}

.summaryRow {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding-bottom: 32px;
  border-bottom: 8px solid var(--primary);
}

.summaryRow .imgBlock {
  width: 147px;
}

.summaryRow .contentBlock {
  width: calc(100% - 147px);
  padding-left: 48px;
}

.summaryRow .contentBlock h6 {
  font-size: 20px;
  font-weight: 600;
  margin: 0;
}

/* End summary Block */

/* Start resource Sec */

.resourceSec {
  margin-bottom: 80px;
}

.resourceBlock {
  padding: 32px 0;
}

.resourceCardMain {
  padding: 24px 0 0;
}

.resourceCardBlock {
  padding: 8px;
}

.resourceCard {
  display: flex;
  flex-wrap: wrap;
  border-radius: 14px 12px 12px 14px;
  border: 1px solid var(--dark);
  /* min-height: 318px; */
}

.resourceCard .left {
  width: 119px;
  background-color: var(--dark);
  padding: 8px;
  border-radius: 12px 0px 0px 12px;
  background-image: url(../images/yellow-profile-pdf-svg.svg);
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.resourceCard .left p {
  font-size: 16px;
  font-weight: 700;
  line-height: 32px;
}

.resourceCard .right {
  width: calc(100% - 119px);
  padding: 24px 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  background-color: var(--white);
  border-radius: 0 12px 12px 0;
}

.resourceCard .right h3,
.resourceCard .right p {
  margin: 0 0 16px;
}

.resourceCardFooter {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.resourceCardFooter .fileNameblock {
  width: calc(100% - 20px);
  display: flex;
  column-gap: 4px;
}

.resourceCardFooter .fileNameblock .nameFile {
  font-variant-numeric: lining-nums proportional-nums;
  padding: 8px;
  background-color: var(--primary);
  font-size: 12px;
  font-weight: 400;
  border-radius: 8px;
  line-height: normal;
  color: var(--dark-brown);
}

.resourceCardFooter .fileNameblock .sizeFile {
  font-variant-numeric: lining-nums proportional-nums;
  padding: 8px;
  background-color: var(--primary);
  font-size: 12px;
  font-weight: 400;
  border-radius: 8px;
  line-height: normal;
  color: var(--dark-brown);
}

.resourceCardFooter button {
  padding: 7px 14px;
  border: none;
  background-color: transparent;
}

.resourceCard:hover .resourceCardFooter button {
  background-color: var(--dark);
}

/* End resource Sec */

/* Start dosages Sec */

.dosagesSec {
  margin-bottom: 80px;
}

.dosagesBlock {
  padding: 32px 0;
}

.dosagesBlockMain {
  padding: 32px 0 0;
}

.dosagesBlockMain h3 {
  margin-bottom: 16px;
}

.dosagesImgBlock {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
  overflow: hidden;
}

.dosagesImgBlockInner {
  overflow: auto;
  width: 100%;
}

.dosagesImgBlockInner::-webkit-scrollbar-track {
  background: transparent;
}

.dosagesImgBlockInner::-webkit-scrollbar-thumb {
  background: transparent;
}

.dosagesImgBlockInner::-webkit-scrollbar-thumb:hover {
  background: transparent;
}

.dosagesImgScroll {
  width: max-content;
}

.dosagesImgBlockInner img {
  max-width: max-content;
}

/* End dosages Sec */

/* Start Form Sec */

.formSec {
  margin-bottom: 80px;
}

.formBlock {
  padding: 32px 40px;
}

.formBlock p {
  margin: 32px 0 0;
  max-width: 880px;
}

/* End Form Sec */

/* Start search Page */

.searchPage {
  padding: 80px 0;
}

.searchBlock {
  padding: 0 80px;
}

.searchBlockInner {
  padding: 0px 80px 0;
}

.searchBox {
  position: relative;
  padding: 0 0 120px;
}

.searchBox i {
  position: absolute;
  left: 12px;
  top: 14px;
}

.searchBox button {
  position: absolute;
  right: 12px;
  top: 14px;
  background-color: transparent;
  border: none;
  border-left: 1px solid var(--dark);
  height: 24px;
  display: flex;
  align-items: center;
  padding: 4px 16px;
}

.searchBox .form-control {
  padding-left: 45px;
  padding-right: 65px;
  font-family: "Raleway", sans-serif;
}

.searchFilter {
  display: flex;
  align-items: center;
  column-gap: 8px;
  margin: 24px 0;
}

.searchFilter h6 {
  font-size: 12px;
  font-weight: 400;
  margin: 0;
}

.searchFilter .filterDiv {
    display: flex;
    width: calc(100% - 110px);
    column-gap: 12px;
    flex-wrap: wrap;
    row-gap: 10px;
}

.searchFilter .filterDiv .filterDivSelect {
  width: max-content;
  max-width: 100%;
}

.searchRsltCol {
  padding: 8px;
}

.searchRsltColInner {
  padding: 24px 88px 24px 24px;
  border-radius: 12px;
  /* border: 2px solid #A5D951; */
  border: 2px solid var(--dark);
  background: var(--white);
  position: relative;
}

.greenShade .searchRsltColInner {
  border: 2px solid #a5d951;
}

.skyShade .searchRsltColInner {
  border: 2px solid #6ddea8;
}

.greyShade .searchRsltColInner {
  border: 2px solid #cda6ff;
}

.yellowShade .searchRsltColInner {
  border: 2px solid #fed250;
}

.pinkShade .searchRsltColInner {
  border: 2px solid #fc8cae;
}

.searchRsltColInner h6 {
  font-size: 20px;
  font-weight: 600;
  margin: 0;
}

.searchRsltColInner h6 a {
  color: var(--dark-brown);
}
.searchRsltColInner p {
  font-size: 14px;
  margin: 0;
}

.searchRsltColInner .anchorBtn {
  padding: 4px 16px;
  border-left: 1px solid #000;
  height: 16px;
  display: flex;
  align-items: center;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translate(0, -50%);
}

.searchRsltColInner:hover .anchorBtn {
  border-left: 2px solid #cda6ff;
  background-color: var(--dark);
  padding: 16px;
  border-radius: 8px;
  height: 48px;
}

/* End search Page */

/* Start ProfileHub page */

.profilHubSec {
}

.profilHubRow {
  display: flex;
  flex-wrap: wrap;
  max-width: 2560px;
  margin: 0 auto;
}

.profilHubLeftCol {
  width: 60%;
  /*  background-image: url(../images/profilehub-bg.svg); */
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center bottom;
  padding-right: 204px;
  padding-bottom: 360px;
}

.profilHubLeftCol .contentBlock {
  width: 100%;
  max-width: 714px;
  margin-left: auto;
  padding: 40px 48px;
  margin-top: 136px;
}

.profilHubLeftCol .contentBlock h1 {
  max-width: 369px;
}

.profilHubLeftCol .contentBlock h4 {
  font-weight: 300;
  font-size: 24px;
}

.profilHubLeftCol .contentBlock p {
  font-size: 16px;
  font-weight: 300;
  line-height: 150%;
  margin: 0 0 36px;
}

.profilHubRightCol {
  width: 40%;
  padding: 61px 40px 24px 80px;
  background-color: var(--light);
}

.profilHubRightCol .contentBlock {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.profilHubRightCol .contentBlock > p {
  margin: 0;
  font-weight: 600;
}

.profilHubRightCol .contentBlock h5 {
  font-weight: 300;
  line-height: 16px;
  font-size: 12px;
  margin: 0 0 4px;
}

.profilHubRightCol .contentBlock ul {
  list-style: none;
}

.profilHubRightCol .contentBlock ul li a {
  display: flex;
  column-gap: 8px;
  padding: 4px;
}

.profilHubRightCol .contentBlock ul li span {
  width: 24px;
  height: 24px;
  /* background-color: #FED250; */
  background-color: var(--dark);
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url(../images/curv.svg);
  background-repeat: no-repeat;
  background-position: center;
}

.profilHubRightCol .contentBlock ul li p {
  width: calc(100% - 32px);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.022em;
}

.profilHubRightCol .contentBlock ul li:hover span {
  background-image: url(../images/arrow-right.svg);
}

/* End ProfileHub page */

/* Start Home Page */

.homeBanner {
  /* padding: 229px 0 223px; */
  /*padding: 145px 0;*/
  /* background-size: 100% auto; */
  position: relative;
  margin-bottom: 120px;
  overflow: hidden;
}

.home-inside-banner {
  position: relative;
  z-index: 2;
}

.homeBanner::after {
  content: "";
  /* background-color: rgba(254, 210, 80, 0.10); */
  background-color: var(--light);
  width: 100%;
  height: 326px;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}

.homeBanner h6 {
  text-align: center;
  margin: 0 0 24px;
}

.homeBanner h1 {
  text-align: center;
  margin: 0 0 40px;
}

.homeSearch {
  position: relative;
  width: 100%;
  max-width: 470px;
  margin: 0 auto;
}

.homeSearch input.form-control {
  border: none;
  border-bottom: 1px solid #2c2c2c;
  border-radius: 0;
  padding: 8px 38px 8px 8px;
}

.homeSearch button {
  position: absolute;
  right: 8px;
  top: 0;
  background: transparent;
  border: none;
}

.homeQuestionBlock {
  width: 100%;
  max-width: 680px;
  /*margin: 185px auto 0;*/
  margin: 0 auto;
  display: flex;
  align-items: flex-end;
  column-gap: 5px;
  position: relative;
  z-index: 1;
  padding-bottom: 150px;
}

.home-inside-banner-content {
  min-height: calc(100vh - 426px);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 60px 0;
}

.homeBanner .line-pattern1 {
  top: auto;
  bottom: -4vh;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}

.homeQuestionBlock .imgBlock {
  width: 133px;
  margin-right: 14px;
  margin-bottom: 10px;
}
.homeQuestionBlock .imgBlock svg {
  max-width: 100%;
}
.homeQuestionBlock .contentBlock {
  width: calc(100% - 147px);
  margin-left: 51px;
  border-radius: 8px;
  border: 2px solid var(--dark);
  background-color: var(--white);
  padding: 40px 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}

/* .homeQuestionBlock .contentBlock::after {
  content: "";
  display: block;
  width: 51px;
  height: 69px;
  position: absolute;
  right: 99.5%;
  bottom: 40px;

} */

.homeQuestionBlock .home-questionBlock-notch {
  width: 51px;
  height: 69px;
  position: absolute;
  right: 99.5%;
  bottom: 40px;
}

.homeQuestionBlock .contentBlock p {
  text-align: center;
  line-height: normal;
  margin: 0 0 16px;
}

/*.homeNormalTextBlock {
  margin-bottom: 80px;
}*/

.homeNormalTextBlock h3, .homeNormalTextBlock p {
  font-size: 28px;
  font-weight: 300;
  line-height: 150%;
  /* 42px */
  letter-spacing: -0.616px;
  text-align: center;
  max-width: 944px;
  margin: 0 auto;
}
.banner-new-text h3 p, .banner-new-text p {
  font-size: 28px;
  font-weight: 300;
  line-height: 150%;
}
.homefullTextBlock .fullTextBlock {
  max-width: 976px;
  margin: 0 auto;
}

.interlinkHomeSec {
  padding-bottom: 0px;
}

.interlinkHomeSec::after {
  display: none;
}

/* End Home Page */

/* Footer */

footer {
  margin-top: 80px;
  padding: 40px 0;
  background-color: var(--light);
  border-top: 1px solid var(--primary);
}

footer .top_row {
  margin-bottom: 24px;
}

footer .top_row .inner,
footer .bottom_row .inner {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
}

footer .top_row .inner .logo_area {
  padding: 8px 0;
}

footer .top_row .inner .available_service ul {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

footer .top_row .inner .available_service ul li {
  font-size: 16px;
  line-height: normal;
  font-weight: 300;
  color: var(--dark-brown);
  margin-right: 24px;
  padding: 8px 0;
}

footer .top_row .inner .available_service ul li:last-child {
  margin-right: 0;
}

footer .top_row .inner .available_service ul li span {
  /* color: var(--very-dark); */
  color:#a87e00b5;
  font-weight: 600;
  font-variant-numeric: lining-nums proportional-nums;
}

footer .top_row .inner .icon_links ul {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  margin: 0 -8px;
  padding: 0;
}

footer .top_row .inner .icon_links ul li {
  margin-right: 20px;
  padding: 8px;
}

footer .top_row .inner .icon_links ul li:last-child {
  margin-right: 0;
}

footer .top_row .inner .icon_links ul li a {
  display: flex;
  align-items: center;
}

footer .top_row .inner .icon_links ul li a span.icon_box {
  width: 24px;
  height: 24px;
  border-radius: 4px;
  background-color: var(--dark);
  margin-right: 8px;
  position: relative;
  overflow: hidden;
}

footer .top_row .inner .icon_links ul li a span.icon_box img:first-child {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.3s all;
}

footer .top_row .inner .icon_links ul li a span.icon_box img:last-child {
  position: absolute;
  top: 50%;
  left: -150%;
  transform: translate(-50%, -50%);
  transition: 0.3s all;
}

footer .top_row .inner .icon_links ul li a:hover span.icon_box img:first-child {
  left: 150%;
}

footer .top_row .inner .icon_links ul li a:hover span.icon_box img:last-child {
  left: 50%;
}

footer .top_row .inner .icon_links ul li a span.link_txt {
  font-size: 16px;
  line-height: normal;
  font-weight: 500;
  color: var(--dark-brown);
}

footer .bottom_row .inner p {
  margin: 0;
}

footer .bottom_row .inner p.cpy_right_txt {
  font-size: 12px;
  line-height: 24px;
  font-weight: 300;
  color: var(--dark-brown);
  font-variant-numeric: lining-nums proportional-nums;
}

footer .bottom_row .inner ul.policy_links {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 650px;
  max-width: 100%;
}

footer .bottom_row .inner ul.policy_links li {
  margin-right: 24px;
}

footer .bottom_row .inner ul.policy_links li:last-child {
  margin-right: 0;
}

footer .bottom_row .inner ul.policy_links li a {
  font-size: 12px;
  line-height: normal;
  font-weight: 600;
  color: var(--very-dark);
}

footer .bottom_row .inner p.designed_by {
  font-size: 12px;
  line-height: 24px;
  font-weight: 300;
  color: var(--dark-brown);
}

footer .bottom_row .inner p.designed_by a {
  color: var(--dark-brown);
  text-decoration: none;
}

footer .bottom_row .inner p.designed_by span {
  color: var(--very-dark);
  font-weight: 600;
}

/* End Footer */

.onboardQuestionTabBtn,
.onboardAnswerTabBtn {
  display: none;
}

/* FAQ Block CSS  */

.faqBlock {
  padding: 24px 32px 24px 16px;
  border: 2px solid var(--dark);
  border-radius: 8px;
  margin-bottom: 8px;
  background-color: var(--white);
}
.faqBlock .heading {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}
.faqBlock .heading h3 {
  font-size: 20px;
  font-weight: 500;
  width: calc(100% - 32px);
  justify-content: space-between;
  margin-bottom: 0;
}
.faqBlock .heading .icon {
  width: 24px;
  height: 24px;
  position: relative;
  margin-top: 5px;
  cursor: pointer;
}
.faqBlock .heading .icon i {
  font-size: 36px;
  font-style: normal;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  text-align: center;
  line-height: 24px;
}
.faqBlock.active .heading .icon i.plus-icon {
  opacity: 0;
}
.faqBlock.active .heading .icon i.minus-icon {
  opacity: 1;
  top: -2px;
}
.faqBlock .heading .icon i.minus-icon {
  opacity: 0;
}
.faqMain {
  padding: 32px 0 0;
}
.viewLongDesc {
  font-size: 16px;
  font-weight: 600;
  color: var(--very-dark);
  text-decoration: underline;
  margin-top: 16px;
  display: table;
}
.viewLongDesc i {
  font-style: normal;
}
.viewLongDesc:hover,
.viewLongDesc:focus {
  text-decoration: underline;
  color: var(--very-dark);
}
.faqBlock .content {
  margin-top: 8px;
  display: none;
}
.longDesc {
  margin-top: 16px;
  display: none;
}
.descMinus {
  display: none;
}
.faqBlock .viewLongDesc.active .descPlus {
  display: none;
}
.faqBlock .viewLongDesc.active .descMinus {
  display: table;
}
.faq-details .fullTextBlock {
  padding: 24px 16px !important;
  border: 2px solid var(--dark);
  border-radius: 8px;
}
/* End FAQ Block CSS  */

/* annuaire Details Page CSS */

.directorySpecialisationSec {
  margin-bottom: 80px;
}
.directorySpecialisationBlock {
  padding: 32px 0;
  display: flex;
  flex-direction: column;
  gap: 12;
}
.directorySpecialisationBlock p strong {
  font-weight: 600;
}
.directorySpecialisationBlock ul {
  list-style: none;
  margin-top: 16px;
}
.directorySpecialisationBlock ul li {
  padding-left: 32px;
  margin-bottom: 8px;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 160%;
  position: relative;
}
.directorySpecialisationBlock ul li::before {
  content: "";
  width: 16px;
  height: 16px;
  display: block;
  background-image: url(../images/tick-icon.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 10px;
}
.directorySpecialisationBlock ul.sub-prestation-ul li::before {
  content: normal;
}
.directorySpecialisationBlock .directorySpecialisationText > ul > li > ul {
  list-style: inside;
  display: block;
}
.directorySpecialisationBlock .directorySpecialisationText > ul > li > ul > li {
  padding-left: 12px;
}
.directorySpecialisationBlock
  .directorySpecialisationText
  > ul
  > li
  > ul
  > li::marker {
  font-size: 12px;
}
.directorySpecialisationBlock ul li strong {
  font-weight: 600;
}
.directorySpecialisationBlock ul li:last-child {
  margin-bottom: 0px;
}
.directorySpecialisationRow {
  display: flex;
  flex-wrap: wrap;
  gap: 32px 20px;
  padding-top: 32px;
}
.directorySpecialisationCol {
  width: calc(50% - 10px);
}
.directorySpecialisationBlock h3 {
  font-size: 24px;
  font-weight: 500;
}
.directorySpecialisationText p {
  margin-bottom: 24px;
}
.directorySpecialisationText {
  padding-top: 32px;
}
.directorySpecialisationText ul {
  display: flex;
  flex-wrap: wrap;
  column-gap: 20px;
}
.directorySpecialisationText ul li {
  width: calc(50% - 10px);
}
.directorySpecialisationText ul.sub-prestation-ul li.sub-prestation-li {
  list-style-type: none;
}
.directorySpecialisationText ul.sub-prestation-ul li.sub-prestation-li{
  position: relative;
}
.directorySpecialisationText ul.sub-prestation-ul li.sub-prestation-li::before{
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 100%;
  display: block;
  background-color:var(--dark-brown);
  position: absolute;
  left: 0;
  top: 18px;
  border-radius: 50%;
}

.directorySpecialisationText.annuaire-details-desc ul li {
  width: 100%;
  position: relative;
}
.directorySpecialisationText.annuaire-details-desc ul{
  margin-bottom: 16px;
}
.directorySpecialisationText.annuaire-details-desc ul li::before{
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 100%;
  display: block;
  background-color: var(--dark);
  position: absolute;
  left: 0;
  top: 10px;
}

.leftContentRightImgRow.center {
  align-items: center;
}
.substanceList ul li a {
  width: calc(100% - 36px);
  color: var(--very-dark);
}
.mt-32 {
  margin-top: 32px;
}
.mb-24 {
  margin-bottom: 24px;
}
.directoryDetailsPageHead {
  padding: 30px 0;
}
.directoryDetailsPageHeadWrap {
  position: relative;
}
.directoryDetailsPageHead h1 i {
  font-size: 32px;
  font-weight: 300;
  font-style: normal;
}
.backBtn {
  font-size: 12px;
  font-weight: 500;
  padding: 10px 16px;
  border: 1px solid var(--dark);
  border-radius: 4px;
  color: #2c2c2c;
  position: absolute;
  right: calc(100% + 40px);
  top: 50%;
  transform: translateY(-50%);
  width: 100px;
  background-color: transparent;
  transition: 400ms background-color;
}
.backBtn:hover {
  border: 1px solid var(--dark);
  color: #2c2c2c;
  background-color: var(--dark);
}
.backBtn i {
  font-weight: 700;
  font-style: normal;
  color: #2c2c2c;
  margin-right: 10px;
}
.directoryDetailsPage .container {
  max-width: 1056px;
  width: calc(100% - 280px);
}

/* annuaire Details Page CSS */

/* / Practices Page CSS / */

.select2-container--default .select2-selection--single {
  width: max-content;
  position: relative;
}
.practicesFilterCol {
  display: flex;
  /* align-items: center; */
  column-gap: 8px;
}

.practicesSec {
  padding: 0 0 80px;
}
.practicesBlock {
  padding: 0 0;
}
.practicesBlockInner {
  padding: 48px 0 0;
}
.practicesBox {
  position: relative;
  padding: 0 0 120px;
}
.practicesBox i {
  position: absolute;
  left: 12px;
  top: 14px;
}
.practicesBox button {
  position: absolute;
  right: 12px;
  top: 14px;
  background-color: transparent;
  border: none;
  border-left: 1px solid var(--dark);
  height: 24px;
  display: flex;
  align-items: center;
  padding: 4px 16px;
}
.practicesBox .form-control {
  padding-left: 45px;
  padding-right: 65px;
  font-family: "Raleway", sans-serif;
}
.practicesFilter {
  display: flex;
  align-items: center;
  column-gap: 8px;
  margin: 24px 0;
}
.practicesFilter h6 {
  padding-top: 8px;
  font-size: 12px;
  font-weight: 400;
  margin: 0;
}
.practicesFilter .filterDiv {
  display: flex;
  width: calc(100% - 110px);
  column-gap: 12px;
}
.practicesFilter .filterDiv .filterDivSelect {
  width: max-content;
  max-width: 100%;
}
.practicesRsltCol {
  padding: 8px;
}
.practicesRsltColInner {
  padding: 24px 16px;
  border-radius: 12px;
  border: 2px solid #a5d951;
  background: var(--white);
  position: relative;
}
.greenShade .practicesRsltColInner {
  border: 2px solid #a5d951;
}
.skyShade .practicesRsltColInner {
  border: 2px solid #6ddea8;
}
.greyShade .practicesRsltColInner {
  border: 2px solid #cda6ff;
}
.yellowShade .practicesRsltColInner {
  border: 2px solid #fed250;
}
.pinkShade .practicesRsltColInner {
  border: 2px solid #fc8cae;
}
.practicesRsltColInner h6 {
  font-size: 20px;
  font-weight: 600;
  margin: 0;
}
.practicesRsltColInner p {
  font-size: 14px;
  margin: 0;
}
.practicesRsltColInner .anchorBtn {
  padding: 4px 16px;
  border-left: 1px solid #000;
  height: 16px;
  display: flex;
  align-items: center;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translate(0, -50%);
}
.practicesRsltColInner:hover .anchorBtn {
  border-left: 2px solid #cda6ff;
  background-color: var(--dark);
  padding: 16px;
  border-radius: 8px;
  height: 48px;
}

/* / Practices Page CSS / */

/* / Start Right Content left Img Sec / */

.mt-60 {
  margin-top: 60px;
}
.rightContentleftImgSec {
  margin-bottom: 80px;
}
.rightContentleftImgRow {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  padding: 32px 0;
  margin: 0 -16px;
}
.rightContentleftImgRow .contentBlock {
  width: 60%;
  padding: 0 16px;
}
.rightContentleftImgRow .ImgBlock {
  width: 40%;
  padding: 0 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.rightContentleftImgRow .ImgBlock p {
  text-align: center;
}
.pinkShade .btnNormal {
  background-color: #fc8cae;
}
.withPattern .rightContentleftImgRow .patternBlock {
  width: 280px;
  height: 280px;
  border-radius: 16px;
  border: 1px solid var(--dark);
  background-color: var(--very-light);
}
.withPattern .rightContentleftImgRow {
  align-items: center;
}
.withPattern .rightContentleftImgRow.pinkShade .patternBlock {
  border-color: #fc8cae;
  background-color: rgba(252, 140, 174, 0.1);
}
.withPattern .rightContentleftImgRow .contentBlock {
  width: calc(100% - 280px);
  padding: 0 0 0 40px;
}
.rightContentleftImgRow .contentBlock h6 {
  font-size: 16px;
  font-weight: 300;
  color: var(--black);
}
.withPattern .rightContentleftImgRow {
  margin: 0;
}

/* / End Right Content left Img Sec / */

/* / Practices Page special CSS / */

.doubleColRow .interlinkCol {
  width: 50%;
}
.practicesPage .container {
  max-width: 1180px;
}
.practicesPage .container .container {
  padding: 0;
}
.practicesSec .interlinkSec {
  overflow: inherit;
}
.practicesPage .practicesBlockInner {
  padding: 48px 0 0;
}
.practicesPage .resourceCardBlock {
  padding: 0;
}
.practicesPage .interlinkBlock {
  padding: 32px 0;
}
.practicesPageHead {
  padding: 30px 0;
}

/* / Practices Page special CSS / */

ul.more-tabs {
  font-size: 16px;
}

/* Error block CSS */

.error-content {
  text-align: center;
  padding: 80px 0 155px;
}
.error-page h1 {
  margin-bottom: 40px;
}
.error-head {
  font-size: 32px;
  font-weight: 600;
  font-family: "Raleway", sans-serif;
  color: var(--dark);
}
.error-page-interlinkSec .interlinkBlock {
  padding: 0;
}
.error-page-interlinkSec {
  background-color: var(--light);
  position: relative;
  z-index: 2;
}
.error-page-interlinkSec .interlinkSec {
  position: relative;
  top: -80px;
}

/* Error block CSS */

.customSelect.form-control {
  background-color: var(--dark);
  padding: 0px 32px 0px 16px;
  line-height: 34px;
  height: 34px;
  font-size: 14px;
  color: var(--dark-brown);
  font-weight: 600;
  width: max-content;
  background-size: 10px;
  background-position: calc(100% - 13px) center !important;
}

/* / annuaire Listing Page CSS / */

.directoryHeadingWrap {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 40px;
}
.directoryHeadingWrap .leftContent {
  width: calc(100% - 456px);
  background-color: var(--light);
  padding: 24px 40px;
  border-radius: 16px;
}
.directoryHeadingWrap .rightContent {
  width: 416px;
  padding: 24px;
  border: 1px solid var(--dark);
  border-radius: 12px;
}
.directoryHeadingWrap .rightContent ul {
  padding-left: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.directoryHeadingWrap .rightContent ul li a {
  font-size: 12px;
  font-weight: 400;
  background-color: var(--dark);
  padding: 4px 8px;
  border-radius: 8px;
  color: var(--black);
}
.filterBlock .sa_input_group_check {
  display: block;
}
.directoryFilter {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  gap: 20px;
  margin-bottom: 24px;
}
.directoryFilterFirstCol {
  display: flex;
  align-items: center;
  column-gap: 8px;
  width: calc(100% - 284px);
}
.directoryFilterLastCol {
  display: flex;
  align-items: center;
  column-gap: 8px;
  width: 264px;
}
.directoryFilter .filterDiv {
  display: flex;
  width: calc(100% - 54px);
  column-gap: 12px;
}
.directoryFilter h6 {
  font-size: 12px;
  font-weight: 400;
  margin: 0;
}
ul.directoryFilterList {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  gap: 8px 24px;
  width: calc(100% - 60px);
  align-items: flex-end;
}
ul.directoryFilterList li {
  font-size: 14px;
  font-weight: 400;
  padding: 10px 4px;
  gap: 4px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
ul.directoryFilterList li.reset-btn-li {
  padding: 9px 4px;
}
ul.directoryFilterList li.reset-btn-li .reset-btn {
  color: var(--dark-brown);
  gap: 4px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
ul.directoryFilterList li span {
  display: block;
  line-height: 1;
}
ul.directoryFilterList li a.close-btn {
  font-size: 10px;
  color: #2c2c2c;
  font-weight: 600;
  display: block;
  line-height: 1;
}
.directoryFilterResults {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  font-size: 12px;
  font-weight: 400;
  width: 100%;
}
.directoryFilterResults strong {
  font-weight: 600;
}
.directoryContentWrap aside {
  width: 344px;
  padding: 8px;
}
.filterDivSelect .carte-btn {
  background-color: var(--dark);
  height: 34px;
  font-size: 14px;
  color: var(--dark-brown);
  font-weight: 600;
  width: max-content;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px 0 12px;
  border-radius: 8px;
}
.directoryResultsNum {
  line-height: 34px;
}
.directoryContentWrap {
  display: flex;
  flex-wrap: wrap;
}
.directoryResultContentHead {
  font-size: 12px;
  margin-bottom: 12px;
  display: block;
}
.directoryResultAccordion {
  /* background-color: #FED250;
    border: 1px solid #FED250; */
  background-color: var(--dark);
  border: 1px solid var(--dark);
  border-radius: 8px;
  margin-bottom: 8px;
}
.directoryResultAccordion:last-child {
  margin-bottom: 0;
}
.directoryResultAccordion .heading {
  font-size: 14px;
  font-weight: 600;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 6px 16px;
}
.directoryResultAccordion .sa_input_group_check {
  display: block;
  margin-bottom: 5px;
}
.directoryResultAccordion .sa_input_group_check:last-child {
  margin-bottom: 0;
}
.directoryResultAccordion .icon {
  padding-top: 3px;
}
.directoryResultAccordion .icon span {
  font-size: 18px;
  display: block;
  line-height: 1;
}
.directoryResultAccordion .content {
  background-color: #fff;
  padding: 12px 16px;
}
.directoryContentDetails {
  width: calc(100% - 344px);
  padding: 40px 0 0 32px;
}
.directoryBlockWrap {
  margin-bottom: 30px;
}
.directoryBlock {
  padding: 24px 80px 24px 24px;
  border: 2px solid var(--very-dark);
  border-radius: 12px;
  position: relative;
  margin-bottom: 20px;
  background-color: var(--white);
}
.directoryBlock:last-child {
  margin-bottom: 0;
}

.directoryBlock:before {
  content: "";
  position: absolute;
  right: 80px;
  top: 50%;
  transform: translateY(-50%);
  height: 24px;
  width: 1px;
  background-color: var(--very-dark);
}
.directoryBlock h3 {
  font-size: 20px;
  line-height: 1.2;
}
.directoryBlock h4 {
  font-size: 14px;
  line-height: 1.3;
}
.directoryBlock p {
  font-size: 14px;
}
.directoryLinks {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 32px;
}
.directoryLinks a {
  font-size: 14px;
  color: var(--very-dark);
  font-weight: 600;
}

.directoryBlock h3 a,
.directoryBlock h3 a:hover {
  color: var(--black);
}
.directoryBlock h4 a,
.directoryBlock h4 a:hover {
  color: var(--dark-brown);
}
.annuaire-list-content {
  margin-bottom: 16px;
  display: block;
}
.annuaire-list-content a,
.annuaire-list-content a:hover {
  color: var(--dark-brown);
}
.annuaire-list-arrow {
  line-height: 1;
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--bs-body-color);
  display: flex;
  transition: 400ms right;
}
.annuaire-list-arrow span {
  font-size: 35px;
}
.annuaire-list-arrow:hover {
  color: var(--bs-body-color);
}
.directoryBlock:hover .annuaire-list-arrow {
  right: 20px;
}

.doubleColumn .interlinkCol {
  width: 50%;
}
.filterCol {
  display: flex;
  align-items: center;
  column-gap: 8px;
}
.filterMain {
  display: flex;
  align-items: center;
  column-gap: 8px;
  margin: 24px 0;
}
.filterMain h6 {
  font-size: 12px;
  font-weight: 400;
  margin: 0;
}
.filterMain .filterDiv {
  display: flex;
  width: calc(100% - 110px);
  column-gap: 12px;
}
.filterMain .filterDiv .filterDivSelect {
  width: max-content;
  max-width: 100%;
}

.general .directorySpecialisationBlock ul li::before {
  background-image: url(../images/tick-icon.svg);
}
.aide-immediate .directorySpecialisationBlock ul li::before {
  background-image: url(../images/tick-icon-aide-immediate.svg);
}
.comprendre-sa-consommation .directorySpecialisationBlock ul li::before {
  background-image: url(../images/tick-icon-comprendre-sa-consommation.svg);
}
.employeur-es-enseignant-es .directorySpecialisationBlock ul li::before {
  background-image: url(../images/tick-icon-employeur-es-enseignant-es.svg);
}
.gerer-son-addiction .directorySpecialisationBlock ul li::before {
  background-image: url(../images/tick-icon-gerer-son-addiction.svg);
}
.personnes-retablies .directorySpecialisationBlock ul li::before {
  background-image: url(../images/tick-icon-personnes-retablies.svg);
}
.pro-admin-legaux .directorySpecialisationBlock ul li::before {
  background-image: url(../images/tick-icon-pro-admin-legaux.svg);
}
.pro-sociaux-sanitaires .directorySpecialisationBlock ul li::before {
  background-image: url(../images/tick-icon-pro-sociaux-sanitaires.svg);
}
.proches .directorySpecialisationBlock ul li::before {
  background-image: url(../images/tick-icon-proches.svg);
}

/* NEW CSS 26-03-2024 */

.sa_input_group_check.first_order_check
  .sa_input_main_content:hover
  > label:before,
.sa_input_group_check.first_order_check
  .sa_input_main_checkbox:hover
  + .sa_input_sub_group
  label:before {
  background: var(--primary);
}
.sa_input_group_check.partially_checked_first
  .sa_input_main_content
  > label::after {
  height: 4px;
  border-width: 0 0 2px 0;
  transform: translateY(-50%) rotate(0deg);
}
.sa_input_group_check:hover > label::before {
  background: var(--primary);
}
.sa_input_group_check.partially_checked_first
  .sa_input_main_content
  > label::before {
  background-color: var(--dark);
  border-color: transparent;
}
.sa_input_group_check.partially_checked_first
  .sa_input_main_content
  > label::after {
  opacity: 1;
}
.sa_input_sub_group {
  padding-top: 6px;
}
.sa_input_sub_group .second_order_check {
  padding-left: 24px;
}
.sa_input_main_checkbox {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
.sa_input_main_content {
  width: calc(100% - 30px);
  position: relative;
}
.sa_input_main_checkbox span {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  text-align: center;
  font-size: 18px;
  z-index: 1;
  position: relative;
  cursor: pointer;
  transition: 400ms transform;
}
.sa_input_main_checkbox.active span {
  transform: rotate(180deg);
}
.sa_input_sub_group {
  display: none;
}
/* .directoryResultAccordion .sa_input_group_check {
  z-index: 0;
} */
.texte_droite ul {
  display: flex;
  margin: 12px 0 0px;
}

.texte_droite ul li {
  background-color: var(--dark);
  color: var(--black);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 4px 8px;
  border-radius: 8px;
  margin-right: 4px;
}

.texte_droite ul li:last-child {
  margin-right: 0px;
}
.mapBlock {
  border-radius: 12px;
  overflow: hidden;
}
.map_location {
  padding: 24px 24px 24px 12px;
}
.map_location_data {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-between;
}
.map_location_data .content {
  margin-bottom: 30px;
}
.map_location_data h3 {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
  color: var(--dark-brown);
}
.map_location_data h4 {
  font-size: 14px;
  font-weight: 500;
  color: var(--dark-brown);
  line-height: 1.3;
}
.map_location_data p {
  font-size: 14px;
  font-weight: 300;
  color: var(--dark-brown);
}
.map_location_data .links ul {
  margin-bottom: 24px;
  list-style: none;
}
.map_location_data .links ul li {
  margin-bottom: 24px;
}
.map_location_data .links ul li:last-child {
  margin-bottom: 0;
}
.map_location_data .links ul li a,
.map_location_data .links ul li span {
  font-size: 14px;
  font-weight: 600;
  color: var(--very-dark);
  display: block;
}
.map_location_data .details-link {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.map_location_data .details-link a {
  display: block;
  width: 50px;
  border-left: 1px solid var(--very-dark);
  text-align: center;
  color: var(--black);
}

.mapBlockWrap {
  position: relative;
}
.map_location {
  position: absolute;
  left: 20px;
  top: 20px;
  bottom: 20px;
  background: #fff;
  width: 344px;
  overflow: hidden;
  border-radius: 12px;
  padding: 60px 24px 24px;
  overflow-y: auto;
}

.map_location_data h3 {
  margin-bottom: 13px;
}
.map_location_data h4 {
  margin-bottom: 20px;
}
.map_info_box .map-info-close-btn {
  color: var(--black);
  position: absolute;
  right: 30px;
  top: 20px;
  font-size: 24px;
  font-weight: 700;
}

ol.footnotes {
  display: none;
}

.substanceList ul.substance_category li a {
  font-size: 20px;
  color: var(--bs-body-color);
  font-weight: 400;
    min-width: fit-content;
}

.changeProfileAction a.btnSamll {
  display: flex;
  min-width: 180px;
  justify-content: center;
  padding: 4px 16px;
  min-height: 28px;
  width: 100%;
}

header .customContainer {
  padding-left: 24px;
  padding-right: 24px;
}

.line-pattern1 {
  content: "";
  position: absolute;
  left: 50%;
  top: 30%;
  bottom: 0;
  width: 2560px;
  min-width: 100%;
  height: 100%;
  z-index: 1;
  overflow: hidden;
  transform: translateX(-50%);
}

.line-pattern2 {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 50%;
  bottom: 0;
  width: 2560px;
  min-width: 100%;
  height: 100%;
  z-index: 0;
  margin: auto 0;
}

.line-pattern2 svg {
  /* max-width: 100%; */
}

.home-questionBlock-notch-mobile {
  display: none;
}

.right-sub-section {
  display: flex;
  /* flex-wrap: wrap; */
  align-items: center;
  /* gap: 16px; */
}

.changeProfileBtnAction_mob {
  width: 64px;
  height: 64px;
  background-color: var(--dark);
  display: none;
}
.changeProfileBtnAction_mob a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ressource-right-wrap {
  display: flex;
  flex-wrap: wrap;
  /*flex-direction: row-reverse;*/
  justify-content: space-between;

  /* align-items: center; */
}
.ressource-right-image {
  max-width: 160px;
  max-height: 185px;
}
.ressource-right-image img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.ressource-right-wrap .ressource-right-content {
  width: calc(100% - 180px);
}
.ressource-wrap {
  margin-bottom: 16px;
}
.ressource-wrap:last-child {
  margin-bottom: 0;
}
.ressource-wrap {
  width: 100%;
}

.tabContentBlocks .fullTextBlock {
  display: block;
}
.tabContentBlocks .fullTextBlock .secTitle {
  margin-bottom: 32px;
}

.down-arrow-btn {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  bottom: 40px;
  color: var(--dark);
  box-shadow: none;
  border-radius: 50%;
  background-color: transparent;
  z-index: 2;
}
.down-arrow-btn i {
  font-size: 40px;
}

.error-page-line-pattern {
  position: absolute;
  left: 0;
  top: 82px;
  bottom: 0;
  width: 2560px;
  min-width: 100%;
  height: 100%;
  z-index: -1;
  overflow: hidden;
}

.error-page-line-pattern svg {
  width: 100%;
}

.accordionTableHead button span + svg {
  transform: rotate(-90deg);
}
.accordionTableHead.active button span + svg {
  transform: rotate(0deg);
}

.gform-grid-col {
  position: relative;
}

.gfield--type-textarea {
  position: relative;
}

.gform_wrapper.gravity-theme .ginput_complex fieldset,
.gform_wrapper.gravity-theme .ginput_complex span {
  padding-left: 0 !important;
}

/* .ginput_complex label {
  font-size: 16px !important;
  font-style: normal;
  font-weight: 400;
  font-family: "Source Sans 3", sans-serif;
  color: #829394;
  position: absolute;
  top: 14px;
  left: 12px;
  opacity: 0 !important;
  padding-top: 0 !important;
  line-height: 1;
} */

.gfield--type-textarea label {
  font-size: 16px !important;
  font-style: normal;
  /* font-weight: 400 !important;
  font-family: "Source Sans 3", sans-serif;
  color: #829394;
  position: absolute;
  top: 16px;
  left: 12px;
  opacity: 0 !important; */
  padding-top: 0 !important;
  line-height: 1;
}

.gform-grid-col label.focus,
.gfield--type-textarea label.focus {
  opacity: 1 !important;
}

.gfield--type-textarea label.focus .gfield_required {
  display: none;
}

.gform-grid-col label.floatLabelTextarea {
  width: calc(100% - 24px);
}

.gform-grid-col input[type="text"] {
  transition: 400ms padding-left;
  font-family: "Source Sans 3", sans-serif;
  padding: 8px 12px;
}
.gfield--type-textarea textarea {
  font-family: "Source Sans 3", sans-serif;
  padding: 8px 12px;
  padding-left: 12px !important;
  padding-right: 12px !important;
}

.gform-grid-col input[type="text"]:focus::placeholder,
.gfield--type-textarea textarea:focus::placeholder {
  color: transparent;
}
.gform_wrapper.gravity-theme input[type="color"],
.gform_wrapper.gravity-theme input[type="date"],
.gform_wrapper.gravity-theme input[type="datetime-local"],
.gform_wrapper.gravity-theme input[type="datetime"],
.gform_wrapper.gravity-theme input[type="email"],
.gform_wrapper.gravity-theme input[type="month"],
.gform_wrapper.gravity-theme input[type="number"],
.gform_wrapper.gravity-theme input[type="password"],
.gform_wrapper.gravity-theme input[type="search"],
.gform_wrapper.gravity-theme input[type="tel"],
.gform_wrapper.gravity-theme input[type="text"],
.gform_wrapper.gravity-theme input[type="time"],
.gform_wrapper.gravity-theme input[type="url"],
.gform_wrapper.gravity-theme input[type="week"],
.gform_wrapper.gravity-theme select,
.gform_wrapper.gravity-theme textarea {
  background: var(--white);
  border-radius: 8px;
  border: 2px solid var(--dark);
  box-sizing: border-box;
  padding: 12px 12px;
  font-family: "Source Sans 3", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: var(--dark-brown);
  transition: all 0.3s;
}
.gform_wrapper.gravity-theme .gfield-choice-input {
  display: none !important;
}
.gform_wrapper.gravity-theme .gfield-choice-input + label {
  position: relative;
  padding-left: 24px;
  font-size: 14px;
  line-height: normal;
}
.gform_wrapper.gravity-theme
  .gfield_checkbox
  .gfield-choice-input
  + label:before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  border: 1px solid var(--dark-brown);
  transition: 0.3s all;
  border-radius: 2px;
}
.gform_wrapper.gravity-theme
  .gfield_checkbox
  .gfield-choice-input
  + label:after {
  content: "";
  position: absolute;
  left: 3px;
  width: 10px;
  height: 5px;
  border-width: 0 0 2px 2px;
  border-style: solid;
  border-color: var(--dark-brown);
  top: 46%;
  transform: translateY(-50%) rotate(-45deg);
  transition: 0.3s all;
  opacity: 0;
}
.gform_wrapper.gravity-theme
  .gfield_checkbox
  .gfield-choice-input:hover
  + label::before {
  background: var(--primary);
}

.gform_wrapper.gravity-theme
  .gfield_checkbox
  .gfield-choice-input:checked
  ~ label::before {
  background-color: var(--dark);
  border-color: transparent;
}

.gform_wrapper.gravity-theme
  .gfield_checkbox
  .gfield-choice-input:checked
  ~ label::after {
  opacity: 1;
}

.gform_wrapper.gravity-theme .gfield_checkbox .gfield-choice-input:disabled {
  cursor: not-allowed;
}

.gform_wrapper.gravity-theme
  .gfield_checkbox
  .gfield-choice-input:disabled
  ~ label {
  opacity: 0.5;
}

.gform_wrapper.gravity-theme
  .gfield_checkbox
  .gfield-choice-input:disabled
  ~ label::before {
  background: transparent !important;
}

.gform_wrapper.gravity-theme .gfield_radio .gfield-choice-input + label:before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  border: 1px solid var(--dark-brown);
  transition: 0.3s all;
  border-radius: 50%;
}

.gform_wrapper.gravity-theme .gfield_radio .gfield-choice-input + label:after {
  content: "";
  position: absolute;
  left: 4px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--dark-brown);
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s all;
  opacity: 0;
}

.gform_wrapper.gravity-theme
  .gfield_radio
  .gfield-choice-input:hover
  + label::before {
  background: var(--primary);
}

.gform_wrapper.gravity-theme
  .gfield_radio
  .gfield-choice-input:checked
  ~ label::before {
  background-color: var(--dark);
}

.gform_wrapper.gravity-theme
  .gfield_radio
  .gfield-choice-input:checked
  ~ label::after {
  opacity: 1;
}

.gform_wrapper.gravity-theme .gfield_radio .gfield-choice-input:disabled {
  cursor: not-allowed;
}

.gform_wrapper.gravity-theme
  .gfield_radio
  .gfield-choice-input:disabled
  ~ label {
  opacity: 0.5;
}

.gform_wrapper.gravity-theme
  .gfield_radio
  .gfield-choice-input:disabled
  ~ label::before {
  background: transparent !important;
}

.gform_wrapper.gravity-theme .gfield_radio {
  display: flex;
  flex-wrap: wrap;
  gap: 1%;
}
.gform_wrapper.gravity-theme .gfield_radio > div {
  width: 49.5%;
}
.gform_wrapper.gravity-theme .gform_footer {
  padding: 0 !important;
}
.gform_wrapper.gravity-theme .gform_footer input {
  min-height: 44px;
  padding: 12px 24px;
  background: var(--dark);
  border: none;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  color: var(--dark-brown);
  border-radius: 4px;
  outline: 0;
  display: inline-flex;
  align-items: center;
}
.gform_wrapper.gravity-theme .ginput_container_textarea .gfield_description {
  display: none;
}
.gform_wrapper.gravity-theme .gfield_validation_message,
.gform_wrapper.gravity-theme .validation_message {
  border: none !important;
  padding: 0 !important;
}
.custom-submit-btn {
  text-align: center;
}
.gform_wrapper.gravity-theme .gform_validation_errors {
  margin-bottom: 36px !important;
}
.gform_wrapper.gravity-theme .gfield select {
  min-height: 44px;
  padding: 12px 24px;
  background: var(--dark);
  border: none;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  color: var(--dark-brown);
  border-radius: 4px;
  outline: 0;
  display: inline-flex;
  align-items: center;
  appearance: none;
  background-size: 12px;
}
.popup_form_block .gform_wrapper.gravity-theme .gform_footer {
  justify-content: flex-end;
}

.tabMain .tabBtnBlocks ul {
  overflow-x: auto;
}
.tabBtnBlocks ul.more-tabs li {
  min-width: 130px;
}

.profilHubRightCol .contentBlock .rightSide-profile-details-main-menu h5 {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.022em;
}

.contentBox ul, .contentBox ol {
  padding-left: 20px;
  margin-bottom: 16px;
}
.contentBox ul li, .contentBox ol li {
  line-height: 160%;
  margin-bottom: 3px;
  margin-left:12px;
}

.fullContentTextList ul li, .fullContentText ul li{
  margin-left: 0px;
}

table.tablepress thead th {
  color: var(--dark-brown);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  padding: 16px 16px;
  background-color: var(--dark);
}
table.tablepress tbody td {
  border-top: 2px solid var(--dark);
  padding: 16px 16px;
  color: var(--dark-brown) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  background-color: transparent !important;
}

table.tablepress tbody td:first-child {
  position: sticky;
  left: 0;
  background-color: var(--primary) !important;
  z-index: 2;
}

table.tablepress tbody {
  border-bottom: 2px solid var(--dark);
}

table.tablepress tbody td a {
  color: var(--dark-brown);
  text-decoration: underline;
}

.annuaire-label-info {
  position: relative;
  display: table;
}
.annuaire-info {
  position: absolute;
  left: calc(100% + 6px);
  width: 10px;
  height: 10px;
  top: 12px;
  z-index: 2;
}
.annuaire-info:hover {
  z-index: 3;
}
.annuaire-info img {
  display: block;
}
.annuaire-info .info-description {
  display: none;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 220px;
  background-color: var(--white);
  padding: 8px;
  font-size: 12px;
  top: 22px;
  border: 1px solid var(--dark);
  border-radius: 6px;
  line-height: 1.4;
}
.annuaire-info .info-description:after {
  content: "";
  display: block;
  width: 0px;
  height: 0px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid var(--dark);
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0px);
  top: -10px;
  z-index: 9;
  display: none;
}
.annuaire-info:hover .info-description:after {
  display: block;
}
.annuaire-info:hover .info-description {
  display: block;
}
.info-wrap {
  padding-top: 12px;
}
.faq-sources-text {
  background-color: var(--light);
  padding: 8px 16px;
  border-radius: 12px;
}
.faq-sources-text p, .faq-sources-text li {
  font-size: 16px;
}
.faq-sources-text ul, .faq-sources-text ol {
  margin-bottom: 16px;
}
.faq-sources-text ul li::marker {
font-size: 12px;
}

.faq-back-btn .backBtn {
  position: initial;
}
.faq-backBtn-wrap {
  padding: 0 40px;
}

.psychonaut-durations-table {
  width: 100%;
  overflow-x: auto;
}
.psychonaut-durations-table::-webkit-scrollbar {
  display: none;
}
.psychonaut-durations-table table {
  border-bottom: 2px solid var(--dark);
  width: 100%;
}
.psychonaut-durations-table thead th, .psychonaut-durations-table tbody td {
  padding: 16px 16px;
  border-top: 2px solid var(--dark);
  font-size: 16px;
}
.psychonaut-durations-table thead th {
  background-color: var(--primary);
}
.psychonaut-durations-table tbody td:first-child {
  /* background-color: var(--primary); */
  position: sticky;
  left: 0;
}
.psychonaut-durations-table thead th:first-child {
  position: sticky;
  left: 0;
}

.breadcrumb_block {
  padding: 16px 0 13px;
}
.cannabisSec h1 {
  padding: 0 40px;
}
.breadcrumb_block ul.breadcrumb_item {
  padding: 0 40px;
}

.cannabisSec h1 { 
  margin-bottom: 41px;
}

.cannabisSec + .fullTextSec .fullTextBlock {
  padding-top: 0;
}
.cannabisSec + .ressource-listing-block .practicesBlockInner {
  padding-top: 0;
}
.cannabisSec + .practicesSec .practicesFilter {
  margin-top: 0;
}
.cannabisSec + .annuaire-listing-block {
margin-top: -58px;
}
.cannabisSec + .searchPage {
  padding-top: 0;
}

/* .cannabisSec + .fullTextSec .container {
  max-width: 1180px;
} */

.fullTextSec .container {
  max-width: 1180px;
} 

.cky-modal li {
  color: var(--white);
  font-size: 14px;
}


/* / Start Button Block Sec / */

.buttonBlock {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
}
.buttonBlock.left {
    justify-content: flex-start;
}
.buttonBlock.center {
    justify-content: center;
}
.buttonBlock.right {
    justify-content: flex-end;
}

/* / End Button Block Sec / */

/* / Start Text Image Sec / */

.textImgSec {
    margin-bottom: 80px;
}
.textImgRow {
    display: flex;
    flex-wrap: wrap;
    padding: 16px 0;
    margin: 0 -16px;
    border-radius: 8px;
}
.textImgSec.bg-color .textImgRow{
  background-color: var(--light);
}
.textImgRow .contentBlock {
    width: 50%;
    padding: 0 16px;
}
.textImgRow .ImgBlock {
    width: 50%;
    padding: 0 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.textImgRow .ImgBlock p {
  text-align: center;
  font-size: 12px;
}
.textImgSec.reverse .textImgRow {
    flex-direction: row-reverse;
}
.buttonSec .container {
  max-width: 1180px;
}

.textImgSec .container {
  max-width: 1180px;
}
.buttonSec {
  margin-bottom: 80px;
}
footer .top_row .inner .available_service ul li span a:hover {
  text-decoration: underline;
  color: var(--very-dark);
}

.popup_form_icon_block {
  /* display: table; */
  position: fixed;
  right: 40px;
  bottom: 64px;
  background-color: var(--dark);
  padding: 4px;
  border-radius: 50%;
  overflow: hidden;
  width: 80px;
  height: 80px;
  cursor: pointer;
  z-index: 11;
}
.popup_form_icon_wrap {
    padding: 8px;
    background-color: var(--dark);
    border-radius: 50%;
    border: 7px solid var(--white);
    width: 60px;
    height: 60px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.popup_form_icon_wrap img {
  width: 25px;
}
.popup_form_block {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 10;
  display: none;
}
.popup_icon_form_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    height: 100%;
    border: 8px solid var(--white);
    border-radius: 50%;
}
.popup_form_block .secTitle {
  margin-bottom: 32px;
}
.popup_form_block .secTitle h2 {
  justify-content: center;
}
.popup_form_block h3 {
  font-size: 20px;
  font-weight: 600;
}
.popup_form_block p {
  font-size: 14px;
}
.popup_form_block select.btnNormal {
    width: 272px;
    appearance: none;
    background-size: 12px;
    background-position: calc(100% - 16px) center !important;
    padding-right: 36px;
    border-radius: 8px;
}
.popup_form_inner {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 40px 0;
}
.popup_form_holder {
  background-color: var(--white);
  padding: 40px;
  width: 836px;
  height: calc(100vh - 80px);
  border: 2px solid var(--dark);
  border-radius: 12px;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;

}
.popup_form_block .close_btn {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 40px;
  height: 40px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  color: var(--black);
  background-color: var(--white);
  border-radius: 50%;
  box-shadow: 0 0 4px #ccc;
  border: none;
}


.substance-label-info {
  position: relative;
  display: flex;
  /* flex-wrap: wrap; */
  align-items: center;
}
.substance-info img {
  display: block;
}
.substance-info .info-description {
  display: none;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 220px;
  background-color: var(--white);
  padding: 8px;
  font-size: 12px;
  top: 32px;
  border: 1px solid var(--dark);
  border-radius: 6px;
  line-height: 1.4;
}
.substance-info:hover {
  z-index: 9;
}
.substance-info:hover .info-description {
  display: block;
}
.substance-info {
  position: absolute;
  left: calc(100% + 24px);
  width: 10px;
  height: 10px;
  top: 0px;
  z-index: 2;
}
.substance-info .info-description:after {
  content: "";
  display: block;
  width: 0px;
  height: 0px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 20px solid var(--dark);
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0px);
  top: -20px;
  z-index: 9;
  display: none;
}
.substance-info:hover .info-description:after {
  display: block;
}
.substance-label-info > img {
  margin-right: 6px;
  max-width: 20px;
}

.page_bkg_img {
  content: "";
  position: fixed;
  left: 50%;
  bottom: 0;
  width: 2560px;
  min-width: 100%;
  height: 100%;
  z-index: -1;
  transform: translateX(-50%);
}
.source-content-section{
  background-color: var(--primary);
  border-radius: 8px;
  padding: 10px 12px;
}
.annuaire-selected-dropdown {
  background-size: 10px;
  background-position: calc(100% - 13px) center !important;
  width: 115px;
  border-radius: 8px;
  position: relative;
  z-index: 2;
}
.annuaire-selected-dropdown a {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  background-color: var(--dark);
  padding: 0px 32px 0 16px;
  line-height: 34px;
  height: 34px;
  font-size: 14px;
  color: var(--dark-brown);
  font-weight: 600;
  width: 100%;
}
.annuaire-selected-dropdown a i {
  font-size: 18px;
}
.annuaire-selected-dropdown > a {
  border-radius: 8px;
  overflow: hidden;
  background-image: url(../images/down-arrow.svg) !important;
  background-repeat: no-repeat !important;
  background-size: 10px;
  background-position: calc(100% - 13px) center !important;
}
.annuaire-selected-link-wrap {
  position: absolute;
  border-radius: 0 0 8px 8px;
  overflow: hidden;
  display: none;
  width: 100%;
}
.annuaire-selected-link-wrap .selected {
  display: none;
}
.annuaire-selected-dropdown.opened > a {
  border-radius: 8px 8px 0 0;
}
.ressource-selected-dropdown {
  background-size: 10px;
  background-position: calc(100% - 13px) center !important;
  width: 220px;
  border-radius: 8px;
  position: relative;
  z-index: 2;
}
.ressource-selected-dropdown a {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  background-color: var(--dark);
  padding: 0px 32px 0 16px;
  line-height: 34px;
  height: 34px;
  font-size: 14px;
  color: var(--dark-brown);
  font-weight: 600;
  width: 100%;
}
.ressource-selected-dropdown a i {
  font-size: 18px;
}
.ressource-selected-dropdown > a {
  border-radius: 8px;
  overflow: hidden;
  background-image: url(../images/down-arrow.svg) !important;
  background-repeat: no-repeat !important;
  background-size: 10px;
  background-position: calc(100% - 13px) center !important;
}
.ressource-selected-link-wrap {
  position: absolute;
  border-radius: 0 0 8px 8px;
  overflow: hidden;
  display: none;
  width: 100%;
}
.ressource-selected-link-wrap .selected {
  display: none;
}
.ressource-selected-dropdown.opened > a {
  border-radius: 8px 8px 0 0;
}

.substance-selected-dropdown {
  background-size: 10px;
  background-position: calc(100% - 13px) center !important;
  width: 220px;
  border-radius: 8px;
  position: relative;
  z-index: 2;
}
.substance-selected-dropdown a {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  background-color: var(--dark);
  padding: 0px 32px 0 16px;
  line-height: 34px;
  height: 34px;
  font-size: 14px;
  color: var(--dark-brown);
  font-weight: 600;
  width: 100%;
}
.substance-selected-dropdown a i {
  font-size: 18px;
}
.substance-selected-dropdown > a {
  border-radius: 8px;
  overflow: hidden;
  background-image: url(../images/down-arrow.svg) !important;
  background-repeat: no-repeat !important;
  background-size: 10px;
  background-position: calc(100% - 13px) center !important;
}
.substance-selected-link-wrap {
  position: absolute;
  border-radius: 0 0 8px 8px;
  overflow: hidden;
  display: none;
  width: 100%;
}
.substance-selected-link-wrap .selected {
  display: none;
}
.substance-selected-dropdown.opened > a {
  border-radius: 8px 8px 0 0;
}



.image-modal-overlay {
  position: fixed;
  top: 0; left: 0;
  width: 100vw; height: 100vh;
  background: rgba(0, 0, 0, 0.9);
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: center;
  gap: 15px;
  z-index: 9999;
}

.image-modal-overlay .image-modal-img-wrap {
  max-width: calc(100% - 70px);
  max-height:calc(100% - 70px);
  overflow: hidden;
  border-radius: 7px;
  background-color: var(--white);
  width:100%;
}

.image-modal-overlay .image-modal-img {
  width: 100%;
  height: auto;
  max-height: 98%;
  transform: scale(1);
  transition: transform 0.2s ease;
  display: block;
  object-fit: contain;
}

.image-modal-overlay .image-modal-controls {
  display: flex;
  gap: 12px;
  max-width: calc(100% - 70px);
  justify-content: end;
  width:100%;
}

.image-modal-overlay .modal-btn {
  cursor: pointer;
  color: white;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  padding: 10px;
  user-select: none;
  height: 35px;
  width: 35px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
}
.image-modal-overlay span.modal-btn.close-btn {
  font-size: 13px;
}


.image-modal-overlay .zoom-in, .image-modal-overlay .zoom-out{
  visibility: hidden;
  opacity: 0;
}
.tabSec .fullTextBlock p img{
  cursor: pointer;
}