:root {
  --app-bg: rgba(248, 249, 252, 1);
  --primary: rgba(235, 42, 88, 1);
  --secondary: rgba(45, 57, 83, 1);
  --tertiary: rgba(219, 109, 255, 1);
  --info: rgba(53, 164, 255, 1);
  --success: rgba(56, 217, 152, 1);
  --warning: rgba(255, 157, 0, 1);
  --nutral: rgba(162, 171, 190, 1);
  --light-primary: rgba(235, 42, 88, 0.1);
  --light-success: rgba(56, 217, 152, 0.1);
  --light-warning: rgba(255, 157, 0, 0.1);
  --light-nutral: rgba(162, 171, 190, 0.1);
  --light-tertiary: rgba(219, 109, 255, 0.1);
  --light-info: rgba(53, 164, 255, 0.1);
}

@font-face {
  font-family: "YekanBakh-Bold";
  src: url("../fonts/YekanBakhFaNum-Bold.woff2") format("woff2"),
    url("../fonts/YekanBakhFaNum-Bold.woff") format("woff"),
    url("../fonts/YekanBakhFaNum-Bold.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "YekanBakh-SemiBold";
  src: url("../fonts/YekanBakhFaNum-SemiBold.woff2") format("woff2"),
    url("../fonts/YekanBakhFaNum-SemiBold.woff") format("woff"),
    url("../fonts/YekanBakhFaNum-SemiBold.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "YekanBakh-regular";
  src: url("../fonts/YekanBakhFaNum-Regular.woff2") format("woff2"),
    url("../fonts/YekanBakhFaNum-Regular.woff") format("woff"),
    url("../fonts/YekanBakhFaNum-Regular.ttf") format("truetype");
  font-display: swap;
}

/* start -- new style */

/* start -- transfer this to ahmadi style */
.simple-pagination-content a.btn {
  font-size: 1rem;
  background-color: #fff !important;
  border: 1px solid #ddd !important;
  color: #777 !important;
  border-radius: 0 !important;
  padding: 6px 12px !important;
}

.simple-pagination-content a.active {
  background-color: #f594ab !important;
  color: #fff !important;
}

.simple-pagination-content a.btn:focus {
  border: none;
}

.simple-pagination-content
  a.btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-left-radius: 50% !important;
  border-bottom-left-radius: 50% !important;
}

.simple-pagination-content
  a.btn:last-child:not(:first-child):not(.dropdown-toggle) {
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}

.announcement-single-box {
  background-color: white !important;
  border-radius: 13px !important;
  padding: 15px 20px !important;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  gap: 10px !important;
  height: 100%;
  margin: 0 0 10px 0 !important;
}

.read-more {
  width: 100px;
}

.announcement-first-image-wrapper {
  overflow: hidden;
  border-radius: 13px;
  width: 100%;
  margin: 0 auto;
}

.announcement-first-image-wrapper img {
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: 200px;
  object-fit: fill;
  border-radius: 13px;
  user-select: none;
}

.announcement-text p {
  font-family: "YekanBakh-regular" !important;
  color: #a2abbe !important;
  line-height: 2 !important;
  font-size: 0.95rem !important;
}

.announcement-text p img {
  width: 100%;
  max-width: 100%;
  border-radius: 13px;
  object-fit: fill;
  user-select: none;
  display: block;
  margin: 10px auto;
}

.announcement-text br {
  display: none;
}

.announcement-title {
  line-height: 20px;
}

.normal-sec {
  padding: 30px 0px 0px;
}

.fetures-section {
  padding: 10px 40px;
}

.main-title.center-text.announcement-home-page-title {
  margin-bottom: 30px;
}

@media (min-width: 480px) {
  .announcement-text p img {
    max-height: 260px;
  }
}

@media (min-width: 576px) {
  .announcement-first-image-wrapper img {
    max-height: 260px;
  }

  .announcement-text p img {
    width: initial;
    max-width: initial;
    max-height: initial;
    margin: 20px 0;
  }

  .announcement-title {
    line-height: auto;
  }
}

@media (min-width: 768px) {
  .normal-sec {
    padding: 60px 0px 0px;
  }
}

@media (min-width: 992px) {
  .announcement-first-image-wrapper img {
    max-height: 340px;
  }
}

@media (min-width: 1024px) {
  .announcement-first-image-wrapper {
    width: 70%;
  }
}

@media (min-width: 1200px) {
  .announcement-first-image-wrapper img {
    max-height: 330px;
  }
}

.custom-svg-input-wrapper {
  padding-top: 8px;
}

.form-wrapper-error-alert {
  width: 420px;
  max-width: 420px;
  margin: 0 auto;
}

.mt-30r {
  margin-top: 30rem;
}

.custom-select-input {
  border: 1px solid rgba(232, 235, 243, 0.92);
  padding: 12px 10px;
  text-align: left;
  overflow: hidden;
  border-radius: 13px;
  background-color: white;
  width: 100%;
}
/* end -- transfer this to ahmadi style */

input[type="checkbox"] {
  accent-color: #d1d5db;
}

input[type="checkbox"]:checked {
  accent-color: #eb2a58;
}
/* end -- new style */

.dropdown-wrapper {
  border: 1px solid rgba(232, 235, 243, 0.92);
  border-radius: 13px;
  padding: 26px;
}

.nav-item a .active-icon {
  display: none;
}

.nav-item a.active .normal-icon {
  display: none;
}

.nav-item a.active .active-icon {
  display: inline;
}

nav.navbar .inner-navbar li > a {
  color: rgba(162, 171, 190, 1);
}

body.no-scroll {
  overflow: hidden;
  height: 100%;
}
.announcement-single .title:hover,
.c-prussian,
.departments-ticket-show a:hover,
.forgot-pass a:hover,
.header .dropdown .notification.lang-container ul li a:hover,
.list-group-item.active i.fa-dot-circle:before,
.loginpage .login-wrapper .login-form-container .btn-social:hover,
.navbar .inner-navbar > li.trigger > a,
.ticket-number,
body#layout01 .client-home-panels .panel > .list-group .list-group-item:hover,
body#layout01 .dropnav-header-lined .dropdown-menu .panel-body span:hover,
body#layout01 .header .dropdown-toggle:hover i,
body#layout01 .header .main-search .knowladge-header-search:focus,
body#layout01 .header .main-search .knowladge-header-search:hover,
body#layout01 .navbar .inner-navbar > li .submenu li a.active:hover,
nav.navbar .inner-navbar > li.active > a,
section#footer .footer-menu a:hover {
  color: #3b82f6; /* your new color here (example: a nice blue) */
}

