.pb-150 {
    padding-bottom: 100px;
    padding-top:100;
}
.tp-el-title span {
    color: #dea706;
}

:root {
  --primary: #bd9a35;
  --secondary: #2c2c2c;
  --black: #000;
  --black-2: #1C1D20;
  --black-3: #212125;
  --black-4: #262629;
  --black-5: #27272B;
  --black-6: #333337;
  --black-7: #27292D;
  --black-8: #222227;
  --black-9: #999999;
  --black-10: #272422;
  --black-11: #1D1917;
  --black-12: #343231;
  --black-13: #3C3636;
  --black-14: #39393D;
  --black-15: #141415;
  --black-16: #202C58;
  --white: #fff;
  --white-2: #F9F9F9;
  --white-3: #F3F3F3;
  --white-4: #EFEFEF;
  --white-5: #C1C1C1;
  --white-6: #C9C6DE;
  --white-7: #CDCDCD;
  --white-8: #C7C7D7;
  --white-9: #F5F5F5;
  --white-10: #F0EDEB;
  --white-11: #F0ECE9;
  --white-12: #DDD2CC;
  --white-13: #F6EEEA;
  --white-14: #F4F0ED;
  --white-15: #F3F0E4;
  --white-16: #F2F0E5;
  --white-17: #F8F8FC;
  --white-18: #F6F3F0;
  --white-19: #FBFAF7;
  --gray: #666666;
  --gray-2: #D9D9D9;
  --gray-3: #636376;
  --gray-4: #999999;
  --gray-5: #232327;
  --gray-6: #44454A;
  --gray-7: #63637B;
  --gray-8: #3B3B3F;
  --gray-9: #3F3A36;
  --gray-10: #555555;
  --gray-11: #89827A;
  --gray-12: #756F68;
  --gray-13: #E9E9E9;
  --gray-14: #3F4044;
  --orange: #FD8F77;
  --orange-deep: #EF6C22;
  --orange-light: #BAB0AA;
  --orange-2: #F56C1F;
  --orange-3: #F3A072;
  --blue-light: #52526C;
  --blue-2: #3D3F60;
  --blue-3: #6A6BBF;
  --blue-4: #494B6C;
  --blue-5: #BBBCD2;
  --blue-6: #3F4061;
  --blue-7: #433E5F;
  --blue-8: #393B5A;
  --blue-9: #58597D;
  --yellow: #F4D8BB;
  --yellow-light: #E8E0DB;
  --yellow-2: #C2B7A1;
  --yellow-3: #FFC700;
  --yellow-4: #F59B14;
  --yellow-5: #F2DCA1;
  --purple: #AF89FF;
  --purple-2: #D4BFFF;
  --purple-3: #8181CB;
  --purple-4: #384364;
  --pink: #F8D3D3;
  --pink-2: #FFA98D;
  --pink-3: #F4E5D3;
  --pink-4: #F2EDE1;
  --pink-5: #FFD6B0;
  --pink-6: #E7E2D1;
  --pink-7: #DAD6C6;
  --pink-8: #FDC1B4;
  --pink-9: #F4E6D5;
  --pink-10: #EEE5DC;
  --pink-11: #DCAF82;
  --pink-12: #E4DDD5;
  --pink-13: #F2F1F0;
  --pink-14: #FCF8F5;
  --green: #3C524C;
  --green-2: #668D7F;
  --green-3: #7BD1C4;
  --green-4: #B1E9B9;
  --green-5: #4D605A;
  --green-6: #3F524C;
  --green-7: #89D0C3;
  --green-8: #4C605A;
  --green-9: #A0C1A8;
  --green-10: #81C9BC;
  --green-11:#D2EAF1;
  --blue-1: #0D3570;
  --blue-2: #E2F3FF;
  --red: #F02E27;
}
.show-dark {
    display: inline-block;
}
.show-light {
    display: none;
}
.codiDot_team-brand__item-wrapper {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}
@media only screen and (max-width: 767px) {
  .codiDot_team-brand__item-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 575px) {
  .codiDot_team-brand__item-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
.codiDot_team-brand__item {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--white);
  min-width: 100px;
  aspect-ratio: 100/100;
  padding: 0 20px;
  margin-top: -1px;
  border-left-color: transparent;
}
.light .codiDot_team-brand__item {
  border-color: var(--black-2);
  border-left-color: transparent;
}
.codi_image.inner_item img:hover {
    filter: grayscale(1);
}
.codi_image.inner_item img {
    filter: invert(1);
}
@media only screen and (max-width: 767px) {
  .codiDot_team-brand__item {
    border: none;
    aspect-ratio: 100/50;
    
  }
  .pb-150 {
       padding-bottom: 60px;
    padding-top:60;
  }
  .codiDot_team-brand__item.border-0 {
    display: none;
  }
}
.codiDot_team-brand__item:nth-child(1) {
  grid-column-start: 2;
  border-left-color: var(--white);
}
.light .codiDot_team-brand__item:nth-child(1) {
  border-left-color: var(--black-2);
}
@media only screen and (max-width: 767px) {
  .codiDot_team-brand__item:nth-child(1) {
    grid-column-start: auto;
  }
}
.codiDot_team-brand__item:nth-child(2) {
  grid-column-start: 1;
  border-left-color: var(--white);
}
.light .codiDot_team-brand__item:nth-child(2) {
  border-left-color: var(--black-2);
}
@media only screen and (max-width: 767px) {
  .codiDot_team-brand__item:nth-child(2) {
    grid-column-start: auto;
  }
}
.codiDot_team-brand__item:nth-child(7) {
  grid-column-start: 2;
  border-left-color: var(--white);
}
.light .codiDot_team-brand__item:nth-child(7) {
  border-left-color: var(--black-2);
}
@media only screen and (max-width: 767px) {
  .codiDot_team-brand__item:nth-child(7) {
    grid-column-start: auto;
  }
}
.codiDot_team-brand__item:nth-child(12) {
  grid-column-start: 5;
  border-left-color: var(--white);
}
.light .codiDot_team-brand__item:nth-child(12) {
  border-left-color: var(--black-2);
}
@media only screen and (max-width: 767px) {
  .codiDot_team-brand__item:nth-child(12) {
    grid-column-start: auto;
  }
}
.codiDot_team-brand-text p {
  font-size: 20px;
  color: var(--white);
  font-family: "Manrope";
  line-height: 1.25;
  text-transform: uppercase;
  max-width: 300px;
  margin: 0 auto;
  padding-inline-start: 20px;
  transform: translateY(100%);
  margin-bottom: -70px;
  padding-top: 20px;
}
.light .codiDot_team-brand-text p {
  color: var(--black-2);
}
@media only screen and (max-width: 1399px) {
  .codiDot_team-brand-text p {
    margin-bottom: -60px;
    padding-top: 10px;
  }
}
@media only screen and (max-width: 1199px) {
  .codiDot_team-brand-text p {
    margin-bottom: -50px;
    padding-top: 0px;
    padding-inline-start: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .codiDot_team-brand-text p {
    padding-inline-start: 60px;
    transform: translateY(70%);
  }
}
@media only screen and (max-width: 767px) {
  .codiDot_team-brand-text p {
    transform: none;
    margin-bottom: 30px;
    padding-inline-start: 0;
    text-align: center;
  }
}