/* Global */
:root {
  --srs-color-primary-dark: #0c56c3;
  --srs-color-primary-light: #2769ca;
  --srs-bg-primary-light: #d9e4f3;
  /*old: #0c56c3db*/
  --srs-color-secondary: #E29D42;
  /*old: #ced4da*/
  --srs-bg-light: #d8dde3;
  --srs-bg-dark: rgba(0, 0, 0, 0.45);
  --srs-text-dark: #555;
  --srs-border-radius: .25em;
}

body {
  background-color: #e0e5eb1a;
  color: var(--srs-text-dark);
  font-family: "Vazir";
  font-size: 1em;
}
a {
  color: var(--srs-color-primary-light);
  text-decoration: none;
}

.row {
  /* margin: .7rem 0 0; */
  margin: 0 0 .7rem;
}

.srs-row {
  margin: 1rem 0 0;
  display: flex;
  align-items: baseline;
}

.srs-fs-smaller {
	font-size: .9rem
}

@media (max-width:520px) {
  .p-mobile-0 {
    padding: 0;
  }
  .mobile-hidden {
    display: none;
  }
  .mobile-shown {
    display: inline-block;
  }
}

@media (max-width:767px) {
   .srs-me-xs-auto {
  	margin-right: auto;
   }
}

@media (max-width:768px) {
  .tablet-hidden {
    display: none;
  }
  .tablet-shown {
    display: inline-block;
  }
  .p-tablet-0 {
    padding: 0;
  }
}
@media (min-width:769px) {
  .desktop-hidden {
    display: none;
  }
}

/* Buttons */
.srs-btn-xs {
  padding: 0 0.45rem;
}
.srs-btn-circle-sm {
 width: 2.75rem;
 padding: .8rem 0;
 border-radius: 50%;
 background-color: var(--bs-gray-100);
 border: 1px solid var(--bs-gray-100);
}
.srs-btn-circle-sm:hover {
  border-color: var(--bs-gray-600);
  color: var(--srs-text-dark);
}
.srs-btn-square-sm {
  width: 2.7rem;
  padding: .8rem 0;

}
.srs-btn-primary-dark,
.srs-btn-primary:hover,
.srs-btn-outline-primary-dark:hover {
  background-color: var(--srs-color-primary-dark);
  border: 1px solid var(--srs-color-primary-dark);
}
.srs-btn-primary-dark,
.srs-btn-primary:hover,
.srs-btn-outline-primary-dark:hover,
.srs-btn-primary,
.srs-btn-outline-primary:hover,
.srs-btn-secondary, .srs-btn-secondary:hover {
	color: #fff;
}
.srs-btn-primary,
.srs-btn-outline-primary:hover {
  background-color: var(--srs-color-primary-light);
  border-color: var(--srs-color-primary-light);
}
.srs-btn-outline-primary {
  background-color: transparent;
  border-color: var(--srs-color-primary-light);
  color: var(--srs-color-primary-light);
}
.srs-btn-outline-primary-dark {
  color: var(--srs-color-primary-dark);
  border: 1px solid var(--srs-color-primary-dark);
}
.srs-btn-secondary, .srs-btn-secondary:hover {
  background-color: var(--srs-color-secondary);
  border: 1px solid var(--srs-color-secondary);
}
.srs-btn-secondary:hover {
  filter: contrast(0.9);
}

/* Backgrounds */
.srs-bg-light {
  background-color: var(--srs-bg-light);
}
.srs-bg-primary-light {
  background-color: var(--srs-color-primary-light);
}
.srs-bg-primary-dark {
  background-color: var(--srs-color-primary-dark);
}

/* Boxes */
.srs-border {
  border: 1px solid var(--srs-bg-light);
}
.srs-box-shadow-sm {
  box-shadow: 0px 1px rgb(0 0 0 / 25%);
}
.srs-box-shadow {
  box-shadow: 0px 1px 5px 0px rgb(0 0 0 / 25%);
}
.srs-border-radius {
  border-radius: var(--srs-border-radius);
}

/* Hide number inputs controls */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
}

/*** Main Titles ***/
.srs-title {
  font-family: 'IranNastaliq'; 
}

/*** Footer ***/
.srs-footer a {
  color: #fff;
}

.srs-sub-footer {
  font-size: .94rem;
}

@media (max-width:520px) {
  .srs-end-phone, .srs-end-email {
    display: block;
  }
  .srs-sub-footer {
    text-align: center;
  }
}
