/* Generated by script */
@font-face {
  font-family: Vazirmatn;
  src: url('./fonts/webfonts/Vazirmatn-Thin.woff2') format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Vazirmatn;
  src: url('./fonts/webfonts/Vazirmatn-ExtraLight.woff2') format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Vazirmatn;
  src: url('./fonts/webfonts/Vazirmatn-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Vazirmatn;
  src: url('./fonts/webfonts/Vazirmatn-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Vazirmatn;
  src: url('./fonts/webfonts/Vazirmatn-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Vazirmatn;
  src: url('./fonts/webfonts/Vazirmatn-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Vazirmatn;
  src: url('./fonts/webfonts/Vazirmatn-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Vazirmatn;
  src: url('./fonts/webfonts/Vazirmatn-ExtraBold.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Vazirmatn;
  src: url('./fonts/webfonts/Vazirmatn-Black.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'iranyekan';
  src: url('fonts/iranyekanweblightfanum.eot');
  /* IE9 Compat Modes */
  src: url('fonts/iranyekanweblightfanum.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('fonts/iranyekanweblightfanum.woff') format('woff'),
    /* Pretty Modern Browsers */
    url('fonts/iranyekanweblightfanum.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('fonts/iranyekanweblightfanum.svg#iranyekan') format('svg');
  /* Legacy iOS */
}

@font-face {
  font-family: 'iranyekan';
  src: url('fonts/iranyekanwebboldfanum.eot');
  /* IE9 Compat Modes */
  src: url('fonts/iranyekanwebboldfanum.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('fonts/iranyekanwebboldfanum.woff') format('woff'),
    /* Pretty Modern Browsers */
    url('fonts/iranyekanwebboldfanum.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('fonts/iranyekanwebboldfanum.svg#iranyekan') format('svg');
  /* Legacy iOS */
  font-weight: bold;
}

body,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: iranyekan !important;
}

.card-glass {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 1px;
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  color: white;
  transition: transform 0.3s ease;
}

.social-icons a {
  font-size: 28px;
  color: #fdfafa;
  transition: color 0.3s, transform 0.3s;
}

.social-icons2 a {
  font-size: 33px;
  color: #070707;
  transition: color 0.3s, transform 0.3s;
}



.social-icons .telegram:hover,.social-icons2 .telegram:hover {
  color: #1dc9e7;
  transform: scale(1.2);
  cursor: pointer;
}

.social-icons .whatsapp:hover ,.social-icons2 .whatsapp:hover {
  color: #10921b;
  transform: scale(1.2);
  cursor: pointer;
}

.social-icons .instagram:hover ,.social-icons2 .instagram:hover {
  background: linear-gradient(45deg, #f58529, #d6249f, #8134af);
  -webkit-background-clip: text;
  color: transparent;
  transform: scale(1.2);
  cursor: pointer;
}

.social-icons2 .phon:hover {
  color: #ff0000;
  transform: scale(1.2);
  cursor: pointer;
}

.social-icons .phon:hover {
  color: #0a0a0a;
  transform: scale(1.2);
  cursor: pointer;
}

#c1 {
  /* width: 22rem; */
  height: 24rem;
  display: flex;
  justify-content: center;
  align-items: center;
  /* height: 50vh; */
  background-image: linear-gradient(15deg, #13547a 0%, #80d0c7 100%);
  margin: 0;
}

.card-body img {
  width: 140px;
  height: 140px;
  object-fit: cover;
}


.pulse i {
  color: #fff
}

.pulse {
  margin-top: -4px;
  margin-right: -6px;
  height: 30px;
  width: 30px;
  background-color: #0d6efd;
  /* border-radius: 50%; */
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative
}

.pulse::before {
  content: "";
  position: absolute;
  border: 1px solid#0d6efd;
  width: calc(100% + 40px);
  height: calc(100% + 40px);
  border-radius: 50%;
  animation: pulse 1s linear infinite
}

.pulse::after {
  content: "";
  position: absolute;
  border: 1px solid #0d6efd;
  width: calc(100% + 40px);
  height: calc(100% + 40px);
  border-radius: 50%;
  animation: pulse 1s linear infinite;
  animation-delay: 0.3s
}

@keyframes pulse {
  0% {
    transform: scale(0.5);
    opacity: 0
  }

  50% {
    transform: scale(1);
    opacity: 1
  }

  100% {
    transform: scale(1.3);
    opacity: 0
  }
}


.nav-link {
  color: black;
}


.button1 {
  /* width:200px;
  height:70px;
  background: linear-gradient(to left top, #c32c71 50%, #b33771 50%);
  border-style: none;
  color:#fff;
  font-size: 23px;
  letter-spacing: 3px;
  font-family: 'Lato';
  font-weight: 600; */
  outline: none;
  cursor: pointer;
  position: relative;
  padding: 0px;
  overflow: hidden;
  transition: all .5s;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, .2);
}

.button1 span {
  position: absolute;
  display: block;
}

.button1 span:nth-child(1) {
  height: 3px;
  width: 200px;
  top: 0px;
  left: -200px;
  background: linear-gradient(to right, rgba(0, 0, 0, 0), #f6e58d);
  border-top-right-radius: 1px;
  border-bottom-right-radius: 1px;
  animation: span1 2s linear infinite;
  animation-delay: 1s;
}

@keyframes span1 {
  0% {
    left: -200px
  }

  100% {
    left: 200px;
  }
}

.button1 span:nth-child(2) {
  height: 70px;
  width: 3px;
  top: -70px;
  right: 0px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), #f6e58d);
  border-bottom-left-radius: 1px;
  border-bottom-right-radius: 1px;
  animation: span2 2s linear infinite;
  animation-delay: 2s;
}

@keyframes span2 {
  0% {
    top: -70px;
  }

  100% {
    top: 70px;
  }
}

.button1 span:nth-child(3) {
  height: 3px;
  width: 200px;
  right: -200px;
  bottom: 0px;
  background: linear-gradient(to left, rgba(0, 0, 0, 0), #f6e58d);
  border-top-left-radius: 1px;
  border-bottom-left-radius: 1px;
  animation: span3 2s linear infinite;
  animation-delay: 3s;
}

@keyframes span3 {
  0% {
    right: -200px;
  }

  100% {
    right: 200px;
  }
}

.button1 span:nth-child(4) {
  height: 70px;
  width: 3px;
  bottom: -70px;
  left: 0px;
  background: linear-gradient(to top, rgba(0, 0, 0, 0), #f6e58d);
  border-top-right-radius: 1px;
  border-top-left-radius: 1px;
  animation: span4 2s linear infinite;
  animation-delay: 4s;
}

@keyframes span4 {
  0% {
    bottom: -70px;
  }

  100% {
    bottom: 70px;
  }
}

.button1:hover {
  transition: all .5s;
  transform: rotate(-3deg) scale(1.1);
  box-shadow: 0px 3px 5px rgba(0, 0, 0, .4);
}

.button1:hover span {
  animation-play-state: paused;
}


.shak {
  animation: shake 1.5s;
  animation-iteration-count: infinite;
}

@keyframes shake {
  0% {
    transform: translate(1px, 1px) rotate(0deg);
  }

  10% {
    transform: translate(-1px, -2px) rotate(-1deg);
  }

  20% {
    transform: translate(-3px, 0px) rotate(1deg);
  }

  30% {
    transform: translate(3px, 2px) rotate(0deg);
  }

  40% {
    transform: translate(1px, -1px) rotate(1deg);
  }

  50% {
    transform: translate(-1px, 2px) rotate(-1deg);
  }

  60% {
    transform: translate(-3px, 1px) rotate(0deg);
  }

  70% {
    transform: translate(3px, 1px) rotate(-1deg);
  }

  80% {
    transform: translate(-1px, -1px) rotate(1deg);
  }

  90% {
    transform: translate(1px, 2px) rotate(0deg);
  }

  100% {
    transform: translate(1px, -2px) rotate(-1deg);
  }
}

.footerimg:hover{
  scale: 1.2;
  animation: shake 2s;
  animation-iteration-count: infinite;
  
}