* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  color: #0b120e;
  font-family: 'IRSans', sans-serif;

}
@font-face {
  font-family: 'IRSans';
  src: url('../../fonts/irsans.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

body .imgFixed {
  position: fixed;
  z-index: -2;
  width: 100%;
  height: 100%;
}

.main {
  direction: rtl;
}

.container {
  width: 1270px;

}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

a {
  text-decoration: none;
}

/* header */

.header {

  display: flex;
  justify-content: center;
  height: 85px;
  width: 100%;

  background-image:
    linear-gradient(to bottom, rgba(0, 4, 106, 0.275) 0%, rgb(49, 255, 0, 0) 50%),
    linear-gradient(to top, rgba(5, 13, 57, 0.902) 0%, rgba(0, 255, 17, 0) 50%),
    linear-gradient(to bottom, rgba(26, 74, 195, 0.571) 0%, rgba(19, 66, 175, 0.486) 100%);

}

.header .container {
  display: flex;
  align-items: center;
  justify-content: center;
}

.header__main {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
}

.header__logo {
  margin: 0 10px 0 50px;
  padding: 0;
}

.header__logo img {
  width: 150px;
  height: auto;
}


/* header__menu--mobile */
.header__menu-icon-toggle {
  width: 60px;
  height: 60px;
  display: none;
}

.header__nav--mobile.active {
  opacity: 1;
  z-index: 10;
  transform: translateY(0);
}

.header__menu-icon-toggle img {
  width: 100%;
  height: 100%;
}

.header__phone a {
  padding: 8px 0;
  color: white;
  text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
  font-size: 20px;
}

.header__nav--mobile {
  position: absolute;
  right: 10px;
  top: 80px;
  opacity: 0;
  z-index: -10;
  width: 130px;
  transform: translateY(50px);
  transition: opacity 0.5s ease, transform 0.3s ease;
  
}

.header__menu--mobile {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 10px;
  background-image:
    linear-gradient(to bottom, rgba(37, 37, 37, 0.9) 0%, rgba(37, 37, 37, 0) 100%),
    linear-gradient(to top, rgba(37, 37, 37, 0.9) 0%, rgb(37, 37, 37, 0) 100%),
    linear-gradient(to bottom, beige 0%, rgb(211, 211, 191) 100%);

  box-shadow: 10px 5px 6px 10px rgb(0, 0, 0, 0.3),
    inset 0px 0px 10px 10px rgb(0, 0, 0, 0.2);
}

.header__menu-list--mobile {
  border-bottom: 4px solid #727257;
  padding: 15px;
}

.header__menu--mobile .header__menu-link--mobile {
  cursor: pointer;
  color: white;
  text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
}


.header__menu--mobile li:hover .header__menu-link--mobile {
  color: #b4f5fc;
}

.header__menu-submenu--mobile li:hover a {
  color: #b4f5fc;
}

.header__menu-submenu--mobile.active {
  opacity: 1;
  z-index: 10;
  transform: translateY(0);
}

.header__menu-submenu-list--mobile {
  border-bottom: 4px solid #727257;
  padding: 15px;
}

.header__menu-submenu--mobile {
  position: absolute;
  background-image:
    linear-gradient(to bottom, rgba(37, 37, 37, 0.9) 0%, rgba(37, 37, 37, 0) 100%),
    linear-gradient(to top, rgba(37, 37, 37, 0.9) 0%, rgb(37, 37, 37, 0) 100%),
    linear-gradient(to bottom, beige 0%, rgb(211, 211, 191) 100%);

  top: 60px;
  right: 110px;
  width: 150px;
  border-radius: 10px;
  transform: translateY(50px);
  transition: opacity 0.5s ease, transform 0.3s ease;
  overflow: hidden;
  z-index: -10;
  box-shadow: 10px 5px 6px 10px rgb(0, 0, 0, 0.3),
    inset 0px 0px 10px 10px rgb(0, 0, 0, 0.2);
  font-size: 16px;
  opacity: 0;
}

.header__menu-submenu--mobile a {
  color: white;
  text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
}

.header__menu-list--mobile:nth-child(2)>.header__menu-link--mobile::after {
  content: "⮟";
  font-size: 10px;
  margin: 0px 8px;
  display: inline-block;
}

/*End header__menu--mobile */

/* header__menu--desktop */
.header__nav {
  flex-grow: 1;
  display: flex;
  margin-top: 35px;
}

.header__menu {
  display: flex;
  margin: 0 15px 0 0;
}

.header__menu li .header__menu-link {
  padding: 25px 15px;
  color: white;
  text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
}

.header__menu-list:hover .header__menu-submenu {
  opacity: 1;
  transform: translateY(0);
}

.header__menu-list:hover .header__menu-submenu li {
  display: block;
}

.header__menu-submenu li:hover a {
  color: #b4f5fc;
}

.header__menu-list:hover .header__menu-line {
  opacity: 1;
}

.header__menu-submenu {
  position: absolute;
  background-image: linear-gradient(to bottom,
      rgba(37, 37, 37, 0.9) 0%,
      rgba(37, 37, 37, 0) 100%),
    linear-gradient(to top, rgba(37, 37, 37, 0.9) 0%, rgb(37, 37, 37, 0) 100%),
    linear-gradient(to bottom, beige 0%, rgb(211, 211, 191) 100%);

  width: 150px;
  border-radius: 10px;
  margin-top: 0px;
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.5s ease, transform 0.3s ease;
  overflow: hidden;
  z-index: +100;
  box-shadow: 10px 5px 6px 10px rgb(0, 0, 0, 0.3),
    inset 0px 0px 10px 10px rgb(0, 0, 0, 0.2);
}

.header__menu-submenu li {
  padding: 15px;
  font-size: 16px;
  display: none;
  border-bottom: 4px solid #727257;
}

.header__menu-submenu a {
  color: white;
  text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
}

.header__menu-list:nth-child(2)>.header__menu-link::after {
  content: "⮟";
  font-size: 10px;
  margin: 0px 8px;
  display: inline-block;
}

.header__menu-line-bottom {
  border-bottom: 4px solid #c0b34d;
  padding-top: 25px;
}

.header__menu-line {
  border-bottom: 4px solid #c0b34d;
  opacity: 0;
  padding-top: 25px;
  transition: opacity 0.5s ease, transform 0.3s ease;
}


/*End header__menu--desktop */

/*end header */

/* baner*/

.baner__main {
  display: flex;
  justify-content: center;
  overflow: hidden;
  position: relative;
  height: 650px;
  box-shadow: inset 0px 10px 10px 2px rgb(0, 0, 0, 0.6);
}




.baner .container {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.baner__title-img-desktop{
  position: absolute;
  width: 500px;
  color: gold;
  text-shadow: 1px 1px 2px black, 1px 1px 30px blue, 10px 15px 5px darkblue;
  font-size: 40px;
  margin: 30px;
  right: 0px;
}


.baner__slider {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.baner__slider-items {
  display: flex;
  position: relative;
  border: solid 3px gold;
  width: 600px;
  height: 400px;
  border-radius: 30px;
  right: 200px;
  top: 60px;
  box-shadow: 20px 15px 20px 10px rgb(0, 0, 0, 0.3),
    20px 15px 20px 10px rgb(0, 0, 0, 0.2), 0px 0px 10px 5px rgb(0, 0, 0, 0.2);
}

.baner__slider-items .baner__slider-item {
  width: 100%;
  height: 100%;
  border-radius: 30px;
  position: absolute;
}


.baner__slider-item img {
  width: 100%;
  height: 100%;
  border-radius: 30px;
}

/* .baner__slider-items .baner__slider-item:nth-child(5) {
  width: 75px;
  position: absolute;
  height: 110px;
  top: 262.5px;
  right: 20px;
  z-index: 5;
  border-radius: 15px;
} */

@keyframes show {
  from {
    width: 150px;
    height: 220px;
    top: 262.5px;
    right: -300px;
    box-shadow: 20px 15px 20px 10px rgb(0, 0, 0, 0.3),
      20px 15px 20px 10px rgb(0, 0, 0, 0.2), 0px 0px 10px 5px rgb(0, 0, 0, 0.2);
  }

  to {
    width: 100%;
    height: 100%;
    top: 0px;
    right: 0px;
  }
}

@keyframes showPrev {
  from {
    width: 100%;
    height: 100%;
    top: 0px;
    right: 0px;
    box-shadow:
      20px 15px 20px 10px rgb(0, 0, 0, 0.3),
      20px 15px 20px 10px rgb(0, 0, 0, 0.2),
      0px 0px 10px 5px rgb(0, 0, 0, 0.2);
  }

  to {
    width: 150px;
    height: 220px;
    top: 262.5px;
    right: -300px;
    box-shadow:
      7px 5px 7px 2px rgb(0, 0, 0, 0.3),
      7px 5px 7px 2px rgb(0, 0, 0, 0.3),
      0px 0px 3px 2px rgb(0, 0, 0, 0.3);
  }
}

.activNext {
  animation: show 0.4s linear forwards;
}

.activPrev {
  animation: showPrev 0.8s forwards;
}

.baner__slider-bg-thumbnail {
  position: relative;
  width: 920px;
  height: 180px;
  top: -53px;
  right: -680px;
  z-index: -2;
  border-radius: 30px;
  background-image: url(../../assets/indexImages/17.png);
  background-size: cover;
}

.baner__slider-items-thumbnail {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1000px;
  height: 250px;
  top: -270.5px;
  right: -663px;
  direction: ltr;
}

.baner__slider-items-thumbnail .baner__slider-item-thumbnail {
  width: 150px;
  height: 220px;
  border-radius: 30px;
  overflow: hidden;
  top: 0px;
  right: 0px;
  margin: 0px 10px;
  box-shadow:
    7px 5px 7px 2px rgb(0, 0, 0, 0.3),
    7px 5px 7px 2px rgb(0, 0, 0, 0.3),
    0px 0px 3px 2px rgb(0, 0, 0, 0.3);
}

.baner__slider-item-thumbnail img {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

@keyframes moveRight {
  from {
    opacity: 0;
  }

  to {
    opacity: "1";
  }
}

@keyframes moveLeft {
  from {
    opacity: 0;
  }

  to {
    opacity: 0;
  }
}

@keyframes moveWidth {
  from {
    transform: translateX(170px);
  }

  to {
    transform: translateX(0px);
  }
}

@keyframes moveWidthBack {
  from {
    transform: translateX(-170px);
  }

  to {
    transform: translateX(0px);
  }
}


.moveRight {
  animation: moveRight 0.6s ease-in forwards;
}

.moveLeft {
  animation: moveLeft 0.6s linear forwards;
}

.moveWidth {
  animation: moveWidth 0.6s linear forwards;
}

.moveWidthBack {
  animation: moveWidthBack 0.6s linear forwards;
}




.baner__btns {
  position: relative;
  width: 150px;
  height: 80px;
  border: none;
  top: -350px;
  right: 215px;
}

#baner__btnNext,
#baner__btnPrev {
  width: 50px;
  height: 50px;
  overflow: hidden;
  border-radius: 100%;
  margin: 10px;
  border: none;
  transition-duration: 1s;
  background-color: rgb(28, 233, 79);
  box-shadow:
    5px 5px 5px 3px rgb(0, 0, 0, 0.3),
    inset 0px 0px 4px 3px rgb(0, 0, 0, 0.1),
    inset 0px 0px 4px 3px rgb(0, 0, 0, 0.4);
}

#baner__btnNext img,
#baner__btnPrev img {
  width: 80%;

}

#baner__btnNext:hover,
#baner__btnPrev:hover {
  background: rgb(224, 20, 20);

}

/* end baner */











/* products  */
.products {
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto;
  overflow: hidden;
}

.products .container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-bottom: 50px;
}

.products__Text {
  width: 700px;
  display: flex;
  padding: 50px;
  border: solid 2px gold;
  border-top-left-radius: 100px 100%;
  border-top-right-radius: 100px 100%;
  border-bottom-right-radius: 100px 100%;
  border-bottom-left-radius: 100px 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: justify;
  background-color: #41badc81;
  background-image:
    linear-gradient(to bottom, rgba(0, 4, 106, 0.275) 0%, rgb(49, 255, 0, 0) 50%),
    linear-gradient(to top, rgba(5, 13, 57, 0.902) 0%, rgba(0, 255, 17, 0) 50%),
    linear-gradient(to bottom, rgba(26, 74, 195, 0.571) 0%, rgba(19, 66, 175, 0.486) 100%);

}

.products__Text h3 {
  font-size: 21px;
  color: #fff;
  text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
  margin-bottom: 20px;
}

.products__Text p {
  font-size: 18px;
  color: #fff;
  text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
  margin-bottom: 16px;
  line-height: 1.8;
}

.products__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 10px 0 30px 0px;
  width: 200px;
}

