.clr-blink {
  color: rgba(0,255,71,0.55);
  font-size: 10px;
  animation: blinks 2s infinite;
}

#parent {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#child {
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  padding-right: 17px;
  box-sizing: content-box;
}

.iphone-container {
  display: inline-block;
}

.iphone-frame {
  position: relative;
  border: 10px solid #ffffff;
  border-radius: 40px;
  padding: 20px;
  background: linear-gradient(135deg, #67d5f7 0%, #ffc452 100%);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
}

.iphone-frame::before {
  content: '';
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  border-radius: 50%;
  background-color: rgb(0,0,0);
  z-index: -1;
}

@keyframes blinks {
  0% {
    text-shadow: #00fc00 0px 0px 5px;
  }
  50% {
    text-shadow: #00fc00 0px 0px 10px;
  }
}

.img-btn-logo {
  width: 100%;
  height: 100%;
}

.img-btn-logo.google-lg {
  background: white;
  border-radius: 50%;
  padding: 7px;
}

.vid-edit {
  border-radius: 30px;
}

.template-marquee {
  text-decoration: none;
  color: black;
}

.marq {
  padding: 2px;
  border: black 1px solid;
}

.cat-temp {
  color: white;
  text-decoration: none;
  font-family: Actor, sans-serif;
  font-weight: bold;
  font-size: 23px;
}

.cat-temp:hover {
  color: dodgerblue;
  filter: brightness(80%);
}

.marq {
  box-shadow: 2px 5px 10px 1px rgba(0,0,0,0.25);
  display: flex;
  border: #64f6ff 1px solid;
  flex-direction: column;
}

.link-temp {
  text-decoration: none;
  font-size: 24px;
  color: rgb(0,0,0);
  font-weight: bold;
  font-family: Abel, sans-serif;
}

.link-temp:hover {
  color: #fff505;
}

@media (max-width: 744px) {
  .hide-md {
    display: none!important;
  }
}

@media (min-width: 700px) {
  .show-md {
    display: none;
  }
}

.img-temp1 {
  z-index: 0;
  object-position: top;
  object-fit: cover;
  position: absolute;
  margin-bottom: 56px;
  margin-left: -19px;
  margin-top: -25px;
  border-bottom-right-radius: 26px;
  border-bottom-left-radius: 26px;
  max-width: 212px;
  width: 100%;
  max-height: 438px;
  height: 100%;
}

.modal-temp1 {
  z-index: 0;
  object-position: top;
  object-fit: cover;
  border-radius: 0px 0px 60px 60px;
  width: 100%;
  height: 100%;
}

.tab-cat .active {
}

.tab-cat-active {
  padding: 7px 0px;
  border-radius: 10px 10px 0px 0px!important;
  background: linear-gradient(-108deg, rgb(210,122,46) 0%, #ffed91 100%);
  font-weight: bold;
  font-family: 'Actor';
  letter-spacing: 2px;
  height: 78px;
  border-color: transparent;
  box-shadow: 3px -2px 2px rgba(0,0,0,0.34);
  max-width: 177px;
  font-size: 16px;
}

.tab-cat {
  border-radius: 10px 10px 0px 0px !important;
  padding: 10px 0px;
  max-height: 49px;
  box-shadow: 3px -2px 2px rgba(0,0,0,0.34);
  border-color: transparent;
  background: linear-gradient(-108deg, rgb(210,122,46) 0%, #ffed91 100%);
  font-weight: bold;
  font-family: 'Actor';
  letter-spacing: 4px;
  font-size: 12px;
  max-width: 180px;
}

.tab-cat-active:hover {
  border-color: white;
}

.tab-cat:hover {
  border-color: white;
}

.btn-down {
  width: 100%;
  position: fixed;
  bottom: 0px;
}

.mw-none {
  padding: 0px;
  max-width: none;
}

.hide-container {
  display: none;
}

.mock-up-style {
  width: 100%;
  object-fit: contain;
  margin: 8px;
  object-position: center;
  max-width: 400px;
  border-radius: 50px;
  height: auto;
  box-shadow: 0px 0px 7px 0px;
  border-width: 3.4px;
  border-style: ridge;
}

.mock-up-style:hover {
  filter: brightness(70%);
}

@media (min-width: 728px) {
  .sidebar {
    width: 14rem !important;
  }
}

.bg-gradient-primary {
  background-color: #4e73df;
  background-image: linear-gradient(180deg, #4e73df 10%, #224abe 100%);
  background-size: cover;
}

.sidebar {
  width: 6.5rem;
  min-height: 100vh;
}