body#layout01 {
  background-color: white;
}
.user-mini-profile {
  padding: 2rem;
  background-color: var(--app-bg);
}

.header-hight-fixed,
body#layout01 .header-hight-fixed {
  height: 100px;
}

.mobmenu-toggle,
.icon-wrapper {
  width: 55px;
  aspect-ratio: 1;
  border: none;
  border-radius: 13px;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
}

body#layout01 .navbar.header {
  width: 100%;
  margin: 0px;
  height: 70px;
  background: none;
  max-height: 71px;
  display: flex;
  align-items: center;
  padding: 0 !important;
  margin: 1rem 0rem 3rem 0rem;
}
.page-label {
  font-size: 14px;
  color: var(--secondary);
  /* font-weight: 600; */
}
.navbar.header > * {
  height: 100%;
  /* display: flex;
  align-items: center; */
}

.navbar-expand-lg .navbar-collapse {
  justify-content: space-between;
  align-items: center;
}

body#layout01 .client-home-panels {
  margin: 0px;
  padding: 0px;
}

.main-container .content.main {
  border-radius: 24px;
  background-color: var(--app-bg);
  padding: 24px;
  margin: 30px;
}

.affiliate-stat::before,
.area-discreted-info-user .content-serv::before {
  content: none !important;
}

.area-discreted-info-user .content-serv {
  border: none;
  background-color: white;
  gap: 1.4rem;
  cursor: pointer;
  padding: 2rem;
}

.area-discreted-info-user .content-serv i {
  font-size: 36px;
  margin-bottom: 20px;
  display: table;
}