.products__logo::before,
.products__logo::after {
  content: "";
  flex: 1;
  height: 2px;
  background-color: gold;
}

.products__logo-Child{
  width: 10px;
  height: 10px;
  background-color: gold;
  border-radius: 50%;
  margin: 20px;
}



.products__box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 90%;
  height: 350px;
  border: solid 2px gold;
  border-top-left-radius: 100% 100px;
  border-top-right-radius: 100% 100px;
  border-bottom-right-radius: 100% 100px;
  border-bottom-left-radius: 100% 100px;
  margin-bottom: 30px;
  background-color: #41badc81;
  background-image:
    linear-gradient(to bottom, rgba(0, 4, 106, 0.275) 0%, rgb(49, 255, 0, 0) 50%),
    linear-gradient(to top, rgba(5, 13, 57, 0.902) 0%, rgba(0, 255, 17, 0) 50%),
    linear-gradient(to bottom, rgba(26, 74, 195, 0.571) 0%, rgba(19, 66, 175, 0.486) 100%);

}

.products__box-body {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 300px;
  height: 400px;
  background-image: url(../../assets/indexImages/1.png);
  background-size: cover;
  margin: 0 3vh;
  border-radius: 20%;
  perspective: 1500px;
}

.cube {
  top: 80px;
  width: 160px;
  height: 180px;
  position: absolute;
  transform-style: preserve-3d;
  cursor: pointer;
}

