
.achievement-wrapper .top-content {
   padding: 8px 15px;
   margin: 0 -8px;
   text-align:center;
}
.achievement-wrapper .top-bar h4.heading {
   margin: 0;
}
.achievement-wrapper .sr-cover-inner {
   width: 100%;
}

.achievement-wrapper .main-wrap {
   padding: 8px 15px;
   margin: 0 -8px;
   padding: 20px;
}
.achievement-wrapper .social-icons {
   padding: 0px;
   margin: 60px 0px 20px;
   list-style: none;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
}
.achievement-wrapper .social-icons li {
   -webkit-box-align: stretch;
   -ms-flex-align: stretch;
   align-items: stretch;
   border: 1px solid #7fd1de;
   border-radius: 3px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   min-height: 180px;
   margin: 0 12px 12px 0;
   position: relative;
   width: calc(50% - 12px);
   max-width: 180px;
}
.achievement-wrapper .social-icons li a {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   background-color: #fff;
   cursor: pointer;
   font-size: 18px;
   text-align: center;
   text-decoration: none;
   text-overflow: clip;
   transition: all .15s ease-out;
   width: 100%;
   display: block;
   padding: 0 12px 9px;
   color: #231F20;
}
.achievement-wrapper .social-icons li a:hover {
   border-color: rgb(0, 164, 189);
   background: rgb(229, 245, 248);
   color: #007a8c;
}
.achievement-wrapper .social-icons .icon {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   font-feature-settings: "liga";
   display: block;
   font-family: spacesword!important;
   font-size: 72px;
   font-variant: normal;
   font-weight: 700;
   letter-spacing: 0;
   position: relative;
   text-transform: none;
   user-select: none;
   white-space: nowrap!important;
   word-break: normal!important;
   margin-top: 20px;
}
.achievement-wrapper .social-icons .icon img {
   width: 72px;
   margin-bottom: 25px;
}
.achievement-wrapper .social-icons li a.linkedin img {
   width: 65px;
}
{#.achievement-wrapper .social-icons .facebook .icon:before {
   content: "socialBlockFacebook";
   color: rgb(59, 89, 152);
}
.achievement-wrapper .social-icons .linkedin .icon:before {
   content: "socialBlockLinkedin";
   color: rgb(0, 119, 181);
}
.achievement-wrapper .social-icons .twitter .icon:before {
   content: "socialBlockTwitter";
   color: rgb(85, 172, 238);
}
.achievement-wrapper .social-icons .copylink .icon:before {
   content: "socialBlockLink";
   color: rgb(124, 152, 182);
}#}
.achievement-wrapper .social-icons .icon-text {
   font-size: 16px;
   font-weight: 400;
   display: block;
   margin-top: -20px;
}
.achievement-wrapper .link-copied-text,
.achievement-wrapper .link-copied-button {
   word-wrap: break-word;
   background-color: #fff;
   box-shadow: 0 3px 8px rgba(0,0,0,.1);
   display: none;
   font-size: 13px;
   line-height: 1.5;
   padding: 10px 16px;
   position: absolute;
   text-decoration: none;
   top: -52px;
   left: 0;
   margin: auto;
   right: 0;
   max-width: 80px;
   color: #231F20;
}
.achievement-wrapper .link-copied-text:after,
.achievement-wrapper .link-copied-button:after {
   background-color: inherit;
   border-bottom-right-radius: 3px;
   border-left-color: transparent;
   border-top-color: transparent;
   border-top-left-radius: 100%;
   clip-path: polygon(100% 100%,0 100%,100% 0);
   content: "";
   height: 16px;
   left: 0;
   pointer-events: none;
   position: absolute;
   top: calc(100% - 8px);
   transform: rotate(45deg);
   width: 16px;
   right: 0;
   margin: auto;
}
.achievement-wrapper .copy-certificate {
   border-top: 1px solid rgb(203, 214, 226);
   padding: 24px 0px 20px;
   max-width: 948px;
   margin: 0px auto;
   margin-top: 60px;
}

.achievement-wrapper .copy-certificate-inner {
   -webkit-box-align: center;
   align-items: center;
   -webkit-box-pack: start;
   justify-content: flex-start;
   display: flex;
   -webkit-box-flex: 1;
   flex-grow: 1;
   max-width: 100%;
}
.achievement-wrapper .copy-certificate-inner > .certificate-image {
   display: block;
   height: auto;
   max-width: 20%;
}
.achievement-wrapper .copy-certificate-inner .text-wrap {
   text-align: left;
   padding-left: 10px;
}
.achievement-wrapper .copy-certificate-inner h6.title {
   text-align: left;
   font-size: 16px;
}
.achievement-wrapper .copy-certificate-inner .text-wrap p.description {
   font-size: 12px;
   line-height: 18px;
}
.achievement-wrapper .copy-certificate-inner .copy-input {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.achievement-wrapper .copy-certificate-inner .copy-input textarea {
   width: 100%;
   font-size: 16px;
   line-height: 22px;
   text-align: left;
   vertical-align: middle;
   color: rgb(51, 71, 91);
   border-width: 1px;
   border-style: solid;
   border-image: initial;
   border-radius: 3px;
   padding: 9px 10px;
   transition: all 150ms ease-out 0s;
   height: auto;
   min-height: 155px;
   resize: none;
   display: inline-block;
   border-color: rgb(203, 214, 226);
   font-weight: 500;
   background-color: rgb(234, 240, 246);
   box-shadow: none;
}
.achievement-wrapper .copy-certificate-inner .btn-wrapper {
   position: relative;
}
.achievement-wrapper .copy-certificate-inner .copy-input .cta_button {
   padding: 2px 24px;
   margin-left: 12px; 
}

@media (max-width: 767px) {
   .achievement-wrapper .social-icons,
   .achievement-wrapper .copy-certificate {
	  margin-top: 20px;
   }
   .achievement-wrapper .social-icons .icon {
	  margin-top: 0;
   }
   .achievement-wrapper .copy-certificate-inner {
	  -webkit-box-orient: vertical;
	  -webkit-box-direction: normal;
	  -ms-flex-direction: column;
	  flex-direction: column;
   }
   .achievement-wrapper .copy-certificate-inner > .certificate-image {
	  max-width: 100%;
	  margin-bottom: 15px;
   }
   .achievement-wrapper .copy-certificate-inner .text-wrap {
	  padding-left: 0px;
   }
}