.icon-wrapper {
  flex-shrink: 0;
}

.content-serv .icon-wrapper {
  background-color: var(--light-primary);
  border-radius: 13px;
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
  /* width: 22%; */
  width: 55px;
  aspect-ratio: 1;
  /* max-width: 22%;  */
  max-width: 55px;
  margin-bottom: 0;
}
.content-serv .content-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.card-service .icon-wrapper {
  background-color: var(--light-primary);
}
.card-domain .icon-wrapper {
  background-color: var(--light-success);
}
.card-ticket .icon-wrapper {
  background-color: var(--light-warning);
}
.card-invoice .icon-wrapper {
  background-color: var(--light-nutral);
}

section#main-body {
  background: none;
}

.area-discreted-info-user a .body-1.semi-bold {
  color: var(--secondary);
  text-decoration: unset;
}

.area-discreted-info-user a .body-3.regular {
  color: var(--nutral);
  text-decoration: unset;
}
.area-discreted-info-user a .body-1.semi-bold:hover {
  text-decoration: unset;
}

.panel-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.panel-heading .small-link {
  font-size: 1rem;
  color: var(--nutral);
  text-decoration: none;
}

.panel-heading .small-link:hover {
  text-decoration: underline;
}

.client-home-panels .panel > .list-group {
  padding: 1.4rem;
  max-height: 352px;
}

body#layout01 .client-home-panels .panel {
  border: none;
}
body#layout01 .client-home-panels .panel > .list-group .list-group-item {
  font-weight: 700;
  border-radius: 10px;
  border: none;
  padding: 18px;
}
body#layout01
  .client-home-panels
  .panel
  > .list-group
  .list-group-item:nth-child(even) {
  background-color: var(--app-bg);
}
body#layout01
  .client-home-panels
  .panel
  > .list-group
  .list-group-item:nth-child(odd) {
  background-color: white;
}
body#layout01 .client-home-panels .panel > .list-group .list-group-item small {
  color: var(--nutral);
}

body#layout01 .client-home-panels .panel > .list-group .list-group-item .label {
  background-color: var(--app-bg) !important;
  padding: 12px 18px;
  border-radius: 7px;
  color: var(--nutral);
}

body#layout01
  .client-home-panels
  .panel
  > .list-group
  .list-group-item
  .label:nth-child(odd) {
  background-color: white !important;
}

body#layout01
  .client-home-panels
  .panel
  > .list-group
  .list-group-item
  .label:nth-child(even) {
  background-color: var(--app-bg) !important;
  color: var(--secondary);
}

.page-location-icon {
  margin-bottom: 0;
  width: 55px;
  background-color: white;
  border-radius: 13px;
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1;
}

.page-header-btn {
  margin-bottom: 0;
  width: 55px;
  border-radius: 13px !important;
  border: 1px solid rgba(232, 235, 243, 0.92) !important;
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1;
}

.navbar-collapse {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.navbar-collapse::before,
.navbar-collapse::after {
  content: none !important;
  display: none !important;
}

body#layout01 .header .navbar-nav {
  padding: 0px;
}

body#layout01 .header .navbar-nav {
  padding: 0px;
}

body#layout01 .header .navbar-nav > li:first-child {
  padding: 0px;
}

.header-icon {
  width: 10px;
  height: 10px;
  background-color: auqa;
}

body#layout01 .header .m-header {
  width: 100% !important;
}

.m-header {
  box-sizing: border-box;
}

/* chnage :: add new styles */
.disabled-btn {
  opacity: 0.6;
  cursor: not-allowed;
}
/* end chnage */

@media (min-width: 768px) {
  body#layout01 .header .navbar-nav {
    margin: 0px;
  }
}

@media (max-width: 991px) {
  body#layout01 .navbar-collapse {
    display: none !important;
  }
  body#layout01 .header .m-header {
    padding: 0px;
    max-width: 100%;
  }
  body#layout01 .header-hight-fixed {
    width: 100%;
    margin: 1.2rem 0rem 1.6rem 0rem;
  }
}

@media (min-width: 992px) {
}