.face::selection {
  background: transparent;
  color: inherit;
}

.face {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: white;
  position: absolute;
  width: 160px;
  height: 180px;
}

.front {
  transform: translateZ(75px);
}

.back {
  transform: rotateY(180deg) translateZ(75px);
}

.left {
  transform: rotateY(-90deg) translateZ(80px);
}

.right {
  transform: rotateY(90deg) translateZ(80px);
}

.top {
  transform: rotateX(90deg) translateZ(100px);
}

.bottom {
  transform: rotateX(-90deg) translateZ(100px);
}

.cube__img-FB{
  position: absolute;
  width: 160px;
  height: 200px;
  border: 1px solid #eae9ee;
}
.cube__img-LR{
  position: absolute;
  width: 150px;
  height: 200px;
  border: 1px solid #eae9ee;
}
.cube__img-BT{
  position: absolute;
  width: 160px;
  height: 150px;
  border: 1px solid #cac9d1;
}


/* .cube__scond .cube__img-FB{
  position: absolute;
  width: 160px;
  height: 200px;
  border: 1px solid #eae9ee;
}
.cube__scond .cube__img-LR{
  position: absolute;
  width: 150px;
  height: 200px;
  border: 1px solid #eae9ee;
}
.cube__scond .cube__img-BT{
  position: absolute;
  width: 160px;
  height: 150px;
  border: 1px solid #cac9d1;
} */


