:root {
  --fallback-font-stack: Helvetica, Arial, serif;
}

.about.marketingToolSection {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 0;
  background: var(--src) center center/cover no-repeat;
  overflow: hidden;
}
.about .headerContainer {
  /* display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 0 1 59;
  margin: 36px 30px 0;
  width: 95%; */
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 0 1 59;
  margin: 0px 0px 0px 0px;
  width: 100%;
  padding: 24px 33px 10px 32px;
}
@media (max-width: 991px) {
  .about .headerContainer {
    -moz-column-gap: 32px;
    column-gap: 32px;
  }
}
@media (max-width: 575px) {
  .about .headerContainer {
    -moz-column-gap: 16px;
    column-gap: 16px;
  }
}
@media (max-width: 383px) {
  .about .headerContainer {
    -moz-column-gap: 8px;
    column-gap: 8px;
  }
}
.about .logoImage {
  max-width: 155.9895935059px;
  -o-object-fit: contain;
  object-fit: contain;
}
@media (max-width: 575px) {
  .about .logoImage {
    position: relative;
    margin: 0 0 0 16px;
  }
}
@media (max-width: 383px) {
  .about .logoImage {
    margin: 0 0 0 8px;
  }
}
.about .brandIcon {
  display: none !important;
  width: 14px;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 1199px) {
  .about .brandIcon {
    position: relative;
  }
}
@media (max-width: 767px) {
  .about .brandIcon {
    display: flex !important;
    width: 18px;
    height: 14px;
  }
}
.about .mainNav {
  display: flex;
  flex-direction: column;
  padding: 10px 6px;
  /* width: 412px;
  min-width: 0;
  max-width: 411.9965515137px; */
  background-color: rgba(184, 183, 183, 0.219);
  outline-offset: 0;
  border-radius: 24px;
  box-shadow: 4px 4px 20px 0 rgba(255, 255, 255, 0.1);
  outline: rgba(227, 227, 227, 0.266) solid 0.8000000119px;
}
@media (max-width: 767px) {
  .about .mainNav {
    position: relative;
    display: none !important;
  }
}
.about .navLinksContainer {
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
  column-gap: 8px;
  margin: 4px;
}
@media (max-width: 991px) {
  .about .navLinksContainer {
    position: relative;
    margin: 4px auto;
  }
}
.about .homeLink {
  display: flex;
  justify-content: center;
  width: 72px;
  font: 500 14px/1.43 "Instrument Sans", Helvetica, Arial, serif;
  color: white;
  text-align: center;
  letter-spacing: -0.08px;
}
.about .aboutLink {
  display: flex;
  justify-content: center;
  min-width: 84px;
  font: 700 14px/1.43 "Instrument Sans", Helvetica, Arial, serif;
  color: #29009c;
  text-align: center;
  background-color: white;
  padding: 10px 6px;
  border-radius: 20px;
  letter-spacing: -0.08px;
}
.about .pricingLink {
  display: flex;
  justify-content: center;
  width: 72px;
  font: 500 14px/1.43 "Instrument Sans", Helvetica, Arial, serif;
  color: white;
  text-align: center;
  letter-spacing: -0.08px;
}
.about .faqLink {
  display: flex;
  justify-content: center;
  width: 72px;
  font: 500 14px/1.43 "Instrument Sans", Helvetica, Arial, serif;
  color: white;
  text-align: center;
  letter-spacing: -0.08px;
}
.about .contactLink {
  display: flex;
  justify-content: center;
  width: 72px;
  font: 500 14px/1.43 "Instrument Sans", Helvetica, Arial, serif;
  color: white;
  text-align: center;
  letter-spacing: -0.08px;
}
.about .userOptionsContainer {
  display: flex;
  align-items: center;
  -moz-column-gap: 12px;
  column-gap: 12px;
}
@media (max-width: 767px) {
  .about .userOptionsContainer {
    position: relative;
    display: none !important;
  }
}
@media (max-width: 383px) {
  .about .userOptionsContainer {
    -moz-column-gap: 8px;
    column-gap: 8px;
  }
}
.about .userIcon {
  width: 24px;
  border-radius: 12px;
  -o-object-fit: cover;
  object-fit: cover;
}
.about .loginLink {
  display: flex;
  justify-content: center;
  width: 38px;
  font: 500 14px/1.07 "Instrument Sans", Helvetica, Arial, serif;
  color: white;
  text-align: center;
  letter-spacing: -0.36001px;
}
.about .mainContainer {
  display: flex;
  flex-direction: column;
}
.about .contentWrapper {
  display: flex;
  flex-direction: column;
  row-gap: 0;
  margin: 132px auto 0;
  width: 76.28%;
}
.about .contentBlock {
  display: flex;
  flex-direction: column;
  outline-offset: 0;
  background-image: linear-gradient(180deg, color(display-p3 0.3333 0.3333 0.3333/27%) -7.32%, color(display-p3 0.8383 0.8232 0.8232/27%) 107.17%);
  border-radius: 8px;
  filter: drop-shadow(4px 4px 20px rgba(255, 255, 255, 0.1));
  outline: rgba(227, 227, 227, 0.266) solid 0.8000000119px;
  overflow: hidden;
}
.about .introSection {
  display: flex;
  flex-direction: column;
  row-gap: 32px;
  margin: 60px auto 40px;
  width: 88.48%;
}
@media (max-width: 383px) {
  .about .introSection {
    position: relative;
    margin: 50px auto 40px;
  }
}
.about .introDescription_box {
  display: flex;
  justify-content: center;
}
@media (max-width: 991px) {
  .about .introDescription_box {
    align-items: flex-start;
  }
}
.about .introDescription {
  font: italic 600 48px/1 "Source Serif Pro", Helvetica, Arial, serif;
  color: black;
  text-align: center;
  letter-spacing: -0.36001px;
}
@media (max-width: 991px) {
  .about .introDescription {
    font-size: 44px;
  }
}
@media (max-width: 479px) {
  .about .introDescription {
    font-size: 36px;
  }
}
.about .introDescription_span0 {
  font: italic 600 1em/1.67 "Source Serif Pro", Helvetica, Arial, serif;
  color: #ffc600;
}
.about .introDescription_span1 {
  font: 700 0.8333333333em/1.9 "Instrument Sans", Helvetica, Arial, serif;
  color: white;
}
.about .introDescription_span2 {
  font: 700 0.8333333333em/1.5 "Instrument Sans", Helvetica, Arial, serif;
  color: white;
}
.about .targetAudienceDescription {
  display: flex;
  justify-content: center;
  font: 20px/1.35 "Instrument Sans", Helvetica, Arial, serif;
  color: white;
  text-align: center;
  letter-spacing: -0.36001px;
}
@media (max-width: 991px) {
  .about .targetAudienceDescription {
    align-items: flex-start;
    font-size: 18px;
  }
}
@media (max-width: 479px) {
  .about .targetAudienceDescription {
    font-size: 16px;
  }
}
.about .storySection {
  display: flex;
  flex-direction: column;
  row-gap: 60px;
  margin: 160px 0 0;
}
@media (max-width: 991px) {
  .about .storySection {
    position: relative;
    margin: 150px 0 0;
  }
}
@media (max-width: 575px) {
  .about .storySection {
    margin: 80px 0 0;
  }
}
@media (max-width: 479px) {
  .about .storySection {
    row-gap: 40px;
    margin: 100px 0 0;
  }
}
.about .storyHeading_box {
  display: flex;
  justify-content: center;
}
@media (max-width: 991px) {
  .about .storyHeading_box {
    align-items: flex-start;
  }
}
.about .storyHeading {
  font: 700 40px/1.22 "Instrument Sans", Helvetica, Arial, serif;
  color: black;
  text-align: center;
  letter-spacing: -0.36001px;
}
@media (max-width: 991px) {
  .about .storyHeading {
    font-size: 36px;
  }
}
@media (max-width: 479px) {
  .about .storyHeading {
    font-size: 32px;
  }
}
.about .storyHeading_span0 {
  font: 700 1em/1.23 "Instrument Sans", Helvetica, Arial, serif;
  color: white;
}
.about .storyHeading_span1 {
  font: italic 600 1.2em/1.25 "Source Serif Pro", Helvetica, Arial, serif;
  color: #ffc600;
  font-style: italic;
}
.about .storyContent {
  font: 400 20px/1.25 "Instrument Sans", Helvetica, Arial, serif;
  color: white;
  letter-spacing: -0.36001px;
}
@media (max-width: 991px) {
  .about .storyContent {
    align-items: flex-start;
    font-size: 18px;
  }
}
@media (max-width: 479px) {
  .about .storyContent {
    font-size: 16px;
  }
}
.about .founderInfoSection {
  display: flex;
  -moz-column-gap: 16px;
  column-gap: 16px;
}
@media (max-width: 383px) {
  .about .founderInfoSection {
    -moz-column-gap: 8px;
    column-gap: 8px;
  }
}
.about .founderImage {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  -o-object-fit: contain;
  object-fit: contain;
}
.about .founderInfoWrapper {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  margin: 1px 0 0;
  /* width: 230px;
  min-width: 0; */
}
.about .founderName {
  font: italic 600 24px/1.25 "Source Serif Pro", Helvetica, Arial, serif;
  color: #ffc700;
  letter-spacing: -0.36001px;
}
@media (max-width: 991px) {
  .about .founderName {
    align-items: flex-start;
    font-size: 22px;
  }
}
@media (max-width: 479px) {
  .about .founderName {
    font-size: 20px;
  }
}
.about .founderTitle {
  font: 400 20px/1.25 "Instrument Sans", Helvetica, Arial, serif;
  color: white;
  letter-spacing: -0.36001px;
}
@media (max-width: 991px) {
  .about .founderTitle {
    align-items: flex-start;
    font-size: 18px;
  }
}
@media (max-width: 479px) {
  .about .founderTitle {
    font-size: 16px;
  }
}
.about .achievementSection {
  display: flex;
  flex-direction: column;
  row-gap: 60px;
  margin: 200px 0 0;
  border-radius: 8px;
  filter: drop-shadow(4px 4px 20px rgba(255, 255, 255, 0.1));
  overflow: hidden;
}
@media (max-width: 991px) {
  .about .achievementSection {
    position: relative;
    margin: 150px 0 0;
  }
}
@media (max-width: 575px) {
  .about .achievementSection {
    margin: 80px 0 0;
  }
}
@media (max-width: 479px) {
  .about .achievementSection {
    row-gap: 40px;
    margin: 100px 0 0;
  }
}
@media (max-width: 383px) {
  .about .achievementSection {
    row-gap: 32px;
  }
}
.about .fundingInfo_box {
  display: flex;
  justify-content: center;
}
@media (max-width: 991px) {
  .about .fundingInfo_box {
    align-items: flex-start;
  }
}
.about .fundingInfo {
  font: italic 600 48px/1.25 "Source Serif Pro", Helvetica, Arial, serif;
  color: black;
  text-align: center;
  letter-spacing: -0.36001px;
}
@media (max-width: 991px) {
  .about .fundingInfo {
    font-size: 44px;
  }
}
@media (max-width: 479px) {
  .about .fundingInfo {
    font-size: 36px;
  }
}
.about .fundingInfo_span0 {
  font: italic 600 1em/1.25 "Source Serif Pro", Helvetica, Arial, serif;
  color: #ffc600;
}
.about .fundingInfo_span1 {
  font: 700 0.8333333333em/1.23 "Instrument Sans", Helvetica, Arial, serif;
  color: white;
}
.about .partnersSection {
  display: flex;
  justify-content: space-between;
  -moz-column-gap: 32px;
  column-gap: 32px;
  margin: 0 0 60px;
}
@media (max-width: 991px) {
  .about .partnersSection {
    flex-direction: column;
    align-items: center;
    gap: 32px;
  }
}
@media (max-width: 383px) {
  .about .partnersSection {
    position: relative;
    margin: 0 0 50px;
  }
}
.about .partnerCard {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 20px;
  width: 315px;
  min-width: 0;
  background-color: rgba(184, 183, 183, 0.266);
  padding: 56px 12px 55px;
  outline-offset: 0;
  border-radius: 8px;
  box-shadow: 4px 4px 20px 0 rgba(255, 255, 255, 0.1);
  outline: rgba(227, 227, 227, 0.266) solid 0.8000000119px;
}
@media (min-width: 1400px) and (max-width: 2999px) {
  .about .partnerCard {
    position: relative;
    width: 33%;
  }
}
@media (max-width: 991px) {
  .about .partnerCard {
    position: relative;
    width: 100%;
    min-width: unset;
  }
}
@media (max-width: 383px) {
  .about .partnerCard {
    padding: 50px 8px;
  }
}
.about .partnerLogoWrapper {
  display: flex;
  -moz-column-gap: 8px;
  column-gap: 8px;
  width: 120px;
  max-width: 85%;
  background-color: rgba(221, 221, 221, 0.866);
  padding: 10px 30px 11px;
  outline-offset: -0.2784588337px;
  border-radius: 4.46px;
  outline: #878585 solid 0.2784588337px;
}
.about .partnerLogo {
  margin: 1px 0 0;
  width: 16px;
  -o-object-fit: cover;
  object-fit: cover;
}
.about .partnerName {
  width: 35px;
  font: 600 12px/1.25 Inter, Helvetica, Arial, serif;
  color: #878585;
}
.about .partnerDescription {
  display: flex;
  justify-content: center;
  width: 100.01%;
  font: 16px/1.69 "Instrument Sans", Helvetica, Arial, serif;
  color: white;
  text-align: center;
  letter-spacing: -0.36001px;
}
.about .partnerLogo1 {
  margin: 1px 0 0;
  width: 17px;
  -o-object-fit: cover;
  object-fit: cover;
}
.about .block6 {
  display: flex;
  flex-direction: column;
  margin: 92px 0 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}
