.avatar-container {
  
    position: relative;
    display: inline-block;
    border-radius: 50%;
    overflow: hidden;
    height: 130px;
    width: 130px;
    padding: 0;
    margin: 0 1rem;
    border: none;
    background: #efefef;
    cursor: pointer;
  }
  .avatar-container .avatar {
    display: block;
    margin: 15px;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    overflow: hidden;
    z-index: 100;
  }
  .avatar-container .avatar img {
    width: 100%;
    height: auto;
  }
  .avatar-container .info {
    display: none;
    font-weight: bold;
    font-size: 2rem;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 187, 255, 0.2);
    color: white;
    z-index: 1000;
  }
  .avatar-container .info.js-active {
    display: table;
  }
  .avatar-container .info .info-inner {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
  }
  
  /**
  * Function to generate procentual progress classes 
  * .p-1 1% -> p-100 100%
  **/
  .p-1 {
    background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(93.6deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-2 {
    background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(97.2deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-3 {
    background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(100.8deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-4 {
    background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(104.4deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-5 {
    background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(108deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-6 {
    background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(111.6deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-7 {
    background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(115.2deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-8 {
    background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(118.8deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-9 {
    background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(122.4deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-10 {
    background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(126deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-11 {
    background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(129.6deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-12 {
    background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(133.2deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-13 {
    background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(136.8deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-14 {
    background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(140.4deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-15 {
    background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(144deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-16 {
    background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(147.6deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-17 {
    background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(151.2deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-18 {
    background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(154.8deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-19 {
    background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(158.4deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-20 {
    background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(162deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-21 {
    background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(165.6deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-22 {
    background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(169.2deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-23 {
    background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(172.8deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-24 {
    background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(176.4deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-25 {
    background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(180deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-26 {
    background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(183.6deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-27 {
    background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(187.2deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-28 {
    background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(190.8deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-29 {
    background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(194.4deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-30 {
    background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(198deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-31 {
    background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(201.6deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-32 {
    background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(205.2deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-33 {
    background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(208.8deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-34 {
    background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(212.4deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-35 {
    background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(216deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-36 {
    background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(219.6deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-37 {
    background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(223.2deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-38 {
    background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(226.8deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-39 {
    background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(230.4deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-40 {
    background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(234deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-41 {
    background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(237.6deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-42 {
    background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(241.2deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-43 {
    background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(244.8deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-44 {
    background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(248.4deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-45 {
    background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(252deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-46 {
    background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(255.6deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-47 {
    background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(259.2deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-48 {
    background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(262.8deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-49 {
    background-image: linear-gradient(90deg, #efefef 50%, transparent 50%, transparent), linear-gradient(266.4deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-50 {
    background-image: linear-gradient(-90deg, #66BB6A 50%, transparent 50%, transparent), linear-gradient(270deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-51 {
    background-image: linear-gradient(-86.4deg, #66BB6A 50%, transparent 50%, transparent), linear-gradient(270deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-52 {
    background-image: linear-gradient(-82.8deg, #66BB6A 50%, transparent 50%, transparent), linear-gradient(270deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-53 {
    background-image: linear-gradient(-79.2deg, #66BB6A 50%, transparent 50%, transparent), linear-gradient(270deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-54 {
    background-image: linear-gradient(-75.6deg, #66BB6A 50%, transparent 50%, transparent), linear-gradient(270deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-55 {
    background-image: linear-gradient(-72deg, #66BB6A 50%, transparent 50%, transparent), linear-gradient(270deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-56 {
    background-image: linear-gradient(-68.4deg, #66BB6A 50%, transparent 50%, transparent), linear-gradient(270deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-57 {
    background-image: linear-gradient(-64.8deg, #66BB6A 50%, transparent 50%, transparent), linear-gradient(270deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-58 {
    background-image: linear-gradient(-61.2deg, #66BB6A 50%, transparent 50%, transparent), linear-gradient(270deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-59 {
    background-image: linear-gradient(-57.6deg, #66BB6A 50%, transparent 50%, transparent), linear-gradient(270deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-60 {
    background-image: linear-gradient(-54deg, #66BB6A 50%, transparent 50%, transparent), linear-gradient(270deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-61 {
    background-image: linear-gradient(-50.4deg, #66BB6A 50%, transparent 50%, transparent), linear-gradient(270deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-62 {
    background-image: linear-gradient(-46.8deg, #66BB6A 50%, transparent 50%, transparent), linear-gradient(270deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-63 {
    background-image: linear-gradient(-43.2deg, #66BB6A 50%, transparent 50%, transparent), linear-gradient(270deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-64 {
    background-image: linear-gradient(-39.6deg, #66BB6A 50%, transparent 50%, transparent), linear-gradient(270deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-65 {
    background-image: linear-gradient(-36deg, #66BB6A 50%, transparent 50%, transparent), linear-gradient(270deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-66 {
    background-image: linear-gradient(-32.4deg, #66BB6A 50%, transparent 50%, transparent), linear-gradient(270deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-67 {
    background-image: linear-gradient(-28.8deg, #66BB6A 50%, transparent 50%, transparent), linear-gradient(270deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-68 {
    background-image: linear-gradient(-25.2deg, #66BB6A 50%, transparent 50%, transparent), linear-gradient(270deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-69 {
    background-image: linear-gradient(-21.6deg, #66BB6A 50%, transparent 50%, transparent), linear-gradient(270deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-70 {
    background-image: linear-gradient(-18deg, #66BB6A 50%, transparent 50%, transparent), linear-gradient(270deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-71 {
    background-image: linear-gradient(-14.4deg, #66BB6A 50%, transparent 50%, transparent), linear-gradient(270deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-72 {
    background-image: linear-gradient(-10.8deg, #66BB6A 50%, transparent 50%, transparent), linear-gradient(270deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-73 {
    background-image: linear-gradient(-7.2deg, #66BB6A 50%, transparent 50%, transparent), linear-gradient(270deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-74 {
    background-image: linear-gradient(-3.6deg, #66BB6A 50%, transparent 50%, transparent), linear-gradient(270deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-75 {
    background-image: linear-gradient(0deg, #66BB6A 50%, transparent 50%, transparent), linear-gradient(270deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-76 {
    background-image: linear-gradient(3.6deg, #66BB6A 50%, transparent 50%, transparent), linear-gradient(270deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-77 {
    background-image: linear-gradient(7.2deg, #66BB6A 50%, transparent 50%, transparent), linear-gradient(270deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-78 {
    background-image: linear-gradient(10.8deg, #66BB6A 50%, transparent 50%, transparent), linear-gradient(270deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-79 {
    background-image: linear-gradient(14.4deg, #66BB6A 50%, transparent 50%, transparent), linear-gradient(270deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-80 {
    background-image: linear-gradient(18deg, #66BB6A 50%, transparent 50%, transparent), linear-gradient(270deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-81 {
    background-image: linear-gradient(21.6deg, #66BB6A 50%, transparent 50%, transparent), linear-gradient(270deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-82 {
    background-image: linear-gradient(25.2deg, #66BB6A 50%, transparent 50%, transparent), linear-gradient(270deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-83 {
    background-image: linear-gradient(28.8deg, #66BB6A 50%, transparent 50%, transparent), linear-gradient(270deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-84 {
    background-image: linear-gradient(32.4deg, #66BB6A 50%, transparent 50%, transparent), linear-gradient(270deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-85 {
    background-image: linear-gradient(36deg, #66BB6A 50%, transparent 50%, transparent), linear-gradient(270deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-86 {
    background-image: linear-gradient(39.6deg, #66BB6A 50%, transparent 50%, transparent), linear-gradient(270deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-87 {
    background-image: linear-gradient(43.2deg, #66BB6A 50%, transparent 50%, transparent), linear-gradient(270deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-88 {
    background-image: linear-gradient(46.8deg, #66BB6A 50%, transparent 50%, transparent), linear-gradient(270deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-89 {
    background-image: linear-gradient(50.4deg, #66BB6A 50%, transparent 50%, transparent), linear-gradient(270deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-90 {
    background-image: linear-gradient(54deg, #66BB6A 50%, transparent 50%, transparent), linear-gradient(270deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-91 {
    background-image: linear-gradient(57.6deg, #66BB6A 50%, transparent 50%, transparent), linear-gradient(270deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-92 {
    background-image: linear-gradient(61.2deg, #66BB6A 50%, transparent 50%, transparent), linear-gradient(270deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-93 {
    background-image: linear-gradient(64.8deg, #66BB6A 50%, transparent 50%, transparent), linear-gradient(270deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-94 {
    background-image: linear-gradient(68.4deg, #66BB6A 50%, transparent 50%, transparent), linear-gradient(270deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-95 {
    background-image: linear-gradient(72deg, #66BB6A 50%, transparent 50%, transparent), linear-gradient(270deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-96 {
    background-image: linear-gradient(75.6deg, #66BB6A 50%, transparent 50%, transparent), linear-gradient(270deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-97 {
    background-image: linear-gradient(79.2deg, #66BB6A 50%, transparent 50%, transparent), linear-gradient(270deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-98 {
    background-image: linear-gradient(82.8deg, #66BB6A 50%, transparent 50%, transparent), linear-gradient(270deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-99 {
    background-image: linear-gradient(86.4deg, #66BB6A 50%, transparent 50%, transparent), linear-gradient(270deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .p-100 {
    background-image: linear-gradient(90deg, #66BB6A 50%, transparent 50%, transparent), linear-gradient(270deg, #66BB6A 50%, #efefef 50%, #efefef);
  }
  
  .card-counter{
      box-shadow: 2px 2px 10px #DADADA;
      margin: 5px;
      padding: 20px 10px; 
     text-align:center;
      background-color: #fff;
      height: 100px;
      border-radius: 5px;
      transition: .3s linear all;
    }
  
    .card-counter:hover{
      box-shadow: 4px 4px 20px #DADADA;
      transition: .3s linear all;
    }
  
    .card-counter.primary{
      background-color: #007bff;
      color: #FFF;
    }
  
    .card-counter.danger{
      background-color: #ef5350;
      color: #FFF;
    }  
  
    .card-counter.success{
      background-color: #66bb6a;
      color: #FFF;
    }  
  
    .card-counter.info{
      background-color: #26c6da;
      color: #FFF;
    }  
  
    .card-counter i{
      font-size: 5em;
      opacity: 0.2;
    }
  
    .card-counter .count-numbers{
      position: absolute;
      /* right: 35px; */
      right:50%;
      top: 20px;
      font-size: 32px;
      display: block;
    }
  
    .card-counter .count-name{
      position: absolute;
      /*right: 35px;*/
      left:25px;
      top: 65px;
      font-style: italic;
      text-transform: capitalize;
      opacity: 0.5;
      display: block;
      font-size: 18px;
    }
  
  
    .progress {
      height: 31px;
      margin-bottom: 10px
  }
  
  .progress .skill {
      font: normal 12px "Open Sans Web";
      line-height: 32px;
      padding: 0;
      margin: 0 0 0 20px;
      text-transform: uppercase
  }
  
  .progress .skill .val {
      float: right;
      font-style: normal;
      margin: 0 20px 0 0
  }
  
  .progress-bar {
      text-align: left;
      transition-duration: 3s
  }
  
  .bsp_big-image {
      box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0);
      border-radius: 5px;
      margin-top: 0px
  }
  
  
  /* for device select */
      input[type="submit"] {
        margin-bottom: 25px;
      }
  
      .select-block {
        width: 350px;
        margin: 100px auto 40px;
        position: relative;
      }
  
      select {
        width: 100%;
        height: 50px;
        font-size: 100%;
        font-weight: bold;
        cursor: pointer;
        border-radius: 0;
        background-color: #852483;
        border: none;
        border: 2px solid #1A33FF;
        border-radius: 4px;
        color: white;
        appearance: none;
        padding: 8px 38px 10px 18px;
        -webkit-appearance: none;
        -moz-appearance: none;
        transition: color 0.3s ease, background-color 0.3s ease, border-bottom-color 0.3s ease;
      }
  
      /* For IE <= 11 */
      select::-ms-expand {
        display: none;
      }
  
      .selectIcon {
        top: 7px;
        right: 15px;
        width: 30px;
        height: 36px;
        padding-left: 5px;
        pointer-events: none;
        position: absolute;
        transition: background-color 0.3s ease, border-color 0.3s ease;
      }
  
      .selectIcon svg.icon {
        transition: fill 0.3s ease;
        fill: white;
      }
  
      select:hover,
      select:focus {
        color: #000000;
        background-color: white;
      }
  
      select:hover~.selectIcon,
      select:focus~.selectIcon {
        background-color: white;
      }
  
      select:hover~.selectIcon svg.icon,
      select:focus~.selectIcon svg.icon {
        fill: #1A33FF;
      }