html, body {
  padding: 0;
  margin: 0;
}

* {
  box-sizing: border-box;
}

body {
  font-family: "Yekan Bakh FaNum" !important;
  direction: rtl;
  font-size: 14px;
  line-height: 30px;
  color: #384955;
  overflow-x: hidden;
}

a {
  text-decoration: none;
}

img {
  max-width: 100%;
  height: auto;
}

button, input, textarea {
  font-family: "Yekan Bakh FaNum" !important;
}

label {
  font-size: 15px;
  padding-right: 8px;
  padding-bottom: 8px;
  font-weight: 600;
  color: #384955;
}
label .required {
  color: red;
}

input, textarea {
  width: 100%;
  border: none;
  border: 1px solid #D8DDE4;
  border-radius: 8px;
  padding: 18px 25px;
  outline: none;
  font-size: 15px;
  box-sizing: border-box;
  transition: all 0.4s;
}
input::-moz-placeholder, textarea::-moz-placeholder {
  color: #C9CDCF;
  font-size: 13px;
  font-weight: 600;
}
input::placeholder, textarea::placeholder {
  color: #C9CDCF;
  font-size: 13px;
  font-weight: 600;
}
input:focus, textarea:focus {
  border: 1px solid grey;
}

input[type=submit] {
  width: 100%;
  height: 60px;
  border-radius: 8px;
  border: none;
  background-color: #3F95B4;
  color: white;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: 0.4s;
}
input[type=submit]:hover {
  background-color: #337992;
}

