@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: "\e908";
  font-size: 1.6rem;
  transition: color 0.3s ease; /* Add a smooth transition effect */
}

.MuiListItem-button .icon-Dashboard:before {
  color: #FFF; /* Default color */
}

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


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

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

.AccordianMenu .icon-Account-Summary:before {
  color: #FFF; /* Default color */
}

.AccordianMenu:hover .icon-Account-Summary:before {
  color: #F58634; /* 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: #FFF; /* Default color */
}

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

.icon-View-Cheque-Book-Request:before {
  content: "\e90c";
  color: #fff;
  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: #fff;
  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:before {
  content: "\e906";
  font-size: 1.6rem;
  transition: color 0.3s ease; /* Add a smooth transition effect */
}

.AccordianMenu .icon-Debit-Card:before {
  color: #FFF; /* Default color */
}

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

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

.AccordianMenu .icon-Enquiry:before {
  color: #FFF; /* Default color */
}

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


.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: #FFF; /* Default color */
}

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


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

.AccordianMenu .icon-Cheque:before {
  color: #FFF; /* Default color */
}

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



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

.AccordianMenu .icon-Positive-Pay:before {
  color: #FFF; /* Default color */
}

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


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

.AccordianMenu .icon-Profile:before {
  color: #FFF; /* Default color */
}

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


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

.AccordianMenu .icon-Beneficiary:before {
  color: #FFF; /* Default color */
}

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



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

.AccordianMenu .icon-Limit-Management:before {
  color: #FFF; /* Default color */
}

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



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

.AccordianMenu .icon-Fund-Transfer:before {
  color: #FFF; /* Default color */
}

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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";
}