@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon.eot?a5eelz");
  src: url("../fonts/icomoon.eot?a5eelz#iefix") format("embedded-opentype"),
    url("../fonts/icomoon.ttf?a5eelz") format("truetype"),
    url("../fonts/icomoon.woff?a5eelz") format("woff"),
    url("../fonts/icomoon.svg?a5eelz#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  /* speak: never; */
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.MuiListItem-button .icon-Dashboard:before {
  content: "\e905";
  font-size: 1.65rem;
  transition: color 0.3s ease;
  /* Add a smooth transition effect */
  color: rgba(255, 255, 255, 1) !important;
}


/* .MuiListItem-button:hover .icon-Dashboard:before {
  color: #fff; Change the color on hover
} */

/* .icon-Dashboard:before {
  content: "\e908";
  color: #291770;
  font-size: 1.3rem;
}

.icon-Dashboard::after {
  content: "\e908";
  color: #fff;
  font-size: 1.3rem;
} */

.icon-Guarantor-Details:before {
  content: "\e90c";
  color: white;
  font-size: 1.3rem;
}

.AccordianMenu .icon-Account-Summary:before {
  content: "\e900";
  font-size: 1.6rem;
  color: #35a12b;
  transition: color 0.3s ease;
  /* Add a smooth transition effect */
}

.AccordianMenu:hover .icon-Account-Summary:before {
  color: #fff
    /* Change the color on hover */
}

.AccordianMenu .icon-Request:before {
  content: "\e90a";
  font-size: 1.6rem;
  transition: color 0.3s ease;
  /* Add a smooth transition effect */
}

.AccordianMenu .icon-Request:before {
  /*color: #000" */
  color: #35a12b
    /* Default color */
}

.AccordianMenu:hover .icon-Request:before {
  color: #fff;
  /* Change the color on hover */
}

.icon-View-Cheque-Book-Request:before {
  content: "\e90c";
  color: white;
  font-size: 1.6rem;
}

.icon-Cheque-Book-Request:before {
  content: "\e90c";
  color: #fff;
  font-size: 1.6rem;
}

.icon-View-Stopped-Cheque:before {
  content: "\e90c";
  color: white;
  font-size: 1.6rem;
}

.icon-Account-Details:before {
  content: "\e90c";
  color: #fff;
  font-size: 1.6rem;
}

.icon-Nominee-Details:before {
  content: "\e90c";
  color: #fff;
  font-size: 1.6rem;
}

.icon-Account-Statement:before {
  content: "\e90c";
  color: #fff;
  font-size: 1.6rem;
}

.AccordianMenu .icon-Debit-Card-Services:before {
  content: "\e906";
  font-size: 1.6rem;
  color: #35a12b;
  transition: color 0.3s ease;
  /* Add a smooth transition effect */
}

.AccordianMenu:hover .icon-Debit-Card-Services:before {
  color: #fff;
  /* Change the color on hover */
}

.AccordianMenu .icon-TDS-Enquiry:before {
  content: "\e90b";
  font-size: 1.6rem;
  transition: color 0.3s ease;
  /* Add a smooth transition effect */
}

.AccordianMenu .icon-TDS-Enquiry:before {
  color: #35a12b
    /* Default color */
}

.AccordianMenu:hover .icon-TDS-Enquiry:before {
  color: #fff;
  /* Change the color on hover */
}

/* .icon-Enquiry:before {
  content: "\e90b";
  color: #291770;
  font-size: 1.6rem;
}
.icon-Enquiry::after {
  content: "\e90b";
  color: #fff;
  font-size: 1.6rem;
} */

.AccordianMenu .icon-Other-Services:before {
  content: "\e907";
  font-size: 1.6rem;
  transition: color 0.3s ease;
  /* Add a smooth transition effect */
}

.AccordianMenu .icon-Other-Services:before {
  color: #35a12b
    /* Default color */
}

.AccordianMenu:hover .icon-Other-Services:before {
  color: #fff;
  /* Change the color on hover */
}

/* .icon-Other-Services:before {
  content: "\e907";
  color: #291770;
  font-size: 1.6rem;
}
.icon-Other-Services::after {
  content: "\e907";
  color: #fff;
  font-size: 1.6rem;
} */

.AccordianMenu .icon-Cheque:before {
  content: "\e903";
  font-size: 1.6rem;
  transition: color 0.3s ease;
  /* Add a smooth transition effect */
}

.AccordianMenu .icon-Cheque:before {
  color: #35a12b
    /* Default color */
}

.AccordianMenu:hover .icon-Cheque:before {
  color: #fff;
  /* Change the color on hover */
}

/* .icon-Cheque:before {
  content: "\e90a";
  color: #291770;
  font-size: 1.6rem;
}
.icon-Cheque::after {
  content: "\e90a";
  color: #fff;
  font-size: 1.6rem;
} */

.AccordianMenu .icon-Positive-Pay:before {
  content: "\e908";
  font-size: 1.6rem;
  color: #35a12b;
  transition: color 0.3s ease;
  /* Add a smooth transition effect */
}

.AccordianMenu:hover .icon-Positive-Pay:before {
  color: #fff;
  /* Change the color on hover */
}

/* .icon-Positive-Pay:before {
  content: "\e904";
  color: #291770;
  font-size: 1.6rem;
}
.icon-Positive-Pay::after {
  content: "\e904";
  color: #fff;
  font-size: 1.6rem;
} */

.AccordianMenu .icon-Reset-Profile:before {
  content: "\e903";
  font-size: 1.6rem;
  color: #35a12b;
  transition: color 0.3s ease;
  /* Add a smooth transition effect */
}

.AccordianMenu:hover .icon-Reset-Profile:before {
  color: #fff;
  /* Change the color on hover */
}

/* .icon-Reset-Profile:before {
  content: "\e903";
  color: #291770;
  font-size: 1.6rem;
}
.icon-Reset-Profile::after {
  content: "\e903";
  color: #fff;
  font-size: 1.6rem;
} */

.AccordianMenu .icon-Beneficiary-Management:before {
  content: "\e901";
  font-size: 1.6rem;
  transition: color 0.3s ease;
  /* Add a smooth transition effect */
}

.AccordianMenu .icon-Beneficiary-Management:before {
  color: #35a12b
    /* Default color */
}

.AccordianMenu:hover .icon-Beneficiary-Management:before {
  color: #fff;
  /* Change the color on hover */
}

/* .icon-Beneficiary:before {
  content: "\e902";
  color: #291770;
  font-size: 1.6rem;
}
.icon-Beneficiary::after {
  content: "\e902";
  color: #fff;
  font-size: 1.6rem;
} */

.AccordianMenu .icon-Limit-Management:before {
  content: "\e908";
  font-size: 1.6rem;
  transition: color 0.3s ease;
  /* Add a smooth transition effect */
}

.AccordianMenu .icon-Limit-Management:before {
  color: #35a12b
    /* Default color */
}

.AccordianMenu:hover .icon-Limit-Management:before {
  color: #fff;
  /* Change the color on hover */
}

/* .icon-Limit-Management:before {
  content: "\e901";
  color: #291770;
  font-size: 1.6rem;
}
.icon-Limit-Management::after {
  content: "\e901";
  color: #fff;
  font-size: 1.6rem;
} */

.AccordianMenu .icon-Fund-Transfer:before {
  content: "\e907";
  font-size: 1.6rem;
  color: #35a12b;
  /* Default color */
  transition: color 0.3s ease;
  /* Add a smooth transition effect */
}

.AccordianMenu:hover .icon-Fund-Transfer:before {
  color: #fff;
  /* Change the color on hover */
}


.AccordianMenu .icon-Term-Deposit::before {
  content: "\e90b";
  font-size: 1.6rem;
  color: #35a12b;
  /* Default color */
  transition: color 0.3s ease;
  /* Add a smooth transition effect */
}

.AccordianMenu:hover .icon-Term-Deposit::before {
  color: #fff;
  /* Change the color on hover */
}


.AccordianMenu .icon-Standing-Instruction::before {
  content: "\e90a";
  font-size: 1.6rem;
  color: #35a12b;
  /* Default color */
  transition: color 0.3s ease;
  /* Add a smooth transition effect */
}

.AccordianMenu:hover .icon-Standing-Instruction::before {
  color: #fff;
  /* Change the color on hover */
}


.AccordianMenu .icon-Social-Security-Schemes::before {
  content: "\e909";
  font-size: 1.6rem;
  color: #35a12b;
  /* Default color */
  transition: color 0.3s ease;
  /* Add a smooth transition effect */
}

.AccordianMenu:hover .icon-Social-Security-Schemes::before {
  color: #fff;
  /* Change the color on hover */
}

/* 
.icon-Fund-Transfer:before {
  content: "\e900";
  color: #291770;
  font-size: 1.6rem;
}
.icon-Fund-Transfer::after {
  content: "\e900";
  color: #fff;
  font-size: 1.6rem;
} */

.icon-Card-Limit-Change:before {
  content: "\e90c";
  color: white;
  font-size: 1.6rem;
}

.AccordianMenu .icon-Change-Password:before {
  content: "\e902";
  color: #35a12b;
  font-size: 1.6rem;
}
.AccordianMenu:hover .icon-Change-Password::before {
  color: #fff;
  /* Change the color on hover */
}

.icon-Customer-Profile:before {
  content: "\e904";
  color: #35a12b;
  font-size: 1.6rem;
}
.AccordianMenu:hover .icon-Customer-Profile::before {
  color: #fff;
  /* Change the color on hover */
}

.icon-Customer-Profile-and-Limit:before {
  content: "\e90c";
  color: #35a12b;
  font-size: 1.6rem;
}


.icon-Generate-Pin:before {
  content: "\e90c";
  color: white;
  font-size: 1.6rem;
}

.icon-Change-Pin:before {
  content: "\e90c";
  color: white;
  font-size: 1.6rem;
}

.icon-Block-Card:before {
  content: "\e90c";
  color: white;
  font-size: 1.6rem;
}

.icon-Cheque-Inquiry:before {
  content: "\e90c";
  color: white;
  font-size: 1.6rem;
}

.icon-Stop-Cheque-Request:before {
  content: "\e90c";
  color: white;
  font-size: 1.6rem;
}

.icon-Cheque-Book-Status:before {
  content: "\e90c";
  color: white;
  font-size: 1.6rem;
}

.icon-Inward-Cheque-Clearing:before {
  content: "\e90c";
  color: white;
  font-size: 1.6rem;
}

.icon-Fate-Of-Cheque:before {
  content: "\e90c";
  color: white;
  font-size: 1.6rem;
}

.icon-Lien-Enquiry:before {
  content: "\e90c";
  color: white;
  font-size: 1.6rem;
}

.icon-EnquiryDownload:before {
  content: "\e90c";
  color: white;
  font-size: 1.6rem;
}

.icon-Request-Enquiry:before {
  content: "\e90c";
  color: white;
  font-size: 1.6rem;
}

.icon-Manage-Beneficiary:before {
  content: "\e90c";
  color: white;
  font-size: 1.6rem;
}

.icon-Change-Password:before {
  content: "\e90c";
  color: white;
  font-size: 1.6rem;
}

.icon-User-Account-Limit:before {
  content: "\e90c";
  color: white;
  font-size: 1.6rem;
}

.icon-menu-20:before {
  content: "\e904";
  color: white;
  font-size: 1.6rem;
}

.AccordianMenu .icon-Schedule-Transfer:before {
  content: "\e912";
  color: #35a12b;
  font-size: 1.6rem;
}

.AccordianMenu .icon-View-Schedule-Transfer:before {
  content: "\e912";
  color: #787878;
  font-size: 1.6rem;
}

.icon-Channel-Wise-Blocking:before {
  content: "\e90c";
  color: #787878;
  font-size: 1.6rem;
}

.icon-User-Profile-update:before {
  content: "\e914";
}