body {
            font-family: 'Roboto', sans-serif;
            margin: 0 auto;
            text-decoration: none;
            max-width: 450px;
            text-align: center;
        }

        .kdcover {
            background-color: #FF7F2A;
            padding: 10px;
            z-index: -1;
        }

        .kduserphoto {
            width: 110px;
            height: auto;
            border-radius: 110px;
            border: 4px solid white;
            background-color: white;
            margin-top: 25px;
        }

        .kdprofession {
            margin-top: -5px;
            color: white;
            font-size: 20px;
            font-weight: 300;
            letter-spacing: 0.4px;
        }

        .kdspace {
            padding-top: 10px;
        }

        .kdmaincontainer {
            padding-left: 20px;
            padding-right: 20px;
            background-image: url('./images/kdcardbgphoto.jpg');
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
        }

        .kdctaheading {
            text-align: left;
            font-weight: 500;
            font-size: 16px;
            border-left: 5px solid #FF7F2A;
            padding-left: 15px;
            line-height: 40px;
            background-color: rgba(10.10, 10, 0.4);
            color: white;
            letter-spacing: 0.4px;
            margin-top: 25px;
            margin-bottom: 25px;
        }

        .kdctainfobox   {
            display: inline-block;
            width: 70px;
            margin-bottom: 15px;
            

        }


        .kdmaintext {
            text-decoration: none;
            color: white;
            font-size: 15px;

        }

        .kdcopyright {
            height: 20px;
            background-color: #222222;
            min-width: 100px;
            margin: 0;
            padding-top: 3px;
            padding-bottom: 3px;
            line-height: 20px;
            font-size: 11px;
            letter-spacing: 0.5px;

        }
    .kdsharethis{
        padding: 10px 0;
    }
    .kdsharehead {
        color: #000;
        padding: 20px 0;
        text-align: center;
        font-size: 15px;
    }
    .kdshareicon{
        text-align: center;

    }
    .kdshare1{
display: inline-block;
margin-right: 4px;
width: 30px;
height: 30px;
content: "";
background-image: url("data:image/svg+xml,<svg viewBox='0 0 26 26' fill='%23333' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M12.031 6.172c-3.181 0-5.767 2.586-5.768 5.766-.001 1.298.38 2.27 1.019 3.287l-.582 2.128 2.182-.573c.978.58 1.911.928 3.145.929 3.178 0 5.767-2.587 5.768-5.766.001-3.187-2.575-5.77-5.764-5.771zm3.392 8.244c-.144.405-.837.774-1.17.824-.299.045-.677.063-1.092-.069-.252-.08-.575-.187-.988-.365-1.739-.751-2.874-2.502-2.961-2.617-.087-.116-.708-.94-.708-1.793s.448-1.273.607-1.446c.159-.173.346-.217.462-.217l.332.006c.106.005.249-.04.39.298.144.347.491 1.2.534 1.287.043.087.072.188.014.304-.058.116-.087.188-.173.289l-.26.304c-.087.086-.177.18-.076.354.101.174.449.741.964 1.201.662.591 1.221.774 1.394.86s.274.072.376-.043c.101-.116.433-.506.549-.68.116-.173.231-.145.39-.087s1.011.477 1.184.564.289.13.332.202c.045.072.045.419-.1.824zm-3.423-14.416c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm.029 18.88c-1.161 0-2.305-.292-3.318-.844l-3.677.964.984-3.595c-.607-1.052-.927-2.246-.926-3.468.001-3.825 3.113-6.937 6.937-6.937 1.856.001 3.598.723 4.907 2.034 1.31 1.311 2.031 3.054 2.03 4.908-.001 3.825-3.113 6.938-6.937 6.938z' clip-rule='evenodd'/></svg>");
background-repeat: no-repeat;
background-size: 2em 2em;
    
  }
  .kdshare2{
    display: inline-block;
    margin-right: 4px;
    width: 30px;
    height: 30px;
    content: "";
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 26 26' fill='%23333' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3 8h-1.35c-.538 0-.65.221-.65.778v1.222h2l-.209 2h-1.791v7h-3v-7h-2v-2h2v-2.308c0-1.769.931-2.692 3.029-2.692h1.971v3z' clip-rule='evenodd'/></svg>");
    background-repeat: no-repeat;
    background-size: 2em 2em;
        
      }

      .kdshare3{
        display: inline-block;
        margin-right: 4px;
        width: 30px;
        height: 30px;
        content: "";
        background-image: url("data:image/svg+xml,<svg viewBox='0 0 26 26' fill='%23333' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z' clip-rule='evenodd'/></svg>");
        background-repeat: no-repeat;
        background-size: 2em 2em;
            
          }
          .kdshare4{
            display: inline-block;
            margin-right: 4px;
            width: 30px;
            height: 30px;
            content: "";
            background-image: url("data:image/svg+xml,<svg viewBox='0 0 26 26' fill='%23333' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M12 12.713l-11.985-9.713h23.971l-11.986 9.713zm-5.425-1.822l-6.575-5.329v12.501l6.575-7.172zm10.85 0l6.575 7.172v-12.501l-6.575 5.329zm-1.557 1.261l-3.868 3.135-3.868-3.135-8.11 8.848h23.956l-8.11-8.848z' clip-rule='evenodd'/></svg>");
            background-repeat: no-repeat;
            background-size: 2em 2em;