.rules {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 50px;
  position: relative;
  align-items: center;
}
.rules .parentBox {
  position: relative;
  width: 50%;
  height: 550px;
}
@media (max-width: 992px) {
  .rules .parentBox {
    order: 2;
    width: 80%;
    margin: auto;
  }
}
@media (max-width: 768px) {
  .rules .parentBox {
    width: 90%;
  }
}
.rules .parentBox::before {
  content: "";
  width: 150px;
  height: 150px;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-30%, -30%);
  display: flex;
  z-index: -1;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQ5IiBoZWlnaHQ9IjE0OSIgdmlld0JveD0iMCAwIDE0OSAxNDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIiBmaWxsPSIjMDBBQkU4IiBmaWxsLW9wYWNpdHk9Ii4zIj48cGF0aCBkPSJNMTIxLjI0MyAxNi40NTRBNjcgNjcgMCAwIDAgMTE5LjM3NSAxNUwxNSAxMTkuMzc1Yy40NzYuNjI3Ljk2NSAxLjI1NCAxLjQ1NCAxLjg2OHpNOTUuNzQxIDMuMDU4Yy0uODY1LS4yNS0xLjc0Mi0uNDg5LTIuNjA3LS43MTVMMi4zNDQgOTMuMTM0Yy4yMjUuODc4LjQ2MyAxLjc0Mi43MTQgMi42MDd6bTE3LjkyIDguMDJhOTEgOTEgMCAwIDAtMi4wOC0xLjI0TDkuODM3IDExMS41NjdjLjQwMS43MDIuODE1IDEuMzkxIDEuMjQgMi4wODF6TTEwNS4xOSA2LjU4YTUzIDUzIDAgMCAwLTIuMzE5LTEuMDAzTDUuNTc3IDEwMi44N2MuMzI1Ljc3Ny42NTEgMS41NTQgMS4wMDIgMi4zMTl6TTg1LjEwMi43NGMtLjk5LS4xMzgtMS45OC0uMjY0LTIuOTctLjM2NEwuMzc2IDgyLjE0NGMuMS45OS4yMjYgMS45OC4zNjMgMi45N3ptNDIuMDkzIDIxLjA2NWE1NSA1NSAwIDAgMC0uODM5LS44MTVMMjAuOTkgMTI2LjM1NmMuMjc2LjI3NS41NC41NjMuODE1LjgzOS4yNzYuMjc2LjU2NC41NTIuODQuODE1TDEyOC4wMjIgMjIuNjQ1Yy0uMjc1LS4yNzYtLjUzOS0uNTY0LS44MTQtLjg0ek03Mi44NyAwYTY1IDY1IDAgMCAwLTMuNDgzLjE2M0wuMTYzIDY5LjM4N0E4MSA4MSAwIDAgMCAwIDcyLjg3MXpNMS44MDUgNTguMTA5IDU4LjEwOSAxLjgwNWE3OCA3OCAwIDAgMC00LjQ3NCAxLjE1MkwyLjk1NyA1My42MjNhNzggNzggMCAwIDAtMS4xNTIgNC40NzN6TTE0OC44NSA3OS42MTNjLjA3NS0xLjE2Ni4xMzctMi4zMTguMTYzLTMuNDg0TDc2LjE0MiAxNDlhNjQgNjQgMCAwIDAgMy40ODMtLjE2M0wxNDguODYyIDc5LjZ6bS0uMjI2LTEyLjc0NWMtLjEtLjk5LS4yMjYtMS45OC0uMzYzLTIuOTdsLTg0LjM2MyA4NC4zNzVjLjk5LjEzOCAxLjk4LjI2MyAyLjk3LjM2NHpNMzYuNjU1IDEwLjI4OGE3NS4yIDc1LjIgMCAwIDAtMTQuODUgMTEuNTE3IDc0LjMgNzQuMyAwIDAgMC0xMS41MTcgMTQuODV6bTEwOS40IDg1LjA5Yy40MjYtMS40OC44MTUtMi45NyAxLjE1My00LjQ3NGwtNTYuMzA0IDU2LjMwNGE3OCA3OCAwIDAgMCA0LjQ3NC0xLjE1M3ptLTMzLjY5NyA0My4zMzRhNzUuMiA3NS4yIDAgMCAwIDE0Ljg1LTExLjUxNyA3NC4zIDc0LjMgMCAwIDAgMTEuNTE2LTE0Ljg1em0yNi44MDUtMTAxLjI4YTcwIDcwIDAgMCAwLTEuMjQxLTIuMDhsLTEwMi41NyAxMDIuNTdjLjY4OS40MjYgMS4zOS44NCAyLjA4IDEuMjQxek0xMzQgMjkuNjI1Yy0uNDc2LS42MjctLjk2NS0xLjI1NC0xLjQ1NC0xLjg2OEwyNy43NTcgMTMyLjU0NmMuNjE0LjUwMSAxLjI0MS45NzggMS44NjggMS40NTR6bTEyLjY2OSAyNi4yNDFhODkgODkgMCAwIDAtLjcxNC0yLjYwN2wtOTIuNjk2IDkyLjY4M2MuODY1LjI1MSAxLjczLjQ4OSAyLjYwNy43MTV6bS0zLjIzMy05LjczN2E3NiA3NiAwIDAgMC0xLjAwMy0yLjMxOUw0My44MSAxNDIuNDMzYy43NjUuMzUxIDEuNTQyLjY5IDIuMzE5IDEuMDAzeiIvPjwvZz48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wIDBoMTQ5djE0OUgweiIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==");
  background-repeat: no-repeat;
  animation: _opacity 1s infinite alternate;
}
@media (max-width: 768px) {
  .rules .parentBox::before {
    transform: translate(-10px, -40%);
  }
}
.rules .box {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 20px;
}
@media (max-width: 768px) {
  .rules .box {
    height: 400px;
  }
}
.rules .box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: flex;
  transition: opacity 0.5s ease;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  right: 0;
  bottom: 0;
}
.rules .video {
  -o-object-fit: cover;
     object-fit: cover;
}
.rules .btnIcon {
  display: flex;
  background-color: #00ABE8;
  width: 90px;
  height: 90px;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 20;
  cursor: pointer;
}
.rules .btnIcon > svg {
  position: relative;
  z-index: 30;
}
.rules .btnIcon::after {
  position: absolute;
  content: "";
  width: 110px;
  height: 100px;
  border-radius: 100%;
  background-color: rgba(0, 170, 232, 0.4);
  animation: infiniteBounce 2s ease-in-out infinite;
  cursor: pointer;
  z-index: 10;
}
.rules .txt {
  width: 46%;
}
@media (max-width: 1310px) {
  .rules .txt {
    width: 44%;
  }
}
@media (max-width: 992px) {
  .rules .txt {
    order: 1;
    width: 100%;
  }
}/*# sourceMappingURL=rules.css.map */