.bg-blue{background-color:#dff5ff;}
.bg-blue img{filter: brightness(0) saturate(100%) invert(59%) sepia(82%) saturate(2778%) hue-rotate(166deg) brightness(85%) contrast(91%);}

.bg-green{background-color:#defdf3;}
.bg-green img{filter: brightness(0) saturate(100%) invert(56%) sepia(68%) saturate(532%) hue-rotate(110deg) brightness(99%) contrast(95%);}

.bg-orange{background-color:#fffaec;}
.bg-orange img{filter: brightness(0) saturate(100%) invert(76%) sepia(27%) saturate(3446%) hue-rotate(329deg) brightness(104%) contrast(94%);}


.bg-green,.bg-blue,.bg-orange{
    -webkit-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;}


    .myinfo{padding:8px 6px 8px 6px ;display: block; z-index:1000 ;bottom:20px ;right:0; position: absolute;margin:0px 100px 0px 0px ;
        background-color:#fff ;width:7%;
        -webkit-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;
        box-shadow: 1px 1px 15px 1px rgba(0, 0, 0, 0.20);
        -webkit-box-shadow: 1px 1px 15px 1px rgba(0,0,0,0.20);
      }
      .myinfo .contactme{ display: flex; width:auto;}
      .myinfo .contactme ul{width:100% !important;display: flex; padding:0px 0px 0px 0px !important;margin:6px 0px 0px 0px !important;}
      .myinfo .contactme ul li{ display: flex; margin:0px 0px 0px 0px !important; padding: 0px 0px 0px 0px !important;}
      .myinfo .contactme ul li a{ display:inline-block !important; padding: 6px !important; margin:0px 0px 0px 10px !important;}
      .myinfo .contactme ul li a img{ display: block; width:70% !important; height:auto !important; margin:0px auto !important;border:none !important;}
      .myinfo .contactme ul li a:last-child{margin: 0px !important;}
  
      .myinfo .titleme{ display: block; width: auto; padding:0px 0px 0px 0px ; text-align: center; font-weight:bold !important; color:#23ad7d !important ; font-size: 13px !important;}
      .myinfo .logome{ display: block; width: auto; padding:0px 0px 0px 0px !important; margin: 0px 0px 0px 0px !important;}
      .myinfo .logome a img{  height:auto !important;width:100% !important; display: block;border:none !important; padding:0px 0px 0px 0px !important; margin:0px 0px 0px 0px !important;}

      @media (max-width:500px) {

        .myinfo{width:27%;bottom:10px ;margin:0px 20px 0px 0px ;}
        .myinfo .contactme ul li a img{ width:65% !important; }
        .myinfo .titleme{ font-size: 13px !important;}
        
      }