.shadowCube {
  position: absolute;
  top: 300px;
  width: 200px;
  height: 40px;
  background: rgba(0, 0, 0, 0.3);
  filter: blur(5px);
  border-radius: 50%;
  z-index: -1;
}

.add-rotateY {
  animation: spin 20s 4s infinite linear;
}

@keyframes spin {
  from {
    transform: rotateY(0deg);
  }

  to {
    transform: rotateY(360deg);
  }
}

/* callUs */
.callUs {
  display: flex;
  justify-content: center;
  height: 350px;
  margin-bottom: 70px;
  padding: 10px;

}

.callUs .container {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 1200px;
  background-image: url(../../assets/indexImages/621.png);
  background-size: cover;
  border-top-left-radius: 100px;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 50% 300px;
  border-bottom-left-radius: 50% 300px;
  box-shadow:
    10px 5px 6px 10px rgb(0, 0, 0, 0.3),
    inset 0px 0px 30px 80px rgb(0, 0, 0, 0.1),
    inset 0px 0px 30px 60px rgb(0, 0, 0, 0.2),
    inset 0px 0px 30px 40px rgb(0, 0, 0, 0.2),
    inset 0px 0px 30px 20px rgb(0, 0, 0, 0.4);
}

.callUs__title {
  color: beige;
  text-shadow: 1px 1px 2px black, 1px 1px 25px blue, 1px 5px 5px darkblue;
  margin-top: 50px;
}

.callUs__text {
  font-size: 18px;
  margin: 50px;
  color: white;
  text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
}

/* callUs__button */
.callUs__button {
  position: relative;
  border-radius: 10px;
  width: 150px;
  height: 35px;
  margin: 30px 10px;
  background-color: #333;
  overflow: hidden;

  box-shadow: 5px 5px 3px 0px rgb(0, 0, 0, 0.3);
  /* 0px 0px 6px 0px rgb(0, 0, 0, 0.3), */
  /* inset 0px 0px 10px 10px rgb(0, 0, 0, 0.2); */
}

.callUs__button .callUs__btn-text {
  position: absolute;

  background-image:
    linear-gradient(to bottom, beige 0%, rgb(245, 245, 220, 0) 15%),
    linear-gradient(to top, beige 0%, rgb(245, 245, 220, 0) 15%),
    linear-gradient(to top, rgb(8, 8, 241) 0%, rgba(63, 60, 255, 0.5) 100%);
  height: 35px;
  line-height: 35px;
  font-size: 14px;
  color: white;
  text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
  margin: 0;
  text-align: center;
  width: 150px;
  transform: translateX(0);
  transition: transform 0.5s ease;
}

