*{
  padding: 0;
  margin:0;
  -webkit-tap-highlight-color: transparent;
}
::-webkit-scrollbar {
    display: none;
}
.main_div{
  display: block;
  width: 100%;
  height: 250px;
  background: transparent;
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  cursor: default;
}


.social_media_boxes{
  display: inline-block;
  width: 200px;
  height: 165px;
  background: #12213D;
  position: relative;
  top: 20px;
  white-space: normal;
  transform: scale(1);
  transition: 0.3s;
}

.active{
  transform: scale(1.05);
  cursor: grab;
}
.active2{
  cursor: grab;
}

#box-1{
  left: 15px;
}
#box-2{
  left: 30px;
}
#box-3{
  left: 45px;
}

.social-media-box-icon{
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
}

.social-media-box-username{
  display: block;
  font-size: 16px;
  font-family: Segoe UI;
  font-weight: 600;
  position: absolute;
  top: 20px;
  left: 40px;
  color: #fff;
}
.social-media-box-description{
  display: block;
  font-size: 13px;
  font-family: Segoe UI;
  font-weight: 400;
  position: absolute;
  top: 55px;
  left: 10%;
  width: 80%;
  text-align:justify;
  color: #D9D9D9;
}
.box-btn{
  display: block;
  width: 60px;
  height: 20px;
  background: #0095F6;
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translate(-50%);
  border:none;
  border-radius: 2px;
  font-size: 11px;
  font-family: Segoe UI;
  font-weight: 400;
  color:#fff;
  transition: 0.3s;
  cursor: pointer;
}
.box-btn:hover{
  background: #0677C1;
  font-size: 12px;
  letter-spacing: 1px;
  font-weight: 600;
}
#media-boxes-insta-logo{
  display: block;
  width: 25px;
  height: 25px;
  position: absolute;
  left: 10px;
  top: 20px;
  fill: none;
  stroke: #fff;
  stroke-width: 3px;
}
#insta-username{
  top: 20px;
}
#insta-description{
}


#media-boxes-twitter-logo{
  display: block;
  width: 50px;
  height: auto;
  position: absolute;
  left: 0px;
  top: 05px;
  fill: #f9f9f9;
}
#twitter-username{
  top: 22px;
  left: 45px;
}
#twitter-description{
  text-align: left;
  font-size: 12px;
}





#media-boxes-fb-logo{
  display: block;
  width: 25px;
  height: 25px;
  position: absolute;
  left: 10px;
  top: 20px;
  fill: #f9f9f9;
  stroke: none;
  stroke-width: 3px;
}
#fb-username{
  top: 22px;
  left: 45px;
}
#fb-description{
  text-align: left;
}

























.more-card{
  width: 170px;
  height: 165px;
  left: 60px;
  background: #252525;
  color: #fff;
  stroke: #fff;
  stroke-width: 3px;
  transform: scale(1);
  transition: 0.3;
}
.more-card:hover{
   transform: scale(1.05);
   color: #C9C9C9;
   stroke: #C9C9C9;
   stroke-width:2px;
}
.active3{
  transform: scale(1.05);
}
#more-card-txt{
  font-size: 30px;
  font-family: Segoe UI;
  font-weight: bold;
  position: absolute;
  top: 50%;
  transform: translate(0,-50%);
  width:100%;
  text-align: center;
}
#external-redirect-more-card{
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  width: 25px;
  height: 25px;
}