@media (max-width: 575px) {
  .about .block6 {
    position: relative;
    margin: 80px 0 0;
  }
}
@media (max-width: 383px) {
  .about .block6 {
    margin: 50px 0 0;
  }
}
.about .footerContent {
  display: flex;
  justify-content: space-between;
  -moz-column-gap: 32px;
  column-gap: 32px;
  margin: 100px auto 36px;
  width: 90%;
}
@media (max-width: 991px) {
  .about .footerContent {
    flex-direction: column;
    align-items: center;
    gap: 32px;
  }
}
@media (max-width: 575px) {
  .about .footerContent {
    position: relative;
    margin: 80px auto 36px;
  }
}
@media (max-width: 383px) {
  .about .footerContent {
    margin: 50px auto 36px;
  }
}
.about .row {
  display: flex;
  flex-direction: column;
  row-gap: 48px;
  width: 381px;
  min-width: 0;
}
@media (max-width: 991px) {
  .about .row {
    position: relative;
    width: 100%;
    min-width: unset;
  }
}
.about .row1 {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}
.about .image {
  width: 216.9965362549px;
  max-width: 85%;
  -o-object-fit: cover;
  object-fit: cover;
}
.about .desc3 {
  font: 400 16px/1.69 "Instrument Sans", Helvetica, Arial, serif;
  color: white;
  letter-spacing: -0.36001px;
}
.about .subscriptionSection {
  display: flex;
  -moz-column-gap: 16px;
  column-gap: 16px;
}
@media (max-width: 383px) {
  .about .subscriptionSection {
    -moz-column-gap: 8px;
    column-gap: 8px;
  }
}
.about .image1 {
  width: 20px;
  -o-object-fit: cover;
  object-fit: cover;
}
.about .image2 {
  width: 22px;
  -o-object-fit: cover;
  object-fit: cover;
}
.about .image3 {
  width: 24px;
  -o-object-fit: cover;
  object-fit: cover;
}
.about .row2 {
  display: flex;
  justify-content: space-between;
  -moz-column-gap: 32px;
  column-gap: 32px;
  margin: 0 0 43px;
  width: 362px;
  min-width: 0;
}
@media (max-width: 991px) {
  .about .row2 {
    position: relative;
    justify-content: flex-start;
    margin: 0;
    width: 100%;
    min-width: unset;
  }
}
@media (max-width: 575px) {
  .about .row2 {
    -moz-column-gap: 16px;
    column-gap: 16px;
  }
}
@media (max-width: 383px) {
  .about .row2 {
    -moz-column-gap: 8px;
    column-gap: 8px;
  }
}
.about .row3 {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  /* width: 116px;
  min-width: 0; */
}
.about .info15 {
  margin: 0 19px 0 0;
  font: 700 20px/1.5 "Instrument Sans", Helvetica, Arial, serif;
  color: white;
  letter-spacing: -0.36001px;
}
@media (max-width: 991px) {
  .about .info15 {
    align-items: flex-start;
    font-size: 18px;
  }
}
@media (max-width: 575px) {
  .about .info15 {
    position: relative;
    margin: 0 16px 0 0;
  }
}
@media (max-width: 479px) {
  .about .info15 {
    font-size: 16px;
  }
}
@media (max-width: 383px) {
  .about .info15 {
    margin: 0 8px 0 0;
  }
}
.about .desc9 {
  font: 400 18px/1.5 "Instrument Sans", Helvetica, Arial, serif;
  color: white;
  letter-spacing: -0.36001px;
}
@media (max-width: 991px) {
  .about .desc9 {
    align-items: flex-start;
    font-size: 16px;
  }
}
.about .row4 {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  margin: 0 0 27px;
  width: 185px;
  min-width: 0;
}
.about .info151 {
  width: 133.993057251px;
  max-width: 85%;
  font: 700 20px/1.5 "Instrument Sans", Helvetica, Arial, serif;
  color: white;
  letter-spacing: -0.36001px;
}
@media (max-width: 991px) {
  .about .info151 {
    align-items: flex-start;
    font-size: 18px;
  }
}
@media (max-width: 479px) {
  .about .info151 {
    font-size: 16px;
  }
}
.about .row5 {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  margin: 0 0 26px;
  width: 381px;
  min-width: 0;
}
@media (max-width: 991px) {
  .about .row5 {
    position: relative;
    margin: 0;
    width: 100%;
    min-width: unset;
  }
}
.about .row6 {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
.about .info16 {
  display: flex;
  align-items: center;
  font: 600 20px/1.25 Poppins, Helvetica, Arial, serif;
  color: white;
}
@media (max-width: 479px) {
  .about .info16 {
    font-size: 16px;
  }
}
.about .desc31 {
  font: 18px/1.69 "Instrument Sans", Helvetica, Arial, serif;
  color: white;
  letter-spacing: -0.36001px;
}
@media (max-width: 479px) {
  .about .desc31 {
    align-items: flex-start;
    font-size: 16px;
  }
}
.about .block2 {
  display: flex;
  flex-direction: column;
  background-color: rgba(184, 183, 183, 0.329);
  outline-offset: 0;
  border-radius: 8px;
  box-shadow: 4px 4px 20px 0 rgba(255, 255, 255, 0.1);
  outline: rgba(227, 227, 227, 0.266) solid 0.8000000119px;
}
.about .info17 {
  margin: 8px 0 8px 16px;
  width: 32.986114502px;
  max-width: 85%;
  font: 400 12px/1.67 Poppins, Helvetica, Arial, serif;
  color: white;
}
@media (max-width: 383px) {
  .about .info17 {
    position: relative;
    margin: 8px 0 8px 8px;
  }
}
.about .desc32 {
  flex: 0 1 54;
  height: -moz-fit-content;
  height: fit-content;
  font: 14px/1.69 "Instrument Sans", Helvetica, Arial, serif;
  color: #ffc700;
  letter-spacing: -0.36001px;
}
@media (max-width: 479px) {
  .about .desc32 {
    align-items: flex-start;
    font-size: 16px;
  }
}
.about .desc10 {
  display: flex;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  font: 600 18px/1.33 "Instrument Sans", Helvetica, Arial, serif;
  color: #f4f2fa;
  text-align: center;
  padding: 16px 26px;
  outline-offset: -2px;
  border-radius: 26px;
  letter-spacing: -0.08px;
  outline: #ffc700 solid 2px;
}
@media (max-width: 479px) {
  .about .desc10 {
    align-items: flex-start;
    font-size: 16px;
  }
}

.new_block {
  height: 35px;
  color: white;
  padding: 12px;
}

input {
  border: none;
}

.gradient-btn {
  font-size: 18px;
  font-weight: bold;
  padding: 12px 24px;
  /* border: 3px solid; */
  width: fit-content;
  border-radius: 50px;
  background-color: transparent;
  color: #f4f2fa;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: all 0.3s ease-in-out;
  position: relative;
  overflow: hidden;
}

.gradient-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50px; /* Match button shape */
  padding: 3px; /* Border thickness */
  background: linear-gradient(90deg, #ffbf00, #c00ac0);
  -webkit-mask: 
      linear-gradient(white, white) content-box, 
      linear-gradient(white, white);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  
}

  /* Gradient Border */
.gradient-btn {
  border-image-source: linear-gradient(90deg, #ffbf00, #c00ac0);
  border-image-slice: 1;
}

  /* Hover Effect */
.gradient-btn:hover {
  background: linear-gradient(90deg, #ffbf00, #c00ac0);
  transform: scale(0.99); /* Shrinks slightly when pressed */
  color: white;
  box-shadow: 0 0 15px rgba(255, 0, 255, 0.6), 0 0 30px rgba(255, 204, 0, 0.5);
}



.mobile_menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: linear-gradient(to bottom, #020113, #0B0024, #210039, #2F0044, #16002E);
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  z-index: 1000;
}
.mobile_menu a {
  color: white;
  font-size: 1.5em;
  margin: 15px 0;
  text-decoration: none;
  display: block;
}
.mobile_menu .close {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 2em;
  color: white;
  cursor: pointer;
}
.brandIcon {
  cursor: pointer;
}

/* ----------- headericon ------------------ */
.headerContainer {
  position: relative;
  width: 100%;
  transition: all 0.3s ease-in-out;
}

.headerContainer.sticky {
  position: fixed;
  top: 0;
  left: 0;
  background: #020113;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  z-index: 1000;
}

.headerContainer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 0 1 59;
  margin: 0px 0px 0px 0px;
  width: 100%;
  padding: 24px 33px 10px 32px;
}

.dropdown_country_menu {
    width: 22px;
    height: 100%;
    object-fit: cover;
}
.userOptionsContainer {
  display: flex;
  align-items: center;
  gap: 15px;
}

.dropdown {
  position: relative;
}

.dropdown-toggle {
  background: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: bold;
  color: white;
}

.flag-icon {
  width: 20px;
  height: 100%;
  object-fit: cover;
}

.arrow {
  font-size: 10px;
}

.dropdown-menu {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  background-color: #0f0f23;
  border-radius: 6px;
  padding: 8px 0;
  z-index: 999;
  /* width: 120px; */
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.dropdown-menu li {
  padding: 8px 12px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: white;
  cursor: pointer;
}

.dropdown-menu li:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

.dropdown_country_menu {
    width: 22px;
    height: 100%;
    object-fit: cover;
}

.dropdown-menu.show {
  display: block;
}