/* social card temp 1 */
 
 .bg-card {
     background: #3673e1;
 }
 
 .f-19 {
     font-size: 19px;
 }
 
 .font-sans {
     font-family: sans-serif;
 }
 
 .wrap-img-fix {}
 
 .bg-theme {
     background: #1e1c4d;
 }
 
 .f-15 {
     font-size: 15px;
 }
 
 .mem-name {
     padding: 3px 13px;
     /* margin-top: 5px; */
     position: relative;
     left: -13px;
     top: 5px;
     box-shadow: 1px 1px 3px 1px #18181c;
 }
 
 .f-29 {
     font-size: 29px;
 }
 
 .overview-detail>div {
     margin-top: 6px!important;
 }
 
 .visiting-card-1 .overview-detail>div>span {
     color: #ffffffbf;
     font-family: sans-serif!important;
 }
 
 .visiting-card-1 .overview-data .info {
     width: 74px;
 }
 
 .p-card {
     padding: 0px 13px 11px 13px;
 }
 
 .w-33 {
     width: 47%;
 }
 
 .info-value {
     width: 100%;
 }
 
 .overview-data .info {
     width: 90px;
     display: block!important;
     /* font-weight: 700; */
     /* font-size: 15px; */
 }
 
 .mt-27 {
     margin-top: 27px!important;
 }
 
 .f-25 {
     font-size: 25px!important;
 }
 
 .wrap-img-fix {
     margin-top: 12px;
 }
 
 .btn-card {
     background: #233870;
     color: white;
     padding: 4% 19%;
 }
 
 .btn-card:hover {
     background: #28d7a2;
     color: white;
 }
 /* visiting card 2 */
 
 .visiting-card-2 .overview-data .info {
     width: 202px;
 }
 
 .visiting-card-2 .overview-detail>div>span {
     color: white;
     font-family: sans-serif!important;
 }
 
 .bg-card-2 {
     background: #ffc107;
     box-shadow: 5px 4px 10px 4px #c6e1ff;
 }
 
 .b-light-blue {
     background: #d0e5fb;
 }
 
 .card-2-shadow {
     box-shadow: 1px 1px 6px 1px black;
 }
 
 .btn-card-2 {
     background: #28d7a2;
     color: white;
     padding: 4% 19%;
 }
 
 .btn-card-2:hover {
     background: #1e1c4d;
 }
 
 .btn-card-3 {
     background: #28d7a2;
     color: white;
     padding: .7% 1%;
     border-radius: 0;
 }
 
 .btn-card-3:hover {
     background: #1e1c4d;
 }
 
 .theme-btn-3 {
     background-color: #ffffff00!important;
     border-color: #1e1c4d;
     border-radius: 0!important;
     color: black!important;
 }
 
 .theme-btn-3:hover {
     background-color: #28d7a2!important;
     border-color: #28d7a2;
     color: white!important;
 }
 
 .theme-btn-gold {
     background: #ffe034!important;
     border: 1px solid #ffe034;
     border-radius: 0px!important;
     color: black!important;
 }
 
 .theme-btn-gold:hover {
     background: #ffffff00!important;
     border: 1px solid #1e1c4d
 }
 
 .fs-15 {
     font-size: 16px;
 }
 
 .blue-btn {
     background: #1baede!important;
     color: #fff!important;
     border-radius: 0!important;
 }
 
 .blue-btn:hover {
     background: #1e1c4d!important;
 }
 
 .post-date-2 {
     font-size: 25px;
     font-weight: 800;
     font-family: Cinzel;
     border-bottom: 5px double #a7a7a7;
     margin: 14px 0px 44px 0;
 }
 /* visiting card 2 end */
 /* visiting card 3 end */
 
 .h:after {
     content: " ";
     width: 10px;
     height: 0;
     border-bottom: 10px solid #000;
     border-left: 10px solid transparent;
     border-right: 10px solid transparent;
     position: absolute;
     top: 0;
     transform: rotate(180deg);
 }
 
 .h::before {
     content: " ";
     width: 10px;
     height: 0;
     border-bottom: 10px solid #fff;
     border-left: 10px solid transparent;
     border-right: 10px solid transparent;
     position: absolute;
     top: 40px;
     right: -15px;
     transform: rotate(88deg);
     z-index: 1;
 }
 /* visiting card 4  */
 
 .book {
     transform-style: preserve-3d;
     position: relative;
     height: 300px;
     cursor: pointer;
     left: 0;
     backface-visibility: visible;
     width: 241px;
     transition: left 0.5s ease;
 }
 
 .front,
 .back,
 .page1,
 .page2,
 .page3,
 .page4,
 .page5,
 .page6 {
     transform-style: preserve-3d;
     position: absolute;
     width: 200px;
     height: 100%;
     top: 0;
     left: 0;
     transform-origin: left center;
     transition: transform .5s ease-in-out, box-shadow .35s ease-in-out;
 }
 
 .front,
 .back {
     background: navy;
 }
 
 .front,
 .page1,
 .page3,
 .page5 {
     border-bottom-right-radius: .5em;
     border-top-right-radius: .5em;
 }
 
 .back,
 .page2,
 .page4,
 .page6 {
     border-bottom-right-radius: .5em;
     border-top-right-radius: .5em;
 }
 
 .page1 {
     background: #efefef;
 }
 
 .page2 {
     background: #efefef;
 }
 
 .bb-item:hover .book {
     left: 22%;
 }
 
 .bb-item:hover .front {
     transform: rotateY(-160deg) scale(1.1);
     box-shadow: 0 1em 3em 0 rgba(0, 0, 0, .2);
 }
 
 .bb-item:hover .page1 {
     transform: rotateY(-150deg) scale(1.1);
     box-shadow: 0 1em 3em 0 rgba(0, 0, 0, .2);
 }
 
 .bb-item:hover .page2 {
     transform: rotateY(-30deg) scale(1.1);
     box-shadow: 0 1em 3em 0 rgba(0, 0, 0, .2);
 }
 
 .bb-item:hover .back {
     transform: rotateY(-20deg) scale(1.1);
 }
 /* visiting card 4 end */
 /* visitig card 5  */
 
 .bg-card-5 {
     background: #0674ce;
 }
 
 .bg-wrap-content {
     background-color: #d1e4f6;
 }
 
 .visiting-card-5 .overview-data .info {
     width: 139px!important;
 }
 
 .p-card {
     padding: 0px 13px 11px 13px;
 }
 
 .w-33 {
     width: 47%;
 }
 
 .visiting-card-5 .info-value {
     width: 100%;
     font-weight: 800;
     font-size: 13px;
 }
 
 .visiting-card-5 .overview-data .info {
     width: 90px;
     display: inline-block;
     font-weight: 900;
     font-size: 12px;
 }
 
 .share-icon-bg {
     background: #1d1d4d;
 }
 
 ul.share-icon-bg {
     list-style: none;
     position: absolute;
     width: 60%;
     top: -40px;
     padding: 17px 0;
     height: 240px;
     display: flex;
     flex-wrap: wrap;
     align-content: center;
 }
 
 .logo-fix {
     width: 200px;
     height: 75px;
     object-fit: contain;
 }
 
 .visiting-card-5 .btn-card-3 {
     background: #1e1c4d;
     color: white;
     padding: 2% 19%;
 }
 
 .visiting-card-5 .btn-card-3:hover {
     background: #28d7a2;
 }
 
 ul.share-icon-bg li {
     margin-bottom: 12px;
     width: 100%;
 }
 
 .visiting-card-5 .p-card {
     padding: 54px 13px 54px 13px;
 }
 
 .w-13 {
     width: 13%;
 }
 
 .max-overWrite-width {
     max-width: 13.666667%;
 }
 /*visiting card 5 end  */
 
 @media screen and (min-width:991px) {
     .qr-code {
         position: absolute;
         /* bottom: -51px; */
         bottom: 0;
         right: 12px;
     }
 }
 
 @media screen and (max-width:1300px) {
     .mem-name {
         padding: 9px 13px;
         left: -13px;
         font-size: 25px;
         top: 2px;
     }
 }
 
 @media screen and (max-width:1091px) {
     .mem-name {
         left: -15px;
         top: -4px;
         font-size: 19px;
     }
     .i-am {
         font-size: 25px;
     }
     .btn-card {
         background: #233870;
         color: white;
         padding: 4% 19%;
         font-size: 12px;
     }
 }
 
 @media screen and (max-width:991px) {
     .mem-name {
         left: -15px;
         top: -4px;
         font-size: 19px;
     }
     .visiting-card-5 .overview-data .info {
         width: 124px!important;
     }
     .visiting-card-5 .pl-2 {
         padding-left: 0!important;
     }
     .max-overWrite-width {
         max-width: 100%;
     }
     ul.share-icon-bg {
         list-style: none;
         position: unset;
         width: 100%;
         top: unset;
         left: unset;
         padding: 2px 15px;
         transform: none;
         margin: 0;
         height: 37px;
         flex-wrap: initial;
         display: inline-flex !important;
     }
     .t-md-center {
         text-align: center;
     }
     .w-60 {
         max-width: 60%;
     }
     .visiting-card-5 .p-card {
         padding: 48px 13px 11px 13px;
     }
     .p-card-md {
         padding: 9px 0!important;
     }
     .md-overview {
         width: 82%;
         margin: 0 auto;
     }
     ul.share-icon-bg li {
         margin-bottom: 0;
         display: inline-block;
         font-size: 13px;
         padding: 5px 18px;
     }
     .bg-wrap-content {
         padding: 0 9px;
     }
     .i-am {
         font-size: 25px;
     }
     .md-w {
         width: 235px;
         margin: 0 auto;
     }
     .w-33 {
         width: 30%;
     }
     .wrap-img-fix {
         position: relative;
         right: unset;
         width: 43%;
         margin: 0 auto;
     }
     .t-md-center {
         text-align: center!important;
     }
     .mt-md-0 {
         margin-top: 0px!important;
     }
     .visiting-card-1 .overview-detail>div>span {
         font-size: 13px!important;
     }
     .stamp-ed-verify {
         padding-bottom: 12px;
     }
     .mem-name {
         left: unset;
         top: -4px;
         font-size: 19px;
     }
     .detail-md-center {
         position: relative;
         left: 20%;
         right: 20%;
     }
 }
 
 @media screen and (max-width:500px) {
     .md-w {
         width: 260px;
         margin: 0 auto;
     }
     .sm-wd {
         width: 45%!important;
     }
     .detail-md-center {
         position: relative;
         left: unset;
         right: unset;
     }
 }
 /* social card temp1 end */