.callUs__btn:hover .callUs__btn-text {
  opacity: 0.7;
  transform: translateX(-18px);
}

.callUs__btn-sub {
  position: absolute;
  display: flex;
  background-image:
    linear-gradient(to bottom, rgb(246, 245, 248) 0%, rgba(29, 0, 251, 0.8) 100%);

  background-image:
    linear-gradient(to bottom, beige 0%, rgb(245, 245, 220, 0) 60%),
    linear-gradient(to top, beige 0%, rgb(245, 245, 220, 0) 60%),
    linear-gradient(to top, rgb(8, 8, 241) 0%, rgba(63, 60, 255, 0.5) 100%);

  width: 35px;
  height: 35px;
  text-align: center;
  justify-content: center;
  align-items: center;
  transform: translateX(35px);
  transition: transform 0.5s ease;
}

.callUs__btn-sub img {
  width: 10px;
  height: auto;
}

.callUs__btn:hover .callUs__btn-sub {
  transform: translateX(0px);
}

/* sample */
.sample {
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto;

}

.sample .container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 30px 0;
}

.sampleTitle h3 {
  font-size: 30px;
  color: #fff;
  text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
  margin-bottom: 15px;

}

.sample__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 10px 0;
  width: 250px;
}

.sample__logo::before,
.sample__logo::after {
  content: "";
  flex: 1;
  height: 1px;
  background-color: #97DE33;
}

.sample__logo-child {
  width: 10px;
  height: 10px;
  background-color: #97DE33;
  border-radius: 50%;
  margin: 10px;
}



.samples_boxs {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 50px 0px;
  border-radius: 100px;
  border: solid 35px rgb(0, 201, 3);

  background-image:
    linear-gradient(to bottom, rgba(11, 57, 5, 0.902) 0%, rgba(0, 255, 17, 0) 50%),
    linear-gradient(to right, rgba(6, 135, 8, 0.8) 0%, rgb(49, 255, 0, 0) 10%),
    linear-gradient(to left, rgba(6, 135, 8, 0.8) 0%, rgb(49, 255, 0, 0) 10%),
    linear-gradient(to top, rgba(11, 57, 5, 0.902) 0%, rgba(0, 255, 17, 0) 50%),
    linear-gradient(to bottom, rgba(29, 195, 26, 0.571) 0%, rgba(29, 195, 26, 0.571) 100%);


  width: 1300px;
  height: 600px;
  clip-path: path('M0 0H1300Q1235 300 1300 600H0Q65 300 0 0Z');
}

.samples_box-body {
  width: 200px;
  height: 200px;
  overflow: hidden;
  background-color: gold;
  margin: 10px;
  border-radius: 10px;
  transition: 1s;
  transform: rotatez(45deg);
  border: solid 100px rgb(52, 252, 255);
  background-color: rgb(255, 215, 0);
}

.samples_box-body.scrollActive {
  transform: rotatez(0);
  border-radius: 10px;
  border: solid 0px gold;
}

.samples_box-body img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
}


/* footer */
.footer {}

.footer__main {
  display: flex;
  justify-content: center;
  height: 630px;
  background-image: url(../../assets/images/226.png);
  background-size: cover;
  border-radius: 40px;
  box-shadow: 10px 5px 6px 10px rgb(0, 0, 0, 0.3),
    inset 0px 0px 30px 5px rgb(0, 0, 0, 1),
    inset 0px 0px 30px 80px rgb(0, 0, 0, 0.1),
    inset 0px 0px 30px 60px rgb(0, 0, 0, 0.2),
    inset 0px 0px 30px 40px rgb(0, 0, 0, 0.2),
    inset 0px 0px 30px 20px rgb(0, 0, 0, 0.4);
}

.footer .container {
  display: flex;
}

.footer__right {
  padding: 50px;
  width: 60%;
  margin-top: 70px;
}

.footer__center {
  padding: 50px;
  width: 30%;
  margin-top: 70px;
}

.footer h3 {
  color: white;
  text-shadow: 1px 1px 2px black, 0 0 25px rgb(16, 73, 244),
    0 0 5px rgb(9, 65, 231);
  font-size: 25px;
  margin-bottom: 40px;
}

.footer p {
  color: #fff;
  font-size: 20px;
  text-align: justify;
  line-height: 1.8;
  text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
}

.footer__phone-text ,.footer__phone-text a {
  padding: 8px 0;
  color: white;
  text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
  font-size: 20px;

}