@font-face {
  font-family: dana;
  font-style: normal;
  font-weight: 10;
  src: url('../woff2/Dana-Hairline.woff2') format('woff2'),
    /* FF39+,Chrome36+, Opera24+*/
    url('../woff/Dana-Hairline.woff') format('woff');
  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
  font-family: dana;
  font-style: normal;
  font-weight: 100;
  src: url('../woff2/Dana-Thin.woff2') format('woff2'),
    /* FF39+,Chrome36+, Opera24+*/
    url('../woff/Dana-Thin.woff') format('woff');
  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
  font-family: dana;
  font-style: normal;
  font-weight: 200;
  src: url('../woff2/Dana-UltraLight.woff2') format('woff2'),
    /* FF39+,Chrome36+, Opera24+*/
    url('../woff/Dana-UltraLight.woff') format('woff');
  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
  font-family: dana;
  font-style: normal;
  font-weight: 300;
  src: url('../woff2/Dana-Light.woff2') format('woff2'),
    /* FF39+,Chrome36+, Opera24+*/
    url('../woff/Dana-Light.woff') format('woff');
  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
  font-family: dana;
  font-style: normal;
  font-weight: 500;
  src: url('../woff2/Dana-Medium.woff2') format('woff2'),
    /* FF39+,Chrome36+, Opera24+*/
    url('../woff/Dana-Medium.woff') format('woff');
  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
  font-family: dana;
  font-style: normal;
  font-weight: 600;
  src: url('../woff2/Dana-DemiBold.woff2') format('woff2'),
    url('../woff/Dana-DemiBold.woff') format('woff');
}

/* @font-face {
	font-family: dana;
	font-style: normal;
	font-weight: 800;
	src: url('../woff2/Dana-ExtraBold.woff2') format('woff2'), 
		 url('../woff/Dana-ExtraBold.woff') format('woff');  
}
@font-face {
	font-family: dana;
	font-style: normal;
	font-weight: 900;
	src: url('../woff2/Dana-Black.woff2') format('woff2'), 
		 url('../woff/Dana-Black.woff') format('woff');  
}
@font-face {
	font-family: dana;
	font-style: normal;
	font-weight: 930;
	src: url('../woff2/Dana-ExtraBlack.woff2') format('woff2'),
		 url('../woff/Dana-ExtraBlack.woff') format('woff');  /* 
}
@font-face {
	font-family: dana;
	font-style: normal;
	font-weight: 960;
	src: url('../woff2/Dana-Heavy.woff2') format('woff2'),
		 url('../woff/Dana-Heavy.woff') format('woff');  
}
@font-face {
	font-family: dana;
	font-style: normal;
	font-weight: 990;
	src: url('../woff2/Dana-Fat.woff2') format('woff2'),  
		 url('../woff/Dana-Fat.woff') format('woff');  
}
@font-face {
	font-family: dana;
	font-style: normal;
	font-weight: bold;
	src: url('../woff2/Dana-ExtraBold.woff2') format('woff2'),
		 url('../woff/Dana-ExtraBold.woff') format('woff'); 
} */
@font-face {
  font-family: dana;
  font-style: normal;
  font-weight: normal;
  src: url('../woff2/Dana-Regular.woff2') format('woff2'),
    url('../woff/Dana-Regular.woff') format('woff');/
}


ol,
ul {
  list-style: none;
}

@media (min-width: 1400px) {

  .container,
  .container-lg,
  .container-md,
  .container-xl,
  .container-xxl {
    max-width: 1399px !important;
  }
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

img {
  max-width: 100%;
}

* {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
}

li {
  list-style: none;
}

a {
  text-decoration: none;
  transition: all 0.2s ease-in-out;
}

.matn {
  margin-top: 20px !important;
}

/* @font-face {
  font-family: iransans;
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/Sans\ a4fran3.woff") format("woff");
  font-display: optional;
} */

/* @font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: 900;
	src: url('../fonts/eot/iransans/IRANSansWeb(FaNum)_Black.eot');
	src: url('../fonts/eot/iransans/IRANSansWeb(FaNum)_Black.eot?#iefix') format('embedded-opentype'), 
		 url('../fonts/woff2/iransans/IRANSansWeb(FaNum)_Black.woff2') format('woff2'),  
		 url('../fonts/woff/iransans/IRANSansWeb(FaNum)_Black.woff') format('woff'), 
		 url('../fonts/ttf/iransans/IRANSansWeb(FaNum)_Black.ttf') format('truetype');
} */

@font-face {
  font-family: IRANSans;
  font-style: normal;
  font-weight: bold;
  src: url("../fonts/iransans/eot/IRANSansWeb(FaNum)_Bold.eot");
  src: url("../fonts/iransans/eot/IRANSansWeb(FaNum)_Bold.eot?#iefix") format("embedded-opentype"),
    /* IE6-8 */
    url("../fonts/iransans/woff2/IRANSansWeb(FaNum)_Bold.woff2") format("woff2"),
    /* FF39+,Chrome36+, Opera24+*/
    url("../fonts/iransans/woff/IRANSansWeb(FaNum)_Bold.woff") format("woff"),
    /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url("../fonts/iransans/ttf/IRANSansWeb(FaNum)_Bold.ttf") format("truetype");
}

@font-face {
  font-family: IRANSans;
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/iransans/eot/IRANSansWeb(FaNum)_Medium.eot");
  src: url("../fonts/iransans/eot/IRANSansWeb(FaNum)_Medium.eot?#iefix") format("embedded-opentype"),
    /* IE6-8 */
    url("../fonts/iransans/woff2/IRANSansWeb(FaNum)_Medium.woff2") format("woff2"),
    /* FF39+,Chrome36+, Opera24+*/
    url("../fonts/iransans/woff/IRANSansWeb(FaNum)_Medium.woff") format("woff"),
    /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url("../fonts/iransans/ttf/IRANSansWeb(FaNum)_Medium.ttf") format("truetype");
}

@font-face {
  font-family: IRANSans;
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/iransans/eot/IRANSansWeb(FaNum)_Light.eot");
  src: url("../fonts/iransans/eot/IRANSansWeb(FaNum)_Light.eot?#iefix") format("embedded-opentype"),
    /* IE6-8 */
    url("../fonts/iransans/woff2/IRANSansWeb(FaNum)_Light.woff2") format("woff2"),
    /* FF39+,Chrome36+, Opera24+*/
    url("../fonts/iransans/woff/IRANSansWeb(FaNum)_Light.woff") format("woff"),
    /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url("../fonts/iransans/ttf/IRANSansWeb(FaNum)_Light.ttf") format("truetype");
}

@font-face {
  font-family: IRANSans;
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/iransans/eot/IRANSansWeb(FaNum)_UltraLight.eot");
  src: url("../fonts/iransans/eot/IRANSansWeb(FaNum)_UltraLight.eot?#iefix") format("embedded-opentype"),
    /* IE6-8 */
    url("../fonts/iransans/woff2/IRANSansWeb(FaNum)_UltraLight.woff2") format("woff2"),
    /* FF39+,Chrome36+, Opera24+*/
    url("../fonts/iransans/woff/IRANSansWeb(FaNum)_UltraLight.woff") format("woff"),
    /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url("../fonts/iransans/ttf/IRANSansWeb(FaNum)_UltraLight.ttf") format("truetype");
}

@font-face {
  font-family: IRANSans;
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/iransans/eot/IRANSansWeb(FaNum).eot");
  src: url("../fonts/iransans/eot/IRANSansWeb(FaNum).eot?#iefix") format("embedded-opentype"),
    /* IE6-8 */
    url("../fonts/iransans/woff2/IRANSansWeb(FaNum).woff2") format("woff2"),
    /* FF39+,Chrome36+, Opera24+*/
    url("../fonts/iransans/woff/IRANSansWeb(FaNum).woff") format("woff"),
    /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url("../fonts/iransans/ttf/IRANSansWeb(FaNum).ttf") format("truetype");
}

@font-face {
  font-family: vazir;
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/Vazir.woff") format("woff");
  font-display: optional;
}

@font-face {
  font-family: lale;
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/Lalezar.woff") format("woff");
  font-display: optional;
}

@font-face {
  font-family: adad-farsi;
  font-style: normal;
  font-weight: normal;
  src: url("../Fonts/Vazir-Regular-FD.woff") format("woff");
}

body {
  direction: rtl;
  font-family: IRANSans;
  line-height: 1;
}

.login-page {
  margin-top: 1rem;
  margin-bottom: 2rem;
}

.header-kol .logo img {
  width: 70px;
}

/*$$$$$$$$$$$$$$$          header             $$$$$$$$$$$$$*/

.header-kol {
  position: sticky;
  top: 0;
  z-index: 1030;
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3);
  /*height: 125px !important;*/
}

.header-kol .header {
  background-color: #fff;
}

/* .header-kol .main-header {
  box-shadow: 0px -4px 6px 0px rgba(0, 0, 0, 0.3);
} */

.alert {
  border-radius: 0;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.75;
}

.sabad-alert {
  font-size: 14px;
}

.alert a {
  color: #24667c;
}

.header-kol .search {
  width: 60%;
}

.header-kol .search button {
  border-radius: 15px 0 0 15px;
  left: 1px;
  position: relative;
  background-color: #eaf6f6;
}

.header-kol .search button i {
  font-weight: bold;
  color: #24667c;
}

.header-kol .search input {
  border-radius: 0 15px 15px 0;
  border-color: #24667c;
}

.header-kol .btn-outline-success {
  --bs-btn-color: #24667c;
  --bs-btn-border-color: #24667c;
  --bs-btn-hover-bg: #24667c;
  --bs-btn-hover-border-color: #24667c;
  --bs-btn-active-bg: #24667c;
  --bs-btn-active-border-color: #24667c;
  border-color: #24667c !important;
}

.header-kol .btn-outline-success:focus {
  box-shadow: none;
}

.header-kol .btn-secondary:hover {
  color: #8ca0b8;
}

.header-kol .btn-secondary {
  --bs-btn-color: #24667c;
  --bs-btn-bg: #fff;
  --bs-btn-border-color: #fff;
  --bs-btn-hover-color: #24667c;
  --bs-btn-hover-bg: #fff;
  --bs-btn-hover-border-color: #fff;
  --bs-btn-active-color: #24667c;
  --bs-btn-active-bg: #fff;
  --bs-btn-active-border-color: #fff;
}

.header-kol .vorod button p {
  margin-top: 5px;
}

.header-kol .vorod i:hover {
  color: #8ca0b8;
}

.header-kol .vorod i {
  font-size: 25px;
  color: #24667c;
  transition: all 0.2s ease-in-out;
}

.header-kol .dropdown-toggle::after {
  margin-top: 14px;
  margin-right: 5px;
}

.nam-header {
  color: #24667c;
}

.nam-header:hover {
  color: #4ad3d3;
}

.nam-header:focus {
  box-shadow: none;
}

.header-kol .kharidar .d-none {
  display: block !important;
}

/*                          header2                             */

.header2 {
  background-color: #fff;
}

.header2 .navbar {
  padding: 0;
}

.header2 .nav-link {
  color: #000;
}

.header2 .nav-link:hover {
  color: #fff;
}

.header2 .nav-link:focus-visible,
.header2 .nav-link:focus,
.header2 .nav-link:focus-within {
  color: #000;
}

/*.header2 .nav-item:hover {
        color: #fff;
    }*/

.header2 .nav-item {
  padding: 10px 5px 5px;
  margin: auto 5px;
  border-radius: 10px 10px 0 0;
  font-size: 15px;
}

.header2 .nav-item:hover {
  background-color: #24667c;
  transition: all 0.2s ease-in-out;
  color: #fff;
}

.header2 .navbar-nav {
  padding: 0;
}

/*                          header3                             */

.header3 {
  background-color: #f4fcfb;
  display: none;
}

.header-kol .owl-theme .owl-nav.disabled+.owl-dots {
  display: none;
}

.header-kol .item {
  display: grid;
  justify-items: center;
  margin: auto;
}

.header-kol .item h2 {
  line-height: 1.5;
  margin-top: 5px;
  font-size: 15px;
  color: #184351;
  white-space: nowrap;
}

.header-kol .item img {
  text-align: center;
  border: 2.5px solid #24667c;
  width: 40% !important;
}

/*                          header4                             */

.header4 {
  line-height: 1;
  display: none;
  background-color: #fff;
  box-shadow: 0px -3px 5px 0px rgba(0, 0, 0, 0.3);
}

.header4 .itemnav a {
  color: #184351;
}

.header4 .itemnav {
  float: right;
  display: flex;
  width: 20%;
}

.header4 .itemnav a {
  text-align: center;
}

.header4 .itemnav a i {
  font-size: 30px;
}

.header4 .itemnav a h2 {
  line-height: 1.5;
  font-size: 16px;
}

.header4 .itemnav span h2 {
  margin-top: 9px;
}

.header4 .navba a:active {
  color: #4ad3d3;
}

.header4 .offcanvas-body {
  padding: 0;
}

.header4 .offcanvas-header {
  background-color: #f4fcfb;
  padding-bottom: 5px;
}

.header4 .offcanvas hr {
  margin: 0;
}

.header4 .offcanvas ul {
  padding: 0 10px;
}

.header4 .offcanvas a {
  display: flex;
}

.header4 .offcanvas a h5 {
  margin-top: 5px;
  font-size: 13px;
  font-weight: bold;
  margin-right: 10px;
  color: #000;
}

.header4 .offcanvas a {
  display: flex;
  align-items: center;
  margin: 15px 15px 0 16px;
}

.header4 .offcanvas i {
  color: #24667c;
  font-size: 20px;
}

.header4 .khorj {
  background-color: #f4fcfb;
  position: relative;
  display: block;
  bottom: 0;
  margin: 0 auto;
}

.header4 .khor {
  background-color: #f4fcfb;
  border: none;
}

.itemnav .offcanvas .offcanvas-header .btn-close:focus {
  box-shadow: none;
}

@media only screen and (max-width: 1000px) {
  .header-kol .har {
    display: none;
  }

  .header-kol .title span {
    display: none;
  }

  .header-kol .dropdown {
    display: none !important;
  }

  .header2 {
    display: none !important;
  }

  .header3 {
    display: block;
  }

  .header-kol .search {
    width: 75%;
  }

  .header4 {
    display: block;
  }

  .header4 .itemnav a svg {
    width: 35px;
    margin-bottom: 1px;
  }

  .header4 .itemnav a h2 {
    margin-top: 7.5px;
  }
}

/* .header .logo.d-flex {
  margin-top: 12px;
} */

@media only screen and (max-width: 576px) {
  .header-kol .logo img {
    width: 55px;
    margin-top: -10px;
  }

  .header-kol .vorod .icone {
    margin-top: 5px;
  }

  .header-kol .search {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 85%;
  }

  .header-kol .search input {
    height: 30px;
    font-size: 11px;
    margin-bottom: 7px;
  }

  .header-kol .search button {
    height: 30px;
    margin-bottom: 7px;
    font-size: 15px;
    padding: 6px;
    padding-top: 4px;
  }

  .header-kol .item h2 {
    font-size: 13px;
  }

  .header-kol .item img {
    width: 55% !important;
  }

  .header4 .itemnav a h2 {
    font-size: 10px;
    margin-top: 5px;
  }

  .header4 .itemnav span h2 {
    margin-top: 5px;
  }

  .header4 .itemnav a svg {
    width: 30px;
    margin-top: 5px;
  }
}

@media only screen and (max-width: 430px) {
  .header4 .itemnav a svg {
    margin-top: 0;
    width: 25px;
  }

  .header4 .itemnav a h2 {
    font-size: 9px;
    margin-top: 2.5px;
    margin-bottom: 2px;
  }

  .header-kol .item h2 {
    font-size: 10px;
  }

  .header-kol .item img {
    width: 45% !important;
  }

  .header4 .itemnav a i {
    font-size: 22px;
  }

  .header4 .itemnav span h2 {
    margin-top: 4px;
  }
}

@media only screen and (min-width: 400px) {
  .header4 .khor {
    width: 399px;
  }
}

@media only screen and (max-width: 400px) {
  .header4 .khor {
    width: 99.5%;
  }
}

/*$$$$$$$$$$$$$$$          header-kharidar             $$$$$$$$$$$$$*/

.header-kol .dropdown .dropdown-menu .dropdown-item p {
  text-align: right;
  margin: 5px auto;
}

.header4 .itemnav1 a {
  color: #184351;
}

.header-kol .vorod .icone {
  display: block !important;
  margin-top: 15px;
  font-family: adad-farsi !important;
  margin-left: 10px;
}

.product-page tr .sabt svg {
  margin-top: -5px;
}

.header4 .itemnav1 {
  float: right;
  display: flex;
  width: 20%;
}

.header4 .itemnav1 a {
  text-align: center;
}

.header4 .itemnav1 a i {
  font-size: 25px;
}

.header4 .itemnav1 a h2 {
  line-height: 1.5;
  font-size: 16px;
}

.header4 .itemnav1 span h2 {
  margin-top: 9px;
}

.header4 .itemnav1 {
  display: flex !important;
}

.header4 .itemnav1 button {
  border: none;
  background-color: white;
}

@media (min-width: 1000px) and (max-width: 1200px) {
  .header-kol .search {
    margin-top: 8px !important;
  }

  .header-kol .dropdown .dropdown-toggle {
    margin-top: -5px;
  }

  .header-kol .vorod a svg {
    margin-top: 9px;
  }

  .vorod .icone {
    display: block !important;
    margin-top: 0 !important;
  }
}

@media only screen and (max-width: 1000px) {
  .header4 .itemnav1 a h2 {
    margin-top: 7.5px;
  }

  .header-kol .dropdown {
    display: none !important;
  }
}

@media only screen and (max-width: 576px) {
  .header4 .itemnav1 a h2 {
    margin-top: 5px;
    font-size: 10px;
  }

  .header-kol .vorod i {
    margin-left: 0.5rem !important;
  }

  .header-kol .vorod .bi-person-fill {
    margin-left: 0 !important;
    margin-right: 7.5px !important;
    top: 12.5px;
  }

  .header4 .itemnav1 span h2 {
    margin-top: 5px;
  }

  .header-kol .vorod .icone {
    margin-top: 5px;
  }
}

@media only screen and (max-width: 430px) {
  .header4 .itemnav1 a h2 {
    font-size: 9px;
    margin-top: 2.5px;
    margin-bottom: 2px;
  }

  .header4 .itemnav1 a i {
    font-size: 22px;
  }

  .header4 .itemnav1 span h2 {
    margin-top: 10px;
  }
}

/*$$$$$$$$$$$$$$$          header-tamin             $$$$$$$$$$$$$*/

.vorod a svg {
  margin-top: 14px;
  transition: all 0.2s ease-in-out;
}

.vorod .svge svg:hover {
  fill: #8ca0b8 !important;
}

.svge {
  display: block !important;
}

.header-kol .dropdown .dropdown-menu .dropdown-item p {
  text-align: right;
  margin: 5px auto;
}

.header4 .itemnav1 a {
  color: #184351;
}

.header-kol .vorod .icone {
  margin-top: 0;
}

.header4 .itemnav1 {
  float: right;
  display: flex;
  width: 20%;
}

.header4 .itemnav1 a {
  text-align: center;
}

.header4 .itemnav1 a i {
  font-size: 25px;
}

.header4 .itemnav1 a h2 {
  line-height: 1.5;
  font-size: 16px;
}

.header4 .itemnav1 span h2 {
  margin-top: 9px;
}

.header4 .itemnav1 {
  display: flex !important;
  justify-content: center;
  text-align: center;
}

.header4 .itemnav1 button {
  border: none;
  background-color: white;
}

.gh {
  transform: translate(-100%, 250%) !important;
}

@media (min-width: 1000px) and (max-width: 1200px) {
  .header-kol .search {
    margin-top: 16px !important;
  }

  .header-kol .dropdown .dropdown-toggle {
    margin-top: -5px;
  }

  .header-kol .vorod a svg {
    margin-top: 16px;
  }

  .header-kol .vorod i {
    position: relative;
    bottom: 4px;
  }

  .vorod .icone {
    display: block !important;
  }

  .gh {
    transform: translate(-100%, 200%) !important;
  }
}

@media only screen and (max-width: 1000px) {
  .header4 .itemnav1 a h2 {
    margin-top: 7.5px;
  }

  .header .logo.d-flex {
    margin-top: 0;
  }

  .header-kol .dropdown {
    display: none !important;
  }
}

@media only screen and (max-width: 576px) {
  .gh {
    margin-top: 7px;
  }

  .header4 .itemnav1 a h2 {
    margin-top: 5px;
    font-size: 10px;
  }

  .header-kol .vorod i {
    margin-left: 0.5rem !important;
    margin-right: 5px !important;
  }

  .header4 .itemnav1 span h2 {
    margin-top: 5px;
  }

  .header-kol .vorod .icone {
    position: relative;
    right: 5px;
    margin-left: 0;
    margin-top: 0;
  }

  .gh {
    transform: translate(-100%, 130%) !important;
  }

  .vorod a svg {
    margin-top: 5px;
    margin-right: 5px !important;
    margin-left: 0px !important;
  }
}

@media only screen and (max-width: 430px) {
  .header4 .itemnav1 a h2 {
    font-size: 9px;
    margin-top: 2.5px;
    margin-bottom: 2px;
  }

  .header4 .itemnav1 a i {
    font-size: 22px;
  }
}

/*$$$$$$$$$$$$$$$          header-mehman             $$$$$$$$$$$$4$*/

.vor {
  display: flex !important;
  margin-top: 20px;
}

.vor p .vord {
  margin-top: 3px;
  color: #24667c;
  transition: all 0.2s ease-in-out;
  white-space: nowrap;
}

.vor p .vord:hover {
  color: #8ca0b8;
}

.vor .dropdown-toggle::after {
  margin-top: 14px;
  margin-right: 10px;
}

.header4 .itemnav2 a {
  color: #184351;
}

.header4 .itemnav2 {
  float: right;
  display: flex;
  width: 20%;
}

.header4 .itemnav2 a {
  text-align: center;
}

.header4 .itemnav2 a i {
  font-size: 30px;
}

.header4 .itemnav2 a h2 {
  line-height: 1.5;
  font-size: 16px;
}

.header4 .itemnav2 span h2 {
  margin-top: 9px;
}

.itemnav2 {
  display: flex !important;
}

@media only screen and (max-width: 1000px) {
  .header4 .itemnav2 a h2 {
    margin-top: 7.5px;
  }

  .vor p .vord {
    display: none !important;
  }
}

@media only screen and (max-width: 576px) {
  .header4 .itemnav2 a h2 {
    margin-top: 5px;
    font-size: 10px;
  }

  .header4 .itemnav2 span h2 {
    margin-top: 5px;
  }

  .header-kol .vorod .mehman-head i {
    margin-left: -0.5rem !important;
    margin-right: 0.5rem !important;
  }

  .vor {
    display: flex !important;
    margin-top: 11px;
  }
}

@media only screen and (max-width: 430px) {
  .header4 .itemnav2 a h2 {
    font-size: 9px;
    margin-top: 2.5px;
    margin-bottom: 2px;
  }

  .header4 .itemnav2 a i {
    font-size: 22px;
  }

  .header4 .itemnav2 span h2 {
    margin-top: 10px;
  }
}

@media (min-width: 1200px) and (max-width: 1400px) {
  .main-footer ul {
    white-space: nowrap;
    padding-right: 15px;
  }
}

/*$$$$$$$$$$$$$$$$$              landing              $$$$$$$$$$$$$$$$$$$$$$$*/

.landing-page {
  line-height: 1.5;
}

.landing-page.clearfix {
  clear: both;
}

.landing-page #myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  left: 30px;
  z-index: 99;
  font-size: 18px;
  border: 1px solid #38cebf;
  background-color: #fff;
  color: #000;
  cursor: pointer;
  padding: 15px;
}

.landing-page #myBtn:hover {
  background-color: #555;
}

/*                             header                        */

.landing-page .logo-resp {
  display: none;
  background-color: #38cebf;
}

.landing-page .logo-resp p {
  font-family: lale;
  color: #368586;
  font-weight: 600;
  font-size: 20px;
}

.landing-page .head1 {
  display: flex;
}

.landing-page .head2 {
  display: none;
}

.landing-page header .nav-item a {
  color: #fff;
}

.landing-page header {
  position: sticky;
  top: 0;
  z-index: 1030;
}

.landing-page .logo-land {
  margin-right: 2%;
}

.landing-page .links-land a {
  color: #000;
  font-weight: 500;
  font-size: smaller;
  padding: -3%;
}

.landing-page .links-land a :hover {
  color: #9d2f2f;
}

.landing-page .nav {
  --bs-nav-link-hover-color: #ffa724;
}

.landing-page .vorod-land {
  margin-left: 2%;
}

.landing-page .vorod-land .btn {
  --bs-btn-color: var(--bs-white);
  padding: 10px 5px;
  font-weight: 600;
}

.landing-page .vorod-land a {
  padding: 8px;
  border-radius: 5px;
  color: #fff;
  background-color: rgba(255, 167, 36, 1);
}

.landing-page .vorod-land .btn:first-child:active {
  color: #fff;
  background-color: rgba(255, 167, 36, 1);
  border: none;
}

.landing-page .translate-middle {
  transform: translate(-250%, -65%) !important;
}

.landing-page .title h1 {
  line-height: 2;
  font-size: 25px;
}

/*                             first                        */

.landing-page .first p {
  color: #777777;
}

.landing-page .btns button {
  background-image: radial-gradient(#2ea79a, #38cebf);
  border-radius: 30px;
  color: #fff;
  font-weight: 600;
  padding: 10px;
  width: 180px;
}

.landing-page .btn:hover {
  color: #fff;
}

.landing-page .btnsr {
  display: none !important;
}

.landing-page .btnris {
  width: 80%;
}

.landing-page .btnsr button {
  background-image: radial-gradient(#2ea79a, #38cebf);
  border-radius: 30px;
  color: #fff;
  padding: 15px;
  white-space: nowrap;
}

.landing-page .mobile-picr {
  display: none !important;
}

/*                            chera                        */

.landing-page .chera i {
  color: #38cebf;
  font-size: 4rem;
}

.landing-page .chera hr {
  width: 10%;
}

.landing-page .chera .card {
  text-align: justify;
  text-justify: inter-word;
  color: #777777;
}

.landing-page .chera .card h3 {
  line-height: 1.5;
  font-size: 18px;
  font-weight: bold;
}

.landing-page .chera .card-body p {
  font-family: vazir;
}

.landing-page .chera .car {
  width: 20%;
}

.landing-page .chera .car1 {
  width: 20%;
}

/*                            about                        */

.landing-page .about .about-text p {
  text-align: justify;
}

.landing-page .marahel1 svg {
  height: 80px;
  fill: #38cebf;
}

.landing-page .marahel1 p {
  color: #777777;
}

.landing-page .marah {
  display: block;
}

.landing-page .marah1 {
  display: none;
}

.landing-page .marahel1 h2 {
  font-size: 1.75rem;
  line-height: 1.5;
}

.mar-text h3 {
  font-size: 20px;
}

/*                            sabtenam                       */

.landing-page .felesh svg {
  height: 65px;
}

.landing-page .sabtenam1-btn .btn {
  --bs-btn-color: var(--bs-white);
  padding: 12px 100px;
  background-color: #ffa31a;
  border-radius: 25px;
  font-weight: bold;
}

.landing-page .sabtenam1-btn .btn:hover {
  background-color: #b26b00;
}

.landing-page .sabtenam1-btn a :hover {
  color: #fff;
}

.landing-page .sabtenam1-btn .btn:first-child:active {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.2);
}

.sabtenam1-text h2 {
  font-size: 20px;
}

/*                            soal                        */

.landing-page .soai-pic {
  margin-top: 115px;
}

.landing-page .accordion-body strong {
  color: #9cce09;
}

.accordion-button:focus {
  box-shadow: none;
  border-color: #000;
}

/*                            brand                        */

.landing-page .accordion-button::after {
  margin-right: auto;
  margin-left: 0;
}

.landing-page .owl-carousel .owl-item img {
  width: 65% !important;
  margin: 15px;
}

.landing-page .owl-theme img {
  margin: 5px;
}

.landing-page .accordion-body p {
  text-align: justify;
  margin: 0 !important;
}

.landing-page .accordion-button {
  background-color: #f8f8f8;
  border: 1px solid black;
  font-weight: bold;
}

.landing-page .accordion-flush .accordion-item .accordion-button,
.landing-page .accordion-flush .accordion-item .accordion-button.collapsed {
  border-radius: 5px !important;
  background-color: #f8f8f8;
  color: #000;
  text-align: right;
  line-height: 2;
}

.landing-page .accordion-flush .accordion-item .accordion-button.collapsed p {
  color: #797979;
}

.landing-page .accordion-flush .accordion-item {
  border: 0.5px solid rgb(100, 100, 100);
  background-color: #f8f8f8;
  margin-top: 5px;
  border-radius: 5px !important;
}

.picios {
  width: 40%;
  display: flex;
  margin: auto;
}

.picand {
  width: 40%;
  display: flex;
  margin: auto;
}

@media only screen and (max-width: 1200px) {
  .landing-page .btns button {
    margin-left: 0 !important;
    margin-right: 0.75rem !important;
  }

  .landing-page .accordion-flush .accordion-item .accordion-button,
  .landing-page .accordion-flush .accordion-item .accordion-button.collapsed {
    font-size: 14px;
  }

  .landing-page .chera .card-body p {
    font-size: 14px;
  }

  .landing-page .car1 {
    padding: 2px;
  }

  .landing-page .chera .card h3 {
    font-size: 13px;
  }

  .landing-page .chera {
    margin: auto 10px;
  }

  .landing-page .chera .container {
    max-width: 1115px;
  }

  .landing-page .chera i {
    font-size: 40px;
    margin: 20px auto 0 !important;
  }

  .landing-page .chera svg {
    width: 20%;
    margin-bottom: -10px !important;
    margin-top: 8px !important;
  }
}

@media only screen and (max-width: 1000px) {
  .landing-page .vorod-land .btn {
    font-size: 12px;
  }

  .landing-page .car1 {
    display: none !important;
  }

  .landing-page .car {
    width: 48% !important;
    padding: auto 15px;
  }

  .landing-page .mobile-picr {
    display: flex !important;
  }

  .landing-page .mobile-picr img {
    width: 35%;
  }

  .landing-page .mobile-pic {
    display: none;
  }

  .landing-page .nav {
    padding: 0;
  }

  .landing-page .links-land a {
    padding: 10px;
    font-size: 10px;
  }

  .landing-page .translate-middle {
    transform: translate(-150%, -65%) !important;
  }

  .landing-page .btns {
    display: none !important;
  }

  .landing-page .btnsr {
    display: block !important;
  }

  .landing-page .sabtenam1 .container {
    display: flex !important;
    flex-direction: column;
    align-items: center;
  }

  .landing-page .sabtenam1-text {
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .landing-page .sabtenam1-btn {
    margin-bottom: 1.75rem;
  }

  .landing-page .marahel1 svg {
    height: 55px;
  }

  .landing-page .felesh svg {
    height: 45px;
  }

  .landing-page .soai-pic {
    margin-top: -40px;
  }
}

@media only screen and (max-width: 800px) {
  .landing-page .car1 {
    display: none !important;
  }
}

@media only screen and (max-width: 700px) {
  .landing-page .logo-resp {
    display: block;
  }

  .landing-page .head2 {
    display: flex;
  }

  .landing-page .head1 {
    display: none;
  }

  .landing-page .logo-land {
    display: none;
  }

  .landing-page .vorod-land {
    margin: 1%;
    border-radius: 10px;
  }
}

@media only screen and (max-width: 576px) {
  .picios {
    width: 80%;
  }

  .picand {
    width: 80%;
  }

  .landing-page .navbar .container-fluid {
    justify-content: center;
    margin-top: 7.5px;
    padding-bottom: 5px !important;
  }

  .ow-item {
    width: 30% !important;
  }

  .landing-page #myBtn {
    display: none !important;
  }

  .landing-page .title h1 {
    font-size: 18px;
  }

  .mar-text h3 {
    font-size: 19px;
  }

  .landing-page .chera .card h2 {
    font-size: 15px;
  }

  .landing-page .marahel1 h2 {
    font-size: 22.5px;
  }

  .landing-page .car {
    width: 98% !important;
    padding: auto 20px;
  }

  .landing-page .marhale {
    display: flex !important;
    flex-direction: column-reverse;
    align-items: center;
  }

  .landing-page .mar-text {
    text-align: center;
    margin-top: 1.5rem;
  }

  .landing-page .sabtenam1-text p {
    text-align: center;
  }

  .landing-page .marahel1 h3 {
    font-size: 18px;
  }

  .landing-page .marah {
    display: none;
  }

  .landing-page .marah1 {
    display: block;
  }

  .landing-page .mobile-picr {
    margin-bottom: 20px;
  }

  .landing-page .first p {
    margin-top: 15px;
  }

  .landing-page .marahel1 svg {
    height: 50px;
  }

  .landing-page .felesh svg {
    height: 40px;
  }

  .landing-page .accordion-body p {
    font-size: 13px;
  }

  .landing-page .links-land a {
    padding: 4px;
    font-weight: bold;
    padding: 4px;
  }

  .landing-page .vorod-land .btn {
    font-size: 11px;
  }

  .landing-page .chera i {
    font-size: 3.5rem;
  }

  .landing-page .chera .chch hr {
    width: 20% !important;
  }
}

@media only screen and (max-width: 380px) {
  .landing-page .btnris button {
    font-size: 13px;
    /* padding: 15px 0;
    min-width: 245px; */
  }

  .landing-page .title h3 {
    font-size: 15px;
  }

  .landing-page .title p {
    font-size: 12px;
  }

  .landing-page .chera i {
    font-size: 35px;
  }
}

@media only screen and (max-width: 330px) {

  .landing-page .accordion-flush .accordion-item .accordion-button,
  .landing-page .accordion-flush .accordion-item .accordion-button.collapsed {
    text-align: right;
    line-height: 2;
  }
}

.companys .owl-carousel {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}

.ow-item {
  width: 12.5%;
}

.dashboard .data {
  color: #000;
}

.dashboard ul {
  line-height: 2.5;
  padding-right: 0;
}

.dashboard .naghsh {
  margin-right: 20px;
}

.dashboard .exit {
  width: 15%;
}

.dashboard .exit {
  padding: 0;
  margin-right: auto;
  margin-top: 10px;
}

.dashboard .exit li {
  padding: 0;
  background-color: #eaf6f6;
}

.dashboard .profile {
  margin-top: 7.5px;
  margin-bottom: 7.5px;
}

.list-group-item a span:hover {
  color: #777777;
}

.list-group-item i {
  color: #24667c;
}

.list-group-item .caption {
  color: #24667c;
}

.list-group-item .caption:hover {
  color: #428da7;
}

.entekhab a {
  color: #24667c;
}

.entekhab a:hover {
  color: #428da7;
}

.prof-1 {
  cursor: pointer;
}

.data1 {
  text-align: right;
}

.data2 {
  text-align: left;
}

.jensiat {
  margin-right: 12.5px;
}

.jens1 {
  justify-content: flex-start;
}

.sheba-tozih h6 {
  line-height: 1.5;
  font-size: 12px;
  color: #777777;
}

.ramz-guide-prof h6 {
  line-height: 1.5;
  font-size: 12px;
  color: #777777;
}

.savbtn {
  display: flex;
  justify-content: center;
}

.save-btn {
  padding: 7.5px;
  background-color: #24667c !important;
  border-radius: 5px;
  border: none;
  width: 80%;
  margin-top: 10px;
}

.tamasave .save-btn {
  width: 40%;
}

.profpage .col-form-label {
  white-space: nowrap;
}

@media only screen and (max-width: 576px) {
  .dashboard .list-group {
    padding: 0;
  }

  .dashboard .exit {
    width: 30%;
  }

  .list-group-item span {
    font-size: 14px;
  }

  .exit .text-danger {
    font-size: 13px;
  }

  .dashboard .naghsh {
    margin-right: 0px;
  }

  .prof-1 label {
    font-size: 14px;
  }

  .dashboard .profile {
    margin-left: 100px;
  }

  .mb-3 .col-sm-2 {
    font-size: 15px;
  }

  .mb-2 .col-sm-2 {
    font-size: 13px;
  }

  .col-md-4 .form-control {
    font-size: 14.5px;
  }

  .sheba-tozih h6 {
    line-height: 1.5;
  }

  .data2 {
    text-align: right;
  }

  .list-group-item i {
    font-size: 13px;
  }

  .save-btn {
    width: 90%;
    margin: auto;
  }

  .tamasave .save-btn {
    width: 90%;
  }

  .jens1 {
    justify-content: space-around;
  }

  .jens1 label {
    padding-right: 5px;
  }

  #birthDay {
    margin-right: 0 !important;
  }

  #shDay {
    margin-right: 0 !important;
  }
}

/*$$$$$$$$$$$$$$$$$$$$             home        $$$$$$$$$$$$$$$$$$$$$*/

.form-control:focus {
  box-shadow: none;
}

/*                        baner                        */

.home-page .baner {
  background-color: #fafafa;
}

.home-page .twobaner-1 {
  margin-bottom: 25px;
}

.home-page .twobaner-1 img {
  border-bottom: 2px solid #24667c;
  border-radius: 0 25px 0 0;
}

.home-page .twobaner-2 img {
  border-bottom: 2px solid #24667c;
}

.home-page #carouselExampleAutoplaying {
  border: 2px solid #24667c;
  border-radius: 25px 0 0 25px;
  padding: 0;
  /*background-image: url("../images/baner1.png");
	background-position: center;
  	background-repeat: no-repeat;
  	background-size: cover;*/
}

.home-page .carousel-indicators [data-bs-target] {
  background-color: #24667c;
}

.home-page .onebaner img {
  border-radius: 25px 0 0 25px;
}

/* .home-page .minbanerh {
  display: none !important;
} */

.h1home {
  font-size: 35px;
}

/*                       akharin mahsoolat                       */

.home-page .mahsool {
  background-color: #f0fbfa;
}

.home-page .mahsoolat {
  background-color: #24667c;
  color: #fff;
  border-radius: 20px;
}

.home-page .mahsool-pic {
  background-color: #fff;
  border-radius: 20px;
  padding-left: 45px;
}

.home-page .mahsool-text h4 {
  display: none;
  transform: rotatez(270deg);
  width: 100%;
  line-height: 1.5;
}

.home-page .mahsool .owl-carousel .owl-item img {
  width: 85% !important;
}

/*                       tamin konandegan                       */

.home-page .baner-brand {
  width: 100%;
  text-align: center;
  display: flex;
  padding-top: 25px;
}

.home-page .baner-brand .container {
  font-size: 25px;
  font-weight: 400;
}

.home-page .baner-brand .container h3 {
  margin-bottom: 15px;
}

.home-page .baner-brand .banerbrand {
  border: 1px solid #033343;
  border-radius: 10px;
  width: 70%;
  display: table;
  margin: auto;
  margin-bottom: 5%;
  text-align: center;
  background-image: url("../images/brands.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.home-page .baner-brand .banerbrand h2 {
  border-radius: 10px;
  color: #fff;
  padding-top: 100px;
  font-size: 30px;
  font-weight: 600;
  width: 100%;
  height: 250px;
  background-color: rgba(36, 102, 124, 0.8);
}

/*                      tamin konande brand                          */

.home-page .taminbrand {
  background-color: #fafafa;
}

/* .home-page  .carousel-control-next-icon, .home-page  .carousel-control-prev-icon {
  height: 2.3rem;
  background-color: #000;
  padding: 15px;
  border-radius: 20px;
} */

.home-page .taminbrand a {
  text-decoration: none;
  color: #fff;
}

.home-page .taminbrand img {
  border-radius: 25px;
  width: 100%;
}

.home-page .tamitx {
  padding-right: 50px;
}

.home-page .bratx {
  padding-right: 50px;
}

.home-page .tamin00 {
  background-color: #24667c;
  margin-bottom: 20px;
  border-radius: 25px;
}

.home-page .brand00 {
  background-color: #24667c;
  border-radius: 25px;
}

.home-page .back {
  background-color: #f7f7f7;
  padding-bottom: 40px;
}

/*.akharin-mahsool {
	display: table;
	margin: 2% auto;
	width: 90%;
	background-color: #24667C;
	border-radius: 25px
}
.akharin-mahsool .akharin-mahsoolat .akharin-mahsoolat-text {
	float: right;
	text-align: center;
	width: 25%;
}
.akharin-mahsool .akharin-mahsoolat h2{
	margin: auto;
	position: relative;
	top: 110px;
	height: 50%;
	width: 100%;
	font-size: 30px;
	color: #fff;
	display: flex;
	justify-content: center;
}
.akharin-mahsool .akharin-mahsoolat .akharin-mahsoolat-pics {
	float: left;
	position: relative;
	left: 1.1%;
	text-align: center;
	width: 75%;
	height: 245.66px;
	border-radius: 25px;
	margin-top: 1.8%;
	margin-bottom: 1.8%;
	background-image: url("../images/brands.webp");
	background-position: center;
  	background-repeat: no-repeat;
  	background-size: cover;
}






.akharin-mahsool1 {
	display: table;
	margin: 2% auto;
	width: 90%;
	background-color: #24667C;
	border-radius: 25px
}
.akharin-mahsool1 .akharin-mahsoolat1 .akharin-mahsoolat-text1 {
	float: right;
	text-align: center;
	width: 25%;
}
.akharin-mahsool1 .akharin-mahsoolat1 h2{
	margin: auto;
	position: relative;
	top: 110px;
	left: 10%;
	width: 120%;
	font-size: 30px;
	color: #fff;
	display: flex;
	justify-content: center;
}
.akharin-mahsool1 .akharin-mahsoolat1 .akharin-mahsoolat-pics1 {
	float: left;
	position: relative;
	left: 1.1%;
	text-align: center;
	width: 75%;
	height: 245.66px;
	border-radius: 25px;
	margin-top: 1.8%;
	margin-bottom: 1.8%;
	background-image: url("../images/Suppliers.png");
	background-position: center;
  	background-repeat: no-repeat;
  	background-size: cover;
}*/

/*.tamin-konandegan button{
	color: #000;
	border-radius: 5px 5px 0 0;
	margin: auto 2px;
}
.tamin-konandegan button:hover {
	background-color: #38CEBF;
	color: #000;
}
.tamin-konandegan button:focus {
	background-color: #38CEBF;
	color: #000;
}
.nav-tabs .nav-link {
	background-color: #38CEBF;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	background-color: #24667C;
	color: #fff;
}
*/

/*                       brand                      */

/*.brand {
	background-color: #F0FBFA;
}
.brand .owl-theme .owl-nav.disabled+.owl-dots {
	display: none !important;
}
.owl-carousel img {
	margin: 1%;
	margin-left: 5px !important;
	border-radius: 10px;
}
.tamin-konandegan .owl-carousel .owl-item img {
	width: 65% !important;
	margin-right: 30px;
}
.brand .owl-carousel .owl-item img {
	width: 65% !important;
	margin-right: 30px;
}*/

/*                       mazaia                      */

.home-page .mazaia {
  background-color: #ffffff;
}

.home-page .maziat {
  text-align: center;
  width: 20%;
}

.home-page .maziat p {
  font-size: 15px;
  line-height: 1.5;
}

.home-page .maziat1 p {
  font-size: 15px;
}

.home-page .maziat1 {
  text-align: center;
  width: 20%;
}

.home-page .maziat i {
  color: #38cebf;
  font-size: 35px;
  margin-bottom: 10px;
}

/*                       mini baner                      */

.home-page .mini-baner {
  padding: 15px;
  width: 100%;
}

.home-page .mini-baner .minibaner {
  display: table;
  margin: auto;
  width: 90%;
}

.home-page .baner1 {
  position: relative;
  height: 150px;
  margin: 2%;
  width: 45%;
  border: 2px solid #24667c;
  border-radius: 0 25px 25px 0;
  background-image: url("../images/logo101.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.home-page .baner2 {
  position: relative;
  height: 150px;
  margin: 2%;
  width: 45%;
  border: 2px solid #24667c;
  border-radius: 25px 0 0 25px;
  background-image: url("../images/logo102.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.home-page .minibaner1 {
  float: right;
  border-radius: 0 25px 25px 0;
}

.home-page .minibaner2 {
  float: right;
  border-radius: 25px 0 0 25px;
}

.home-page .minibaner1 img {
  border-radius: 15px;
  border: 2.5px solid #24667c;
}

.home-page .minibaner2 img {
  border-radius: 15px;
  border: 2.5px solid #24667c;
}

/*                       majale                      */

.home-page .majale {
  background-color: #fafafa;
}

.home-page .majale h2 {
  color: #24667c;
}

.home-page .maghalat {
  border-radius: 0 25px 25px 0;
  border: 2px solid #24667c;
  width: 30%;
  display: flex;
  height: 173px;
  background-image: url("../images/article.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.home-page .akhbar {
  border-radius: 0;
  border: 2px solid #24667c;
  width: 30%;
  display: flex;
  height: 173px;
  background-image: url("../images/news.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.home-page .kasbokar {
  border-radius: 25px 0 0 25px;
  border: 2px solid #24667c;
  width: 30%;
  display: flex;
  height: 173px;
  background-image: url(../Images/teaching.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.home-page .maghalat a {
  text-decoration: none;
  font-family: IRANSans;
  border-radius: 0 23px 23px 0;
  color: aliceblue;
  background-color: rgba(120, 120, 120, 0.65);
  font-size: 30px;
  font-weight: 900;
  padding-top: 60px;
  width: 100%;
  height: 170px;
  display: table;
  margin: auto;
}

.home-page .maghalat a:hover {
  color: #033343;
  background-color: rgba(120, 120, 120, 0.9);
}

.home-page .akhbar a {
  text-decoration: none;
  font-family: IRANSans;
  border-radius: 0px;
  color: aliceblue;
  background-color: rgba(120, 120, 120, 0.65);
  font-size: 30px;
  font-weight: 900;
  padding-top: 60px;
  width: 100%;
  height: 170px;
  display: table;
  margin: auto;
}

.home-page .akhbar a:hover {
  color: #033343;
  background-color: rgba(120, 120, 120, 0.9);
}

.home-page .kasbokar a {
  text-decoration: none;
  font-family: IRANSans;
  border-radius: 23px 0 0 23px;
  color: aliceblue;
  background-color: rgba(120, 120, 120, 0.65);
  font-size: 30px;
  font-weight: 900;
  padding-top: 60px;
  width: 100%;
  height: 170px;
  display: table;
  margin: auto;
}

.home-page .kasbokar a:hover {
  color: #033343;
  background-color: rgba(120, 120, 120, 0.9);
}

/*                responsive                    */

.home-page .baner .container-fluid {
  padding: 0 50px !important;
}

@media only screen and (max-width: 1200px) {
  .home-page .twobaner-1 {
    margin-bottom: 20px;
  }

  .home-page .maghalat a {
    font-size: 23px;
  }

  .home-page .akhbar a {
    font-size: 23px;
  }

  .home-page .kasbokar a {
    font-size: 23px;
  }
}

@media only screen and (max-width: 1000px) {
  .home-page .mahsool-text img {
    display: none;
  }

  .home-page .mahsool-text h3 {
    display: none;
  }

  .home-page .mahsool-text h4 {
    display: block;
  }

  .home-page .taminbrand h2 {
    font-size: 25px;
  }

  .home-page .baner .container-fluid {
    padding: 0 30px !important;
  }

  .home-page .maziat p {
    font-size: 11px;
  }

  .home-page .maziat1 p {
    font-size: 11px;
  }

  .home-page .maghalat a {
    height: 145px;
  }

  .home-page .akhbar a {
    height: 145px;
  }

  .home-page .kasbokar a {
    height: 145px;
  }

  .home-page .maghalat {
    height: 148px;
  }

  .home-page .akhbar {
    height: 148px;
  }

  .home-page .kasbokar {
    height: 148px;
  }
}

@media only screen and (max-width: 768px) {
  .home-page .taminbrand h2 {
    padding: 0;
    margin: 15px auto 0;
  }

  .home-page .maziat {
    width: 50%;
  }

  .home-page .maziat1 {
    display: none;
  }

  .home-page .onebaner img {
    border-radius: 25px 25px 0 0;
  }

  .home-page .minbanerh {
    padding: 0;
    display: flex !important;
    align-content: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 35px !important;
    flex-direction: row;
  }

  .home-page .minbanerh .minibaner1 {
    width: 100%;
  }

  .home-page .minbanerh .minibaner2 {
    width: 100%;
  }

  .home-page .twobaner {
    display: none !important;
  }

  .home-page .baner .row {
    flex-direction: column-reverse;
  }

  .home-page #carouselExampleAutoplaying {
    border-radius: 25px 25px 0 0;
  }

  .home-page .mahsool-text h4 {
    margin-top: -25px;
    margin-right: -3px;
  }

  .home-page .maziat p {
    font-size: 13px;
  }

  .home-page .majale p {
    margin-bottom: 16px !important;
  }

  .home-page .majalat {
    display: block !important;
  }

  .home-page .akhbar {
    margin: 10px auto;
    float: none;
    width: 60%;
  }

  .home-page .kasbokar {
    margin: 10px auto;
    float: none;
    width: 60%;
    border-radius: 0 0 25px 25px;
  }

  .home-page .maghalat {
    margin: 10px auto;
    float: none;
    width: 60%;
    border-radius: 25px 25px 0 0;
  }

  .home-page .kasbokar a {
    border-radius: 0 0 25px 25px;
    font-size: 20px;
  }

  .home-page .maghalat a {
    font-size: 20px;
    border-radius: 25px 25px 0 0;
  }

  .home-page .akhbar a {
    font-size: 30px;
  }

  .home-page .maghalat a {
    font-size: 30px;
  }

  .home-page .kasbokar a {
    font-size: 30px;
  }

  .home-page .baner .container-fluid {
    padding: 0 20px !important;
  }

  .home-page .tamitx {
    padding-right: 12px;
  }

  .home-page .bratx {
    padding-right: 12px;
  }
}

@media only screen and (max-width: 576px) {
  .h1home {
    font-size: 20px;
    margin: 10px auto;
  }

  .baner1 {
    margin-right: 12px !important;
  }

  .baner2 {
    margin-left: 12px !important;
  }

  .home-page .baner2 {
    height: 90px;
  }

  .home-page .baner1 {
    height: 90px;
  }

  .home-page .mini-baner {
    padding: 8px 0;
  }

  .home-page .tamin00 {
    margin-bottom: 10px;
  }

  .home-page .mini-baner1 {
    padding: 0;
  }

  .home-page .mahsool-text h4 {
    margin-top: -6px;
    margin-right: 0;
  }

  .home-page .maziat i {
    font-size: 1.4rem;
  }

  .home-page .maziat p {
    font-size: 12px;
  }

  .home-page .maghalat {
    width: 97.5%;
    height: 88px;
  }

  .home-page .akhbar {
    width: 97.5%;
    height: 88px;
  }

  .home-page .kasbokar {
    width: 97.5%;
    height: 88px;
  }

  .home-page .maghalat a {
    height: 85px;
    font-size: 20px;
    padding-top: 33px;
  }

  .home-page .akhbar a {
    height: 85px;
    font-size: 20px;
    padding-top: 33px;
  }

  .home-page .kasbokar a {
    height: 85px;
    font-size: 20px;
    padding-top: 33px;
  }

  .home-page .taminbrand h2 {
    font-size: 25px;
  }

  .home-page .majale h2 {
    font-size: 25px;
  }
  .home-page .mini-baner .minibaner {
    width: 100%;
  }
}

@media only screen and (max-width: 500px) {
  .home-page .tamin-konandegan .owl-carousel .owl-item img {
    width: 65% !important;
    margin-right: 20px;
  }

  .home-page .brand .owl-carousel .owl-item img {
    width: 65% !important;
    margin-right: 20px;
  }

  .home-page .baner .container-fluid {
    padding: 0 5px !important;
  }

  .home-page .taminbrand h2 {
    font-size: 23px;
  }

  .home-page .majale h2 {
    font-size: 23px;
  }
}

@media only screen and (max-width: 450px) {
  .home-page .taminbrand h2 {
    font-size: 20px;
  }

  .home-page .majale h2 {
    font-size: 20px;
  }
}

@media only screen and (max-width: 350px) {
  .home-page .tamin-konandegan .owl-carousel .owl-item img {
    width: 65% !important;
    margin-right: 15px;
  }

  .home-page .brand .owl-carousel .owl-item img {
    width: 65% !important;
    margin-right: 15px;
  }

  .home-page .maziat i {
    font-size: 1.4rem;
  }

  .home-page .taminbrand h2 {
    font-size: 17.5px;
  }

  .home-page .majale h2 {
    font-size: 17.5px;
  }

  .home-page .akhbar a {
    font-size: 18px;
  }

  .home-page .maghalat a {
    font-size: 18px;
  }

  .home-page .kasbokar a {
    font-size: 18px;
  }
}

.pb-0bi {
  padding-bottom: 0 !important;
}

/*$$$$$$$$$$$$$$$$$              categories           $$$$$$$$$$$$$$$$$$$*/

.categories a {
  display: flex;
  color: #000;
}

.categories .titel {
  background-color: #f4fcfb;
  display: flex;
}

.categories .titel i {
  align-self: center;
  margin: auto 10px;
  font-size: 25px;
}

.categories .titel h1 {
  font-size: 25px;
}

.categories button {
  display: flex;
  width: 100%;
  text-align: right;
  border: 0;
  background-color: #fff;
}

.categories button svg {
  align-self: center;
}

.categories button i {
  align-self: center;
}

.categories h1 {
  padding: 10px 0;
  margin: 0;
}

.categories button h2 {
  font-size: 16px;
  margin: 8px;
}

.categories hr {
  margin: 0;
  width: 95%;
  margin-right: auto;
  margin-left: auto;
}

@media only screen and (max-width: 576px) {
  .categories button h2 {
    font-size: 13px;
    margin: 8px;
  }

  .categories .titel h1 {
    font-size: 20px;
  }
}

/*$$$$$$$$$$$                     brand-page-1            $$$$$$$$$$$$$$*/

.brand-page-1 .sort-search {
  padding-top: 15px;
}

.brand-page-1 .sort-search hr {
  color: #61768a;
  margin: 10px auto !important;
}

.filter-emal p {
  margin-bottom: 7.55px;
}

.brand-page-1 .second-search {
  padding-left: 0;
  display: grid;
}

.brand-page-1 .second-search form {
  align-self: center;
}

.brand-page-1 .second-search button {
  border-radius: 15px 0 0 15px;
  left: 1px;
  position: relative;
  background-color: #eaf6f6;
}

.brand-page-1 .second-search button i {
  font-weight: bold;
}

.brand-page-1 .second-search input {
  border-radius: 0 15px 15px 0;
  border-color: #24667c;
  font-family: IRANSans;
}

.brand-page-1 .second-search .form-control:focus {
  box-shadow: 0 0 0 0;
  border-color: #000;
}

.brand-page-1 .second-search .btn:hover {
  color: var(--bs-btn-hover-color);
  background-color: #24667c;
}

.brand-page-1 .second-search-res {
  display: none;
}

.brand-page-1 .second-search-res .dropdown-toggle::after {
  display: none;
}

.brand-page-1 .second-search-res .dropdown-menu {
  --bs-dropdown-border-width: var(--bs-btn-hover-bg);
  font-size: 9px;
}

.brand-page-1 .second-search-res .form-control {
  font-size: 11px;
}

.brand-page-1 .sort-resp ul {
  transform: translate3d(0px, 45px, 0px);
}

.brand-page-1 .sort i {
  font-size: 25px;
}

.brand-page-1 .sort p {
  padding-top: 5px;
}

.brand-page-1 .sorts {
  padding-top: 5px;
  margin-right: 10px;
}

.brand-page-1 .sorts button {
  background-color: #fff;
  border: none;
}

.brand-page-1 .sorts button:hover {
  color: #24667c;
}

.brand-page-1 .sorts button:focus-within {
  color: #24667c;
}

.brand-page-1 .maratab p {
  white-space: nowrap;
}

.brand-page-1 .sort-resp {
  display: none;
  margin-right: 10px;
}

.brand-page-1 .sort-resp .dropdown-toggle::after {
  margin-right: 10px;
  align-self: center;
}

.brand-page-1 .sort-resp i {
  font-size: 25px;
  align-self: center;
}

.brand-page-1 .sort-resp h5 {
  align-self: center;
}

.brand-page-1 .sort-resp .dropdown-menu {
  transform: translate3d(-22.5px, 35px, 0px) !important;
  padding: 2px 0;
}

.brand-page-1 .btn-secondary {
  --bs-btn-color: #000000;
  --bs-btn-bg: #fff;
  --bs-btn-border-color: #fff;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #fff;
  --bs-btn-hover-border-color: #fff;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #fff;
  --bs-btn-active-border-color: #fff;
  background-color: transparent;
  color: #000;
  border: none;
}

.brand-page-1 .btn-secondary:focus {
  box-shadow: none;
}

.second-search-res .input-group button {
  color: #24667c;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.brand-page-1 .sort-resp .dropdown-item {
  text-align: right;
  line-height: 1.5;
  font-size: 13px;
}

.brand-page-1 .second-search-res .btn-group-vertical>.btn,
.brand-page-1 .btn-group>.btn {
  padding-left: 0;
}

.brand-page-1 .sort-search .form-switch {
  margin: 16px auto;
}

.brand-page-1 .filter-resp {
  display: none;
}

.brand-page-1 .filter-resp h5 {
  margin-bottom: 0;
  align-self: center;
}

.brand-page-1 .filter-resp i {
  font-size: 20px;
  align-self: center;
}

.brand-page-1 .second-search-res .form-control {
  border: none;
}

.brand-page-1 .second-search-res .dropdown-menu {
  border: solid 1px #53b8b9;
  padding: 0;
  transform: translate3d(0px, 35px, 1px) !important;
}

.form-control:focus {
  box-shadow: none;
  border-color: #24667c;
}

.brand-page-1 .btn-outline-success {
  --bs-btn-color: #24667c;
  --bs-btn-border-color: #24667c;
  --bs-btn-hover-bg: #24667c;
  --bs-btn-hover-border-color: #24667c;
  --bs-btn-active-bg: #24667c;
  --bs-btn-active-border-color: #24667c;
}

.brand-page-1 .btn-outline-success {
  color: #24667c;
  border-color: #24667c;
}

.brand-page-1 .btn-outline-success:focus {
  box-shadow: none;
}

.brand-page-1 #brandscroll {
  height: 150px;
  overflow-y: scroll;
}

.brand-page-1 #brandscrollr {
  height: 150px;
  overflow-y: scroll;
}

.brand-page-1 #dastescroll {
  height: 150px;
  overflow-y: scroll;
}

.brand-page-1 #dastescrollr {
  height: 150px;
  overflow-y: scroll;
}

.brand-page-1 .hazf-filter {
  padding: 0 0 20px 20px;
}

.brand-page-1 .hazf-filter button {
  background-color: #fff;
  border: none;
  color: #b50000;
}

.brand-page-1 .filter-emal .filterbadge {
  display: flex;
}

.brand-page-1 .filter-emal .bg-secondary {
  padding-bottom: 7.5px;
  border-radius: 20px;
}

.tabligh-00 {
  display: flex;
}

.tabligh-00 img {
  margin: 10px auto;
  border-radius: 15px;
  max-width: 90%;
}

.tabligh2 img {
  border-radius: 15px;
}

.brand-page-1 .filters {
  border-radius: 10px;
  border: 0.5px solid rgba(0, 0, 0, 0.2);
}

.brand-page-1 .filters .accordion {
  padding: 20px;
  padding-bottom: 10px;
}

.brand-page-1 .accordion-item {
  margin-bottom: 10px;
}

.brand-page-1 .accordion-button {
  background-color: #fff;
  font-weight: bold;
}

.brand-page-1 .accordion-button:focus {
  box-shadow: 0 0 0 0;
  border-color: #000;
}

.brand-page-1 .accordion-flush .accordion-item .accordion-button,
.brand-page-1 .accordion-flush .accordion-item .accordion-button.collapsed {
  border-radius: 5px !important;
  background-color: #fff;
  color: #000;
  text-align: right;
  line-height: 2;
  padding: 10px 20px;
}

.brand-page-1 .accordion-flush .accordion-item .accordion-button.collapsed p {
  color: #797979;
}

.brand-page-1 .accordion-flush .accordion-item {
  background-color: #fff;
  margin-top: 5px;
  border-radius: 5px !important;
}

.brand-page-1 .accordion-button::after {
  margin-right: auto;
  margin-left: 0;
}

.brand-page-1 .accordion-button:not(.collapsed) {
  box-shadow: 0 0 0 0;
}

.brand-page-1 .form-check-label {
  margin-top: 5px;
}

.brand-page-1 .form-check-input:focus {
  box-shadow: 0 0 0 0;
}

.brand-page-1 #flexSwitchCheckChecked {
  padding: 10px 20px;
}

.brand-page-1 .cardha {
  background-color: #eaf6f6;
  border-radius: 10px;
}

.brand-page-1 .cardha a {
  display: flex;
}

.brand-page-1 .cardha .card {
  padding: 0;
  border-radius: 15px;
}

.brand-page-1 .cardha .card .btn {
  width: 100%;
  color: #000;
}

.brand-page-1 .cardha .card li {
  text-align: right;
}

.brand-page-1 .cardha .card img {
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}

.brand-page-1 .card .dropdown-menu {
  width: 100%;
  text-align: right;
  padding: 8px;
  line-height: 1.5;
}

.brand-page-1 .card .dropdown-menu p {
  margin-bottom: 0;
  text-align: right;
}

.brand-page-1 .card .btn:first-child:active {
  border-color: #fff;
  color: #000;
}

.brand-page-1 .btn-check:checked+.btn,
.brand-page-1 .btn.active,
.brand-page-1 .btn.show,
.brand-page-1 .btn:first-child:active,
.brand-page-1 :not(.btn-check)+.btn:active {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: #fff;
}

.brand-page-1 .card img {
  display: flex;
  margin: 0;
  object-fit: contain;
  width: 100%;
  height: 140px;
  padding: 0;
  padding: 10px;
}

.brand-page-1 .card-body {
  padding: 10px;
}

.brand-page-1 .card-body h2 {
  color: #000;
  line-height: 1.5;
  font-size: 15px;
}

.brand-page-1 .card-body p {
  color: #000;
}

.card-ghorfe {
  text-align: right;
}

.page-item.active .page-link {
  color: #fff !important;
  background-color: #24667c;
  border-color: #24667c;
  font-family: adad-farsi !important;
}

.page-item .page-link {
  color: #24667c;
  font-family: adad-farsi !important;
}

.page-item .page-link:focus {
  box-shadow: none;
}

.brand-page-1.page-item:first-child .page-link {
  border-top-right-radius: var(--bs-pagination-border-radius);
  border-bottom-right-radius: var(--bs-pagination-border-radius);
  border-top-left-radius: 0%;
  border-bottom-left-radius: 0%;
}

.brand-page-1.page-item:last-child .page-link {
  border-top-left-radius: var(--bs-pagination-border-radius);
  border-bottom-left-radius: var(--bs-pagination-border-radius);
  border-top-right-radius: 0%;
  border-bottom-right-radius: 0%;
}

.brand-page-1.page-link {
  background-color: #eaf6f6;
}

.brand-page-1.page-link:focus {
  color: #fff;
  box-shadow: 0 0 0 0;
  background-color: #24667c;
}

.brand-page-1.card img {
  display: flex;
  margin: 0;
  object-fit: contain;
  width: 100%;
  height: 140px;
  padding: 0;
}

.brand-page-1.col {
  flex-direction: column;
  display: flex;
}

.brand-page-1.tabligh2 img {
  border-radius: 10px;
}

.brand-page-1 .sort-search .row {
  margin-left: -11.4px !important;
  padding-bottom: 15px;
}

.sort-resp1 {
  display: flex;
  justify-content: center;
}

.sort-resp1 .btn-secondary:focus {
  box-shadow: none;
}

.sort-resp1 .dropdown-menu li a {
  text-align: right;
  font-size: 13px;
}

.brand-page-1 .card .card-footer {
  white-space: nowrap;
  line-height: 1.5;
  padding: 10px 16px;
}

.brand-page-1 .card p {
  margin-top: 0 !important;
  color: #000;
  font-size: 13px;
  margin-bottom: 0;
}

@media only screen and (min-width: 1200px) {
  .brand-page-1 .second-search {
    width: 35% !important;
  }
}

@media only screen and (max-width: 1200px) {
  .brand-page-1 .card-body h2 {
    font-size: 15px;
  }

  .brand-page-1 .accordion-body .form-control {
    font-size: 11px;
  }

  .brand-page-1 .accordion-body .form-check-label {
    font-size: 13px;
  }
}

@media only screen and (max-width: 1000px) {
  .brand-page-1 .second-search {
    display: none;
  }

  .brand-page-1 .second-search-res {
    display: flex;
    justify-content: flex-end;
    margin-left: 0;
  }

  .brand-page-1 .sort-search {
    padding-top: 0;
  }

  .brand-page-1 .sort {
    display: none;
  }

  .brand-page-1 .sort-resp {
    display: flex;
    justify-content: center;
    margin-right: 0;
  }

  .brand-page-1 .filter-resp {
    display: flex;
  }

  .brand-page-1 .hazf-filter button {
    font-size: 13px;
  }

  .brand-page-1 .filter {
    display: none;
  }

  .brand-page-1 .filters .accordion {
    padding: 10px;
    padding-top: 0;
  }

  .brand-page-1 .filter-resp .offcanvas-header {
    padding-bottom: 0;
  }

  .brand-page-1 .filter-resp .accordion-button {
    padding: 5px 10px;
  }

  .brand-page-1 .filter-resp .accordion-flush .accordion-item:first-child {
    margin-bottom: 0;
  }

  .brand-page-1 .filter-resp .accordion-flush .accordion-item .accordion-button,
  .brand-page-1 .accordion-flush .accordion-item .accordion-button.collapsed {
    font-size: 13px;
  }

  .brand-page-1 .filter-resp .accordion-body {
    padding-top: 0;
    padding-bottom: 10px;
  }

  .brand-page-1 .filter-resp .form-check-label {
    font-size: 15px;
  }

  .brand-page-1 .sort-search .form-switch {
    margin: 16px auto 16px 10px;
  }

  .brand-page-1 .cardha .card {
    margin: 7.5px;
  }

  .brand-page-1 .accordion-body .form-control {
    font-size: 13px;
    margin-bottom: 10px !important;
  }

  .brand-page-1 .sort-resp .dropdown-menu {
    transform: translate3d(-22.5px, 45px, 0px) !important;
  }

  .brand-page-1 .second-search-res .dropdown-menu {
    transform: translate3d(0px, 45px, 1px) !important;
  }

  .brand-page-1 .filter-emal .bg-secondary {
    padding-bottom: 4.5px;
  }

  .brand-page-1 .filter-emal button:not(:disabled) {
    padding-top: 2px !important;
  }

  .brand-page-1 .dropdown-center button h5 {
    font-size: 18px;
  }

  .brand-page-1 .dropdown-center .dropdown-toggle::after {
    margin-right: 5px;
  }

  .brand-page-1 .dropdown-center button {
    align-items: center;
  }

  .brand-page-1 .filter-resp button:focus {
    box-shadow: none;
  }
}

@media only screen and (max-width: 768px) {
  .brand-page-1 .title-page h1 {
    font-size: 22px;
    text-align: center;
    background-color: #eaf6f6;
    border-radius: 10px;
    border: 1px solid #24667c;
    padding: 7.5px;
  }

  .brand-page-1 .card-body h2 {
    font-size: 15px;
  }

  .title-safahat {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }

  .brand-page-1 .second-search input {
    font-size: 15px;
  }

  .brand-page-1 .sort-resp h5 {
    font-size: 16px;
  }

  .brand-page-1 .filter-resp h5 {
    font-size: 16px;
  }

  .brand-page-1 .cardha {
    margin-top: 0;
  }

  .brand-page-1 .sort-resp .dropdown-menu {
    transform: translate3d(-22.5px, 45px, 0px) !important;
  }

  .brand-page-1 .second-search-res .dropdown-menu {
    transform: translate3d(0px, 45px, 1px) !important;
  }

  .brand-page-1 .card-body {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
}

@media (min-width: 576px) and (max-width: 1000px) {

  .brand-page-1 .aa [type="button"]:not(:disabled),
  .brand-page-1 .aa [type="reset"]:not(:disabled),
  .brand-page-1 .aa [type="submit"]:not(:disabled),
  .brand-page-1 .aa button:not(:disabled) {
    padding: 6px 0;
  }
}

@media only screen and (max-width: 576px) {
  .brand-page-1 .card p {
    font-size: 11px;
  }

  .brand-page-1 .title-page h1 {
    font-size: 15px;
  }

  .brand-page-1 .cardha .card {
    margin: 2.5px;
  }

  .brand-page-1 .cardha a {
    padding: 0 1px;
    margin-top: 4px;
  }

  .brand-page-1 .sort-search .row {
    margin-left: 0 !important;
    padding-left: 0;
    margin-right: -4px !important;
  }

  .brand-page-1 .card .dropdown-menu p {
    font-size: 12px;
  }

  .brand-page-1 .aa {
    padding-left: 0;
  }

  .brand-page-1 .cardha .card .btn {
    font-size: 12.5px;
  }

  .brand-page-1 .sort-resp h5 {
    font-size: 12px;
  }

  .brand-page-1 .filter-resp {
    padding: 0;
  }

  .brand-page-1 .filter-resp h5 {
    font-size: 12px;
  }

  .brand-page-1 .sort-resp button {
    padding: 6px 0;
  }

  .brand-page-1 .second-search input {
    font-size: 12px;
    padding: 0 12px;
  }

  .brand-page-1 .sort-resp i {
    font-size: 20px;
    align-self: center;
  }

  .brand-page-1 .filter-resp i {
    font-size: 17.5px;
    align-self: center;
  }

  .brand-page-1 .filter-emal button:not(:disabled) {
    padding-bottom: 6px !important;
  }

  .brand-page-1 .second-search {
    margin-left: auto;
    padding: 0;
  }

  .brand-page-1 .card-body {
    padding: 5px 10px;
  }

  .brand-page-1 .card-body h2 {
    font-size: 13px;
  }

  .brand-page-1 .sort-resp .dropdown-menu {
    transform: translate3d(-22.5px, 35px, 0px) !important;
  }

  .brand-page-1 .second-search-res .dropdown-menu {
    transform: translate3d(0px, 35px, 1px) !important;
  }

  .brand-page-1 .dropdown-center button h5 {
    font-size: 13px;
  }

  .brand-page-1 .pagination1 .page-link {
    color: #24667c;
    text-align: right;
    padding: 6px;
    font-size: 12px;
  }

  .brand-page-1 .pagination1 .page-link a {
    font-size: 12px;
  }

  .brand-page-2 .pagination1 .page-link {
    color: #24667c;
    text-align: right;
    padding: 6px;
    font-size: 12px;
  }

  .brand-page-2 .pagination1 .page-link a {
    font-size: 12px;
  }
}

/*$$$$$$$$$$$$$$          tamin konande page 1          $$$$$$$$$$$$$$*/

.taminkonande-page-1 .sort-search {
  padding-top: 15px;
}

.taminkonande-page-1 .sort-search hr {
  color: #61768a;
  margin: 10px auto !important;
}

.filter-emal p {
  margin-bottom: 7.55px;
}

.taminkonande-page-1 .second-search {
  padding-left: 0;
  display: grid;
}

.taminkonande-page-1 .second-search form {
  align-self: center;
}

.taminkonande-page-1 .second-search button {
  border-radius: 15px 0 0 15px;
  left: 1px;
  position: relative;
  background-color: #eaf6f6;
}

.taminkonande-page-1 .second-search button i {
  font-weight: bold;
}

.taminkonande-page-1 .second-search input {
  border-radius: 0 15px 15px 0;
  border-color: #24667c;
  font-family: IRANSans;
}

.taminkonande-page-1 .second-search .form-control:focus {
  box-shadow: 0 0 0 0;
  border-color: #000;
}

.taminkonande-page-1 .second-search .btn:hover {
  color: var(--bs-btn-hover-color);
  background-color: #24667c;
}

.taminkonande-page-1 .second-search-res {
  display: none;
}

.taminkonande-page-1 .second-search-res .dropdown-toggle::after {
  display: none;
}

.taminkonande-page-1 .second-search-res .dropdown-menu {
  --bs-dropdown-border-width: var(--bs-btn-hover-bg);
  font-size: 9px;
}

.taminkonande-page-1 .second-search-res .form-control {
  font-size: 11px;
}

.taminkonande-page-1 .sort-resp ul {
  transform: translate3d(0px, 45px, 0px);
}

.taminkonande-page-1 .sort i {
  font-size: 25px;
}

.taminkonande-page-1 .sort p {
  padding-top: 5px;
}

.taminkonande-page-1 .sorts {
  padding-top: 5px;
  margin-right: 10px;
}

.taminkonande-page-1 .sorts button {
  background-color: #fff;
  border: none;
}

.taminkonande-page-1 .sorts button:hover {
  color: #24667c;
}

.taminkonande-page-1 .sorts button:focus-within {
  color: #24667c;
}

.taminkonande-page-1 .maratab p {
  white-space: nowrap;
}

.taminkonande-page-1 .sort-resp {
  display: none;
  margin-right: 10px;
}

.taminkonande-page-1 .sort-resp .dropdown-toggle::after {
  margin-right: 10px;
  align-self: center;
}

.taminkonande-page-1 .sort-resp i {
  font-size: 25px;
  align-self: center;
}

.taminkonande-page-1 .sort-resp h5 {
  align-self: center;
}

.taminkonande-page-1 .sort-resp .dropdown-menu {
  transform: translate3d(-22.5px, 35px, 0px) !important;
  padding: 2px 0;
}

.taminkonande-page-1 .btn-secondary {
  --bs-btn-color: #000000;
  --bs-btn-bg: #fff;
  --bs-btn-border-color: #fff;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #fff;
  --bs-btn-hover-border-color: #fff;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #fff;
  --bs-btn-active-border-color: #fff;
}

.taminkonande-page-1 .taminkonande-page-1 .sort-resp .dropdown-item {
  text-align: right;
  line-height: 1.5;
  font-size: 13px;
}

.taminkonande-page-1 .second-search-res .btn-group-vertical>.btn,
.taminkonande-page-1 .btn-group>.btn {
  padding-left: 0;
}

.taminkonande-page-1 .sort-search .form-switch {
  margin: 16px auto;
}

.taminkonande-page-1 .filter-resp {
  display: none;
}

.taminkonande-page-1 .filter-resp h5 {
  margin-bottom: 0;
  align-self: center;
}

.taminkonande-page-1 .filter-resp i {
  font-size: 20px;
  align-self: center;
}

.taminkonande-page-1 .second-search-res .form-control {
  border: none;
}

.taminkonande-page-1 .second-search-res .dropdown-menu {
  border: solid 1px #53b8b9;
  padding: 0;
  transform: translate3d(0px, 35px, 1px) !important;
}

.form-control:focus {
  box-shadow: 0 0 0 0;
  border-color: #24667c;
}

.taminkonande-page-1 .btn-outline-success {
  --bs-btn-color: #24667c;
  --bs-btn-border-color: #24667c;
  --bs-btn-hover-bg: #24667c;
  --bs-btn-hover-border-color: #24667c;
  --bs-btn-active-bg: #24667c;
  --bs-btn-active-border-color: #24667c;
}

.taminkonande-page-1 #brandscroll {
  height: 150px;
  overflow-y: scroll;
}

.taminkonande-page-1 #brandscrollr {
  height: 150px;
  overflow-y: scroll;
}

.taminkonande-page-1 #dastescroll {
  height: 150px;
  overflow-y: scroll;
}

.taminkonande-page-1 #dastescrollr {
  height: 150px;
  overflow-y: scroll;
}

.taminkonande-page-1 .hazf-filter {
  padding: 0 0 20px 20px;
}

.taminkonande-page-1 .hazf-filter button {
  background-color: #fff;
  border: none;
  color: #b50000;
}

.taminkonande-page-1 .filter-emal .filterbadge {
  display: flex;
}

.taminkonande-page-1 .filter-emal .bg-secondary {
  padding-bottom: 7.5px;
  border-radius: 20px;
}

.taminkonande-page-1 .filters {
  border-radius: 10px;
  border: 0.5px solid rgba(0, 0, 0, 0.2);
}

.taminkonande-page-1 .filters .accordion {
  padding: 20px;
  padding-bottom: 10px;
}

.taminkonande-page-1 .accordion-item {
  margin-bottom: 10px;
}

.taminkonande-page-1 .accordion-button {
  background-color: #fff;
  font-weight: bold;
}

.taminkonande-page-1 .accordion-button:focus {
  box-shadow: 0 0 0 0;
  border-color: #000;
}

.taminkonande-page-1 .accordion-flush .accordion-item .accordion-button,
.taminkonande-page-1 .accordion-flush .accordion-item .accordion-button.collapsed {
  border-radius: 5px !important;
  background-color: #fff;
  color: #000;
  text-align: right;
  line-height: 2;
  padding: 10px 20px;
}

.taminkonande-page-1 .accordion-flush .accordion-item .accordion-button.collapsed p {
  color: #797979;
}

.taminkonande-page-1 .accordion-flush .accordion-item {
  background-color: #fff;
  margin-top: 5px;
  border-radius: 5px !important;
}

.taminkonande-page-1 .accordion-button::after {
  margin-right: auto;
  margin-left: 0;
}

.taminkonande-page-1 .accordion-button:not(.collapsed) {
  box-shadow: 0 0 0 0;
}

.taminkonande-page-1 .form-check-label {
  margin-top: 5px;
}

.taminkonande-page-1 .form-check-input:focus {
  box-shadow: 0 0 0 0;
}

.taminkonande-page-1 #flexSwitchCheckChecked {
  padding: 10px 20px;
}

.cardha {
  background-color: #eaf6f6;
  border-radius: 10px;
}

.cardha a {
  display: flex;
}

.cardha .card {
  padding: 0;
}

.cardha .card .btn {
  width: 100%;
  color: #000;
}

.cardha .card li {
  text-align: right;
}

.cardha .card img {
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}

.taminkonande-page-1 .card .dropdown-menu {
  width: 100%;
  text-align: right;
  padding: 8px;
  line-height: 1.5;
  max-height: 100px;
  overflow: auto;
}

.taminkonande-page-1 .card .dropdown-menu p {
  margin-bottom: 0;
  text-align: right;
}

.taminkonande-page-1 .card .btn:first-child:active {
  border-color: #fff;
  color: #000;
}

.taminkonande-page-1 .btn-check:checked+.btn,
.taminkonande-page-1 .btn.active,
.taminkonande-page-1 .btn.show,
.taminkonande-page-1 .btn:first-child:active,
.taminkonande-page-1 :not(.btn-check)+.btn:active {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: #fff;
}

.taminkonande-page-1 .card img {
  padding: 16px 16px 0;
}

.taminkonande-page-1 .card-footer {
  background-color: #fff;
  border: none;
  padding-top: 0;
}

.taminkonande-page-1 .card-body {
  padding-bottom: 0;
}

.taminkonande-page-1 .card-body h5 {
  color: #000;
}

.taminkonande-page-1 .pagination1 .page-link {
  color: #24667c;
}

.taminkonande-page-1 .page-item:first-child .page-link {
  border-top-right-radius: var(--bs-pagination-border-radius);
  border-bottom-right-radius: var(--bs-pagination-border-radius);
  border-top-left-radius: 0%;
  border-bottom-left-radius: 0%;
}

.taminkonande-page-1 .page-item:last-child .page-link {
  border-top-left-radius: var(--bs-pagination-border-radius);
  border-bottom-left-radius: var(--bs-pagination-border-radius);
  border-top-right-radius: 0%;
  border-bottom-right-radius: 0%;
}

.taminkonande-page-1 .page-link {
  background-color: #eaf6f6;
}

.taminkonande-page-1 .page-link:focus {
  color: #fff;
  box-shadow: 0 0 0 0;
  background-color: #24667c;
}

.taminkonande-page-1 .card img {
  display: flex;
  margin: 0;
  object-fit: contain;
  width: 100%;
  height: 140px;
  padding: 0;
}

.taminkonande-page-1 .col {
  flex-direction: column;
  display: flex;
}

.taminkonande-page-1 .tabligh2 img {
  border-radius: 10px;
}

.taminkonande-page-1 .sort-search .row {
  margin-left: -11.4px !important;
  padding-bottom: 15px;
}

.guest-card .card-footer.mahsool-footer .row {
  justify-content: space-between;
}

.typography-1 {
  width: 160px !important;
}

@media only screen and (min-width: 1200px) {
  .taminkonande-page-1 .second-search {
    width: 35% !important;
  }
}

@media only screen and (max-width: 1200px) {
  .taminkonande-page-1 .card-body h5 {
    font-size: 17px;
  }

  .taminkonande-page-1 .accordion-body .form-control {
    font-size: 11px;
  }

  .taminkonande-page-1 .accordion-body .form-check-label {
    font-size: 13px;
  }
}

@media only screen and (max-width: 1000px) {
  .taminkonande-page-1 .second-search {
    display: none;
  }

  .taminkonande-page-1 .second-search-res {
    display: flex;
    justify-content: flex-end;
    margin-left: 0;
  }

  .taminkonande-page-1 .sort-search {
    padding-top: 0;
  }

  .taminkonande-page-1 .sort {
    display: none;
  }

  .taminkonande-page-1 .sort-resp {
    display: flex;
    justify-content: center;
    margin-right: 0;
  }

  .taminkonande-page-1 .filter-resp {
    display: flex;
  }

  .taminkonande-page-1 .hazf-filter button {
    font-size: 13px;
  }

  .taminkonande-page-1 .filter {
    display: none;
  }

  .taminkonande-page-1 .filters .accordion {
    padding: 10px;
    padding-top: 0;
  }

  .taminkonande-page-1 .filter-resp .offcanvas-header {
    padding-bottom: 0;
  }

  .taminkonande-page-1 .filter-resp .accordion-button {
    padding: 5px 10px;
  }

  .taminkonande-page-1 .filter-resp .accordion-flush .accordion-item:first-child {
    margin-bottom: 0;
  }

  .taminkonande-page-1 .filter-resp .accordion-flush .accordion-item .accordion-button,
  .taminkonande-page-1 .accordion-flush .accordion-item .accordion-button.collapsed {
    font-size: 13px;
  }

  .taminkonande-page-1 .filter-resp .accordion-body {
    padding-top: 0;
    padding-bottom: 10px;
  }

  .taminkonande-page-1 .filter-resp .form-check-label {
    font-size: 15px;
  }

  .taminkonande-page-1 .sort-search .form-switch {
    margin: 16px auto 16px 10px;
  }

  .cardha {
    padding: 10px;
  }

  .cardha .card {
    margin: 7.5px;
  }

  .taminkonande-page-1 .accordion-body .form-control {
    font-size: 13px;
    margin-bottom: 10px !important;
  }

  .taminkonande-page-1 .sort-resp .dropdown-menu {
    transform: translate3d(-22.5px, 45px, 0px) !important;
  }

  .taminkonande-page-1 .second-search-res .dropdown-menu {
    transform: translate3d(0px, 45px, 1px) !important;
  }

  .taminkonande-page-1 .filter-emal .bg-secondary {
    padding-bottom: 4.5px;
  }

  .taminkonande-page-1 .filter-emal button:not(:disabled) {
    padding-top: 2px !important;
  }

  .taminkonande-page-1 .card-body h5 {
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 768px) {
  .taminkonande-page-1 .title-page h1 {
    font-size: 25px;
  }

  .alert {
    font-size: 10px;
    padding-left: 13px;
  }

  .sabad-alert {
    font-size: 12px;
    line-height: 1.75 !important;
  }

  .cart-mat-2 {
    margin-top: 10px !important;
  }

  .cart-mat-3 {
    margin-top: 10px !important;
  }

  .taminkonande-page-1 .card-body h5 {
    font-size: 15px;
  }

  .taminkonande-page-1 .second-search input {
    font-size: 15px;
  }

  .taminkonande-page-1 .sort-resp h5 {
    font-size: 16px;
  }

  .taminkonande-page-1 .filter-resp h5 {
    font-size: 16px;
  }

  .cardha {
    margin-top: 0;
  }

  .taminkonande-page-1 .sort-resp .dropdown-menu {
    transform: translate3d(-22.5px, 45px, 0px) !important;
  }

  .taminkonande-page-1 .second-search-res .dropdown-menu {
    transform: translate3d(0px, 45px, 1px) !important;
  }

  .taminkonande-page-1 .card-body {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .header-modal .accordion-button {
    font-size: 14px;
    text-align: right;
  }

  .header-modal .accordion-body {
    font-size: 14px;
  }

  .guest-card .card-footer.mahsool-footer .row {
    justify-content: center;
  }
}

@media (min-width: 576px) and (max-width: 1000px) {

  .taminkonande-page-1 .aa [type="button"]:not(:disabled),
  .taminkonande-page-1 .aa [type="reset"]:not(:disabled),
  .taminkonande-page-1 .aa [type="submit"]:not(:disabled),
  .taminkonande-page-1 .aa button:not(:disabled) {
    padding: 6px 0;
  }
}

@media only screen and (max-width: 576px) {
  .taminkonande-page-1 .title-page h1 {
    font-size: 23px;
  }

  .cardha .card {
    margin: 2.5px;
  }

  .taminkonande-page-1 .sort-search .row {
    margin-left: 0 !important;
    padding-left: 0;
    margin-right: -4px !important;
  }

  .taminkonande-page-1 .card .dropdown-menu p {
    font-size: 12px;
  }

  .taminkonande-page-1 .aa {
    padding-left: 0;
  }

  .cardha .card .btn {
    font-size: 12.5px;
  }

  .taminkonande-page-1 .sort-resp h5 {
    font-size: 12px;
  }

  .taminkonande-page-1 .filter-resp {
    padding: 0;
  }

  .taminkonande-page-1 .filter-resp h5 {
    font-size: 12px;
  }

  .taminkonande-page-1 .sort-resp button {
    padding: 6px 0;
  }

  .taminkonande-page-1 .second-search input {
    font-size: 12px;
    padding: 0 12px;
  }

  .taminkonande-page-1 .sort-resp i {
    font-size: 20px;
    align-self: center;
  }

  .taminkonande-page-1 .filter-resp i {
    font-size: 17.5px;
    align-self: center;
  }

  .taminkonande-page-1 .filter-emal button:not(:disabled) {
    padding-bottom: 6px !important;
  }

  .taminkonande-page-1 .second-search {
    margin-left: auto;
    padding: 0;
  }

  .taminkonande-page-1 .card-body {
    padding: 0 10px;
  }

  .taminkonande-page-1 .card-body h5 {
    font-size: 13px;
  }

  .taminkonande-page-1 .sort-resp .dropdown-menu {
    transform: translate3d(-22.5px, 35px, 0px) !important;
  }

  .taminkonande-page-1 .second-search-res .dropdown-menu {
    transform: translate3d(0px, 35px, 1px) !important;
  }
}

@media only screen and (max-width: 376px) {
  .taminkonande-page-1 .card-body h5 {
    font-size: 13px;
  }

  .taminkonande-page-1 .title-page h1 {
    font-size: 21px;
  }
}

/*$$$$$$$$$$$$$$$$$$$$4          brand page 2       $$$$$$$$$$$$$$$$4*/

.brand-page-2 .baner-brand {
  border: 3px solid #428da7;
  border-radius: 10px;
  background-color: #fafafa;
}

.brand-page-2 .baner-img {
  margin: 25px 50px 10px 0;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: center;
}

.brand-page-2 .baner-img .brandpic1 {
  border: 3px solid #24667c;
  border-radius: 15px;
  margin-left: auto;
  margin-right: auto;
  object-fit: contain;
}

.brand-page-2 .baner-img #tabligh1 {
  margin-top: 30px;
}

.brand-page-2 .baner-img #tabligh1 img {
  border-radius: 10px;
}

.brand-page-2 .baner-tozih p {
  line-height: 1.75;
  text-align: justify;
  margin-bottom: 5px;
  max-height: 250px;
  overflow-y: auto;
  padding-left: 15px;
}

.brand-page-2 #more {
  display: none;
}

.brand-page-2 .blogha {
  justify-content: space-between;
  margin-top: 20px;
  margin-bottom: 20px;
}

.brand-page-2 .blogsa {
  margin-top: 10px;
  color: #000;
  justify-content: center;
}

.brand-page-2 .blogsa img {
  margin-bottom: 7.5px;
  border-radius: 10px;
}

.brand-page-2 .baner-tozih button {
  background-color: #fff;
  padding: 5px 10px;
  border: 2px solid #24667c;
  border-radius: 15px;
}

.brand-page-2 .baner-img img {
  border: 3px solid #24667c;
  border-radius: 15px;
  margin: 16px;
}

.brand-page-2 .baner-tozih-res .accordion-body {
  background-color: #fafafa;
  padding: 10px 10px 0;
}

.brand-page-2 .baner-tozih-res p {
  font-family: vazir;
  line-height: 1.75;
  text-align: justify;
  margin-bottom: 5px;
  max-height: 250px;
  overflow-y: scroll;
}

.brand-page-2 .baner-tozih-res .accordion-button {
  background-color: #fafafa;
  border: none;
}

.brand-page-2 .baner-tozih-res .accordion {
  --bs-accordion-border-color: none;
}

.brand-page-2 .sort-search {
  padding-top: 15px;
}

.brand-page-2 .sort-search hr {
  color: #61768a;
  margin: 10px auto !important;
}

.filter-emal p {
  margin-bottom: 7.55px;
}

.brand-page-2 .second-search {
  padding-left: 0;
  display: grid;
}

.brand-page-2 .second-search form {
  align-self: center;
}

.brand-page-2 .second-search button {
  border-radius: 15px 0 0 15px;
  left: 1px;
  position: relative;
  background-color: #eaf6f6;
}

.brand-page-2 .second-search button i {
  font-weight: bold;
}

.brand-page-2 .second-search input {
  border-radius: 0 15px 15px 0;
  border-color: #24667c;
  font-family: IRANSans;
}

.brand-page-2 .second-search .form-control:focus {
  box-shadow: 0 0 0 0;
  border-color: #000;
}

.brand-page-2 .second-search .btn:hover {
  color: var(--bs-btn-hover-color);
  background-color: #24667c;
}

.brand-page-2 .second-search-res {
  display: none;
}

.brand-page-2 .second-search-res .dropdown-toggle::after {
  display: none;
}

.brand-page-2 .second-search-res .dropdown-menu {
  --bs-dropdown-border-width: var(--bs-btn-hover-bg);
  font-size: 9px;
}

.brand-page-2 .second-search-res .form-control {
  font-size: 11px;
}

.brand-page-2 .sort-resp ul {
  transform: translate3d(0px, 45px, 0px);
}

.brand-page-2 .sort i {
  font-size: 25px;
}

.brand-page-2 .sort p {
  padding-top: 5px;
}

.brand-page-2 .sorts {
  padding-top: 5px;
  margin-right: 10px;
}

.brand-page-2 .sorts button {
  background-color: #fff;
  border: none;
}

.brand-page-2 .sorts button:hover {
  color: #24667c;
}

.brand-page-2 .sorts button:focus-within {
  color: #24667c;
}

.brand-page-2 .maratab p {
  white-space: nowrap;
}

.brand-page-2 .sort-resp {
  display: none;
  margin-right: 10px;
}

.brand-page-2 .sort-resp .dropdown-toggle::after {
  margin-right: 10px;
  align-self: center;
}

.brand-page-2 .sort-resp i {
  font-size: 25px;
  align-self: center;
}

.brand-page-2 .sort-resp h5 {
  align-self: center;
}

.brand-page-2 .sort-resp .dropdown-menu {
  transform: translate3d(-22.5px, 35px, 0px) !important;
  padding: 2px 0;
}

.brand-page-2 .btn-secondary {
  --bs-btn-color: #000000;
  --bs-btn-bg: #fff;
  --bs-btn-border-color: #fff;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #fff;
  --bs-btn-hover-border-color: #fff;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #fff;
  --bs-btn-active-border-color: #fff;
  background-color: transparent;
  color: #000;
  border: none;
}

.brand-page-2 .btn-secondary:focus {
  box-shadow: none;
}

.brand-page-2 .btn-secondary {
  background-color: transparent;
  color: #000;
  border: none;
  display: flex;
  align-items: center;
}

.brand-page-2 .btn-secondary h5 {
  font-size: 13px;
}

.brand-page-2 .dropdown-toggle::after {
  margin-right: 5px;
}

.sort a:hover {
  color: #24667c;
}

.filter-resp .btn {
  box-shadow: none;
}

.brand-page-2 .sort-resp .dropdown-item {
  text-align: right;
  line-height: 1.5;
  font-size: 13px;
}

.brand-page-2 .second-search-res .btn-group-vertical>.btn,
.brand-page-2 .btn-group>.btn {
  padding-left: 0;
}

.brand-page-2 .sort-search .form-switch {
  margin: 16px auto;
}

.brand-page-2 .filter-resp {
  display: none;
}

.brand-page-2 .filter-resp h5 {
  margin-bottom: 0;
  align-self: center;
}

.brand-page-2 .filter-resp i {
  font-size: 20px;
  align-self: center;
}

.brand-page-2 .second-search-res .form-control {
  border: none;
}

.brand-page-2 .second-search-res .dropdown-menu {
  border: solid 1px #53b8b9;
  padding: 0;
  transform: translate3d(0px, 35px, 1px) !important;
}

.form-control:focus {
  box-shadow: 0 0 0 0;
  border-color: #24667c;
}

.brand-page-2 .btn-outline-success {
  --bs-btn-color: #24667c;
  --bs-btn-border-color: #24667c;
  --bs-btn-hover-bg: #24667c;
  --bs-btn-hover-border-color: #24667c;
  --bs-btn-active-bg: #24667c;
  --bs-btn-active-border-color: #24667c;
}

.brand-page-2 #brandscroll {
  height: 150px;
  overflow-y: scroll;
}

.brand-page-2 #brandscrollr {
  height: 150px;
  overflow-y: scroll;
}

.brand-page-2 #dastescroll {
  height: 150px;
  overflow-y: scroll;
}

.brand-page-2 #dastescrollr {
  height: 150px;
  overflow-y: scroll;
}

.brand-page-2 .hazf-filter {
  padding: 0 0 20px 20px;
}

.brand-page-2 .hazf-filter button {
  background-color: #fff;
  border: none;
  color: #b50000;
}

.brand-page-2 .filter-emal .filterbadge {
  display: flex;
}

.brand-page-2 .filter-emal .bg-secondary {
  padding-bottom: 7.5px;
  border-radius: 20px;
}

.brand-page-2 .filters {
  border-radius: 10px;
  border: 0.5px solid rgba(0, 0, 0, 0.2);
}

.brand-page-2 .filters .accordion {
  padding: 20px;
  padding-bottom: 10px;
}

.brand-page-2 .accordion-item {
  margin-bottom: 10px;
  border: none;
}

.brand-page-2 .accordion-button {
  background-color: #fff;
  font-weight: bold;
}

.brand-page-2 .accordion-button:focus {
  box-shadow: 0 0 0 0;
  border-color: #000;
}

.brand-page-2 .accordion-flush .accordion-item .accordion-button,
.brand-page-2 .accordion-flush .accordion-item .accordion-button.collapsed {
  border-radius: 5px !important;
  background-color: #fff;
  color: #000;
  text-align: right;
  line-height: 2;
  padding: 10px 20px;
}

.brand-page-2 .accordion-flush .accordion-item .accordion-button.collapsed p {
  color: #797979;
}

.brand-page-2 .accordion-flush .accordion-item {
  background-color: #fff;
  margin-top: 5px;
  border-radius: 5px !important;
}

.brand-page-2 .accordion-button::after {
  margin-right: auto;
  margin-left: 0;
}

.brand-page-2 .balaro .accordion-button::after {
  display: none;
}

.brand-page-2 .balaro {
  display: none !important;
}

.brand-page-2 .accordion-button:not(.collapsed) {
  box-shadow: 0 0 0 0;
}

.brand-page-2 .form-check-label {
  margin-top: 5px;
}

.brand-page-2 .form-check-input:focus {
  box-shadow: 0 0 0 0;
}

.brand-page-2 #flexSwitchCheckChecked {
  padding: 10px 20px;
}

.brand-page-2 .cardha {
  background-color: #eaf6f6;
  border-radius: 10px;
}

.brand-page-2 .cardha a {
  display: flex;
}

.brand-page-2 .cardha .card {
  padding: 0;
  border-radius: 15px;
}

.brand-page-2 .cardha .card .btn {
  width: 100%;
  color: #000;
}

.brand-page-2 .cardha .card li {
  text-align: right;
}

.brand-page-2 .cardha .card img {
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
  padding: 10px;
}

.brand-page-2 .card .dropdown-menu {
  width: 100%;
  text-align: right;
  padding: 8px;
  line-height: 1.5;
}

.brand-page-2 .card .dropdown-menu p {
  margin-bottom: 0;
  text-align: right;
}

.brand-page-2 .card .btn:first-child:active {
  border-color: #fff;
  color: #000;
}

.brand-page-2 .btn-check:checked+.btn,
.brand-page-2 .btn.active,
.brand-page-2 .btn.show,
.brand-page-2 .btn:first-child:active,
.brand-page-2 :not(.btn-check)+.btn:active {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: #fff;
}

.brand-page-2 .card img {
  padding: 16px 16px 0;
}

.brand-page-2 .card p {
  color: #000;
  font-size: 13px;
  margin-bottom: 0;
}

.brand-page-2 .card-body {
  padding: 10px;
  padding-bottom: 7.5px !important;
}

.brand-page-2 .card-body h2 {
  color: #000;
  font-size: 20px;
  line-height: 1.5;
  font-size: 15px;
}

.brand-page-2 .card .card-footer {
  white-space: nowrap;
  line-height: 1.5;
  padding: 10px 16px;
}

.brand-page-2 .pagination1 .page-link {
  color: #24667c;
}

.brand-page-2 .page-item:first-child .page-link {
  /* border-top-right-radius: var(--bs-pagination-border-radius);
  border-bottom-right-radius: var(--bs-pagination-border-radius); */
  border-top-left-radius: 0%;
  border-bottom-left-radius: 0%;
}

.brand-page-2 .page-item:last-child .page-link {
  /* border-top-left-radius: var(--bs-pagination-border-radius);
  border-bottom-left-radius: var(--bs-pagination-border-radius); */
  border-top-right-radius: 0%;
  border-bottom-right-radius: 0%;
}

/* .brand-page-2 .page-link {
  background-color: #eaf6f6;
} */

.brand-page-2 .page-link:focus {
  color: #fff;
  box-shadow: 0 0 0 0;
  background-color: #24667c;
}

.brand-page-2 .baner-tozih-res {
  display: none;
}

.brand-page-2 .tabligh2 img {
  border-radius: 10px;
}

.brand-page-2 .sort-search .row {
  margin-left: -11.4px !important;
  padding-bottom: 15px;
}

.brand-page-2 .card img {
  display: flex;
  margin: 0;
  object-fit: contain;
  width: 100%;
  height: 140px;
  padding: 0;
}

.brand-page-2 .col {
  flex-direction: column;
  display: flex;
}

.title-bran {
  font-size: 25px;
  margin-top: 7.5px;
  white-space: nowrap;
  margin-bottom: 12px;
}

.sort-resp-2 {
  display: none;
  justify-content: center;
}

.sort-resp2 .dropdown-menu li a {
  text-align: right;
  font-size: 13px;
}

.use0t {
  display: none;
}

@media only screen and (min-width: 1200px) {
  .brand-page-2 .second-search {
    width: 35% !important;
  }
}

@media only screen and (max-width: 1200px) {
  .brand-page-2 .card-body h2 {
    font-size: 15px;
  }

  .brand-page-2 .card-body h5 {
    font-size: 17px;
  }

  .brand-page-2 .accordion-body .form-control {
    font-size: 11px;
  }

  .brand-page-2 .accordion-body .form-check-label {
    font-size: 13px;
  }

  .brand-page-2 .baner-img {
    align-content: flex-start;
  }

  .brand-page-2 .baner-img .brandpic1 {
    height: 175px !important;
    width: 175px !important;
  }
}

@media only screen and (max-width: 1000px) {
  .brand-page-2 .baner-tozih-res {
    display: block;
  }

  .use0t i {
    top: 20px;
    position: relative;
  }

  .use0t {
    display: block;
  }

  .sort-resp-2 {
    display: flex;
  }

  .brand-page-2 .baner-img {
    display: flex !important;
  }

  .brand-page-2 .baner-img h1 {
    font-size: 20px;
    line-height: 1.5;
  }

  .brand-page-2 .baner-img {
    margin: 25px 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0 25px;
  }

  .brand-page-2 .baner-tozih {
    display: none;
  }

  .brand-page-2 .second-search {
    display: none;
  }

  .brand-page-2 .second-search-res {
    display: flex;
    justify-content: flex-end;
    margin-left: 0;
  }

  .brand-page-2 .sort-search {
    padding-top: 0;
    margin-top: 8px !important;
  }

  .brand-page-2 .sort {
    display: none;
  }

  .brand-page-2 .sort-resp {
    display: flex;
    justify-content: center;
    margin-right: 0;
  }

  .brand-page-2 .filter-resp {
    display: flex;
  }

  .brand-page-2 .hazf-filter button {
    font-size: 13px;
  }

  .brand-page-2 .filter {
    display: none;
  }

  .brand-page-2 .filters .accordion {
    padding: 10px;
    padding-top: 0;
  }

  .brand-page-2 .filter-resp .offcanvas-header {
    padding-bottom: 0;
  }

  .brand-page-2 .filter-resp .accordion-button {
    padding: 5px 10px;
  }

  .brand-page-2 .filter-resp .accordion-flush .accordion-item:first-child {
    margin-bottom: 0;
  }

  .brand-page-2 .filter-resp .accordion-flush .accordion-item .accordion-button,
  .brand-page-2 .accordion-flush .accordion-item .accordion-button.collapsed {
    font-size: 13px;
  }

  .brand-page-2 .filter-resp .accordion-body {
    padding-top: 0;
    padding-bottom: 10px;
  }

  .brand-page-2 .filter-resp .form-check-label {
    font-size: 15px;
  }

  .brand-page-2 .sort-search .form-switch {
    margin: 16px auto 16px 10px;
  }

  .brand-page-2 .cardha .card {
    margin: 7.5px;
  }

  .brand-page-2 .accordion-body .form-control {
    font-size: 13px;
    margin-bottom: 10px !important;
  }

  .brand-page-2 .sort-resp .dropdown-menu {
    transform: translate3d(-22.5px, 45px, 0px) !important;
  }

  .brand-page-2 .second-search-res .dropdown-menu {
    transform: translate3d(0px, 45px, 1px) !important;
  }

  .brand-page-2 .filter-emal .bg-secondary {
    padding-bottom: 4.5px;
  }

  .brand-page-2 .filter-emal button:not(:disabled) {
    padding-top: 2px !important;
  }

  .brand-page-2 .baner-tozih-res .accordion-item:last-of-type .accordion-button {
    padding: 0 20px 5px;
    color: #000;
  }

  .brand-page-2 .baner-img .brandpic1 {
    height: 120px !important;
    width: 120px !important;
    object-fit: contain;
    margin: 0;
  }

  .brand-page-2 .card-body h5 {
    margin-bottom: 0;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 768px) {
  .brand-page-2 .title-page h1 {
    font-size: 25px;
  }

  .card-body h2 {
    font-size: 15px;
  }

  .second-search input {
    font-size: 15px;
  }

  .sort-resp h5 {
    font-size: 16px;
  }

  .filter-resp h5 {
    font-size: 16px;
  }

  .cardha {
    margin-top: 0;
  }

  .sort-resp .dropdown-menu {
    transform: translate3d(-22.5px, 45px, 0px) !important;
  }

  .second-search-res .dropdown-menu {
    transform: translate3d(0px, 45px, 1px) !important;
  }

  .blogha {
    flex-direction: column;
  }

  .blogha a {
    justify-content: center;
    display: grid;
    justify-items: center;
    margin-top: 10px;
  }

  .baner-img-res img {
    margin-bottom: 8px;
    margin-top: 8px;
    height: 100px !important;
    width: 100px !important;
  }

  .brand-page-2 .card-body {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
  }
}

@media (min-width: 576px) and (max-width: 1000px) {

  .brand-page-2 .aa [type="button"]:not(:disabled),
  .brand-page-2 .aa [type="reset"]:not(:disabled),
  .brand-page-2 .aa [type="submit"]:not(:disabled),
  .brand-page-2 .aa button:not(:disabled) {
    padding: 6px 0;
  }
}

@media only screen and (max-width: 576px) {
  .brand-page-2 .card-body {
    padding-bottom: 0px !important;
  }

  .brand-page-2 .cardha a {
    padding: 0 1px;
    margin-top: 4px;
  }

  .use0t i {
    top: 10px;
  }

  .brand-page-2 .title-page h1 {
    font-size: 23px;
  }

  .brand-page-2 .cardha .card {
    margin: 2.5px;
  }

  .brand-page-2 .cardha .card .btn {
    font-size: 12.5px;
  }

  .brand-page-2 .sort-resp h5 {
    font-size: 12px;
  }

  .brand-page-2 .aa {
    padding-left: 0;
  }

  .brand-page-2 .filter-resp {
    padding: 0;
  }

  .brand-page-2 .filter-resp h5 {
    font-size: 12px;
  }

  .brand-page-2 .sort-resp button {
    padding: 6px 0;
  }

  .brand-page-2 .second-search input {
    font-size: 12px;
    padding: 0 12px;
  }

  .brand-page-2 .sort-resp i {
    font-size: 20px;
    align-self: center;
  }

  .brand-page-2 .filter-resp i {
    font-size: 17.5px;
    align-self: center;
  }

  .brand-page-2 .filter-emal button:not(:disabled) {
    padding-bottom: 6px !important;
  }

  .brand-page-2 .second-search {
    margin-left: auto;
    padding: 0;
  }

  .brand-page-2 .card-body {
    padding: 10px 10px 0;
  }

  .brand-page-2 .card-body h2 {
    font-size: 13px;
  }

  .brand-page-2 .card-body h5 {
    font-size: 13px;
  }

  .h5br {
    margin-bottom: 7.5px !important;
  }

  .brand-page-2 .blogsa img {
    max-width: 80% !important;
  }

  .brand-page-2 .sort-resp .dropdown-menu {
    transform: translate3d(-22.5px, 35px, 0px) !important;
  }

  .brand-page-2 .second-search-res .dropdown-menu {
    transform: translate3d(0px, 35px, 1px) !important;
  }

  .brand-page-2 .sort-search .row {
    margin-left: 0 !important;
  }

  .brand-page-2 .card p {
    font-size: 11px;
  }
}

@media only screen and (max-width: 376px) {
  .brand-page-2 .card-body h2 {
    font-size: 13px;
  }

  .brand-page-2 .title-page h1 {
    font-size: 21px;
  }
}

/*$$$$$$$$$$$$$$$$             ghorfe           $$$$$$$$$$$$$$$$*/

.ghorfe .heading-baner {
  width: 100%;
  height: 310px;
  border: 3px solid #428da7;
  border-radius: 10px;
}

.ghorfe .heading-baner {
  position: inherit;
  background-image: url("../images/ghorfe-baner.webp");
  /* background-image: url("../images/baner3.webp"); */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.ghorfe .heading-baner .baner-pic img {
  border-radius: 7.5px;
  opacity: 0.5;
}

.ghorfe .logo-heading {
  /* background-color: rgba(255, 255, 255, 0.5); */
  border-radius: 15px;
  margin: 20px 25px 10px 0;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: center;
  padding: 20px 0px 15px;
}

.ghorfe .logo-heading .brandpic1 {
  border: 3px solid #24667c;
  border-radius: 15px;
  margin-left: auto;
  margin-right: auto;
  opacity: 1 !important;
  margin-bottom: 5px;
  padding: 10px;
}

.ghorfe .translate-middle {
  transform: translate(-70%, 50%) !important;
}

.ghorfe .btn-primary {
  background-color: #24667c;
  border: 3px solid #24667c;
}

.ghorfe .heading-baner .btn:hover {
  color: var(--bs-btn-hover-color);
  background-color: #24667c;
  border-color: #24667c;
}

.ghorfe .heading-baner .btn-check:checked+.btn,
.ghorfe .heading-baner .btn.active,
.ghorfe .heading-baner .btn.show,
.ghorfe .heading-baner .btn:first-child:active,
.ghorfe .heading-baner :not(.btn-check)+.btn:active {
  color: var(--bs-btn-hover-color);
  background-color: #24667c;
  border-color: #24667c;
}

.ghorfe .heading-baner .btn:focus-visible {
  color: var(--bs-btn-hover-color);
  background-color: #24667c;
  border-color: #24667c;
  border: none;
}

.ghorfe .heading-baner .btn-check:checked+.btn,
.ghorfe .heading-baner .btn.active,
.ghorfe .heading-baner .btn.show,
.ghorfe .heading-baner .btn:first-child:active,
.ghorfe .heading-baner :not(.btn-check)+.btn:active {
  color: var(--bs-btn-hover-color);
  background-color: #24667c !important;
  border-color: #24667c;
}

.ghorfe .heading-baner .btn:focus-visible {
  color: var(--bs-btn-hover-color);
  background-color: #24667c !important;
  border-color: #24667c;
}

.ghorfe .bi-x-lg::before {
  display: none;
}

.ghorfe .modal-header .btn-close {
  margin: 0;
}

.ghorfe .modal-body {
  line-height: 2;
  text-align: justify;
}

.ghorfe .modal-body p {
  padding-left: 10px;
  padding-right: 10px;
}

.ghorfe .btngro {
  margin-right: 10px;
  display: flex;
  justify-content: space-between;
}

.ghorfe .btngro button {
  z-index: 1005;
  position: relative;
  border-radius: 0 0 10px 10px;
}

.ghorfe .btngro.btngr button:hover {
  background-color: #4ad3d3;
  border-color: #4ad3d3;
  color: #445268;
}

.ghorfe .ticketha button {
  border-radius: 10px !important;
}

.ghorfe .btn-close:hover {
  background-color: transparent !important;
}

.ghorfe .btn-close:focus {
  box-shadow: none;
}

.ghorfe .ersal {
  margin-left: 10px;
}

.ghorfe .ersal button {
  background-color: #ffa724;
  border-color: #ffa724;
}

.ghorfe .ersal button:hover {
  background-color: #cd7b00 !important;
  border-color: #cd7b00 !important;
  color: #fff !important;
}

.ghorfe .ersal button:active {
  background-color: #cd7b00;
  border-color: #cd7b00;
}

.ghorfe #exampleModal5 .modal-content {
  height: 790px;
}

.ghorfe .gallery .owl-carousel .owl-item img {
  height: 225px;
}

.ghorfe .gallery .owl-carousel .owl-item img:focus {
  transform: scale(1.2);
}

.ghorfe #exampleModal3 td {
  text-align: center;
}

.ghorfe #exampleModal4 tr {
  width: 50%;
}

.ghorfe #exampleModal4 td {
  width: 50%;
}

.ghorfe td {
  text-align: center;
}

.ghorfe td a {
  color: #000;
}

.ghorfe td p {
  display: inline;
}

.ghorfe td i {
  margin-right: 100px;
}

.ghorfe .logo-heading h1 {
  font-size: 3rem;
  color: #fff;
  text-shadow: -2px 2px 1px #24667c, 2px -2px 1px #24667c;
}

.ghorfe .head-baner-res {
  display: none;
}

.ghorfe .head-baner-res .bg-body-tertiary {
  position: absolute;
  background-color: transparent !important;
}

.ghorfe #ersal2 {
  display: none !important;
}

/* .ghorfe #ersal1 {
  display: inline !important;
} */

.mahsool-details .bi-file-earmark-arrow-down,
.mahsool-details-res .bi-file-earmark-arrow-down {
  font-size: 40px;
  color: #24667c;
}

.ghorfe .btngro-res {
  display: none;
}

.ghorfe .imgbrandpic2 {
  position: absolute;
}

.ghorfe .head-baner-res .logo-heading {
  margin: 10px 0;
}

.ghorfe .btngro-res .offcanvas-body .btngro {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.ghorfe .btngro-res .offcanvas-body .btngro button {
  display: block;
  margin: 5px 0;
  border-radius: 10px;
  width: 165px;
  padding-bottom: 5px;
  padding-top: 5px;
}

.ghorfe .modal-header {
  white-space: nowrap;
}

.brand-taht {
  padding: 0 10px;
}

.brand-taht .col-3 {
  padding: 5px;
  text-align: center;
}

.ghorfe .sort-search {
  padding-top: 15px;
}

.ghorfe .sort-search hr {
  color: #61768a;
  margin: 10px auto !important;
}

.filter-emal p {
  margin-bottom: 7.55px;
}

.ghorfe .second-search {
  padding-left: 0;
  display: grid;
}

.ghorfe .second-search form {
  align-self: center;
}

.ghorfe .second-search button {
  border-radius: 15px 0 0 15px;
  left: 1px;
  position: relative;
  background-color: #eaf6f6;
}

.ghorfe .second-search button i {
  font-weight: bold;
}

.ghorfe .second-search input {
  border-radius: 0 15px 15px 0;
  border-color: #24667c;
  font-family: IRANSans;
}

.ghorfe .second-search .form-control:focus {
  box-shadow: 0 0 0 0;
  border-color: #000;
}

.ghorfe .second-search .btn:hover {
  color: var(--bs-btn-hover-color);
  background-color: #24667c;
}

.ghorfe .second-search-res {
  display: none;
}

.ghorfe .second-search-res .dropdown-toggle::after {
  display: none;
}

.ghorfe .second-search-res .dropdown-menu {
  --bs-dropdown-border-width: var(--bs-btn-hover-bg);
  font-size: 9px;
}

.ghorfe .second-search-res .form-control {
  font-size: 11px;
}

.ghorfe .sort-resp ul {
  transform: translate3d(0px, 45px, 0px);
}

.ghorfe .sort i {
  font-size: 25px;
}

.ghorfe .sort p {
  padding-top: 5px;
}

.ghorfe .sorts {
  padding-top: 5px;
  margin-right: 10px;
}

.ghorfe .sorts button {
  background-color: #fff;
  border: none;
}

.ghorfe .sorts button:hover {
  color: #24667c;
}

.ghorfe .sorts button:focus-within {
  color: #24667c;
}

.ghorfe .maratab p {
  white-space: nowrap;
}

.ghorfe .sort-resp {
  display: none;
  margin-right: 10px;
}

.ghorfe .sort-resp .dropdown-toggle::after {
  margin-right: 10px;
  align-self: center;
}

.ghorfe .sort-resp i {
  font-size: 25px;
  align-self: center;
}

.ghorfe .sort-resp h5 {
  align-self: center;
}

.ghorfe .sort-resp .dropdown-menu {
  transform: translate3d(-22.5px, 35px, 0px) !important;
  padding: 2px 0;
}

.ghorfe .btn-secondary {
  --bs-btn-color: #000000;
  --bs-btn-bg: #fff;
  --bs-btn-border-color: #fff;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #fff;
  --bs-btn-hover-border-color: #fff;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #fff;
  --bs-btn-active-border-color: #fff;
}

.ghorfe .sort-resp .dropdown-item {
  text-align: right;
  line-height: 1.5;
  font-size: 13px;
}

.ghorfe .second-search-res .btn-group-vertical>.btn,
.ghorfe .btn-group>.btn {
  padding-left: 0;
}

.ghorfe .sort-search .form-switch {
  margin: 16px auto;
}

.ghorfe .filter-resp {
  display: none;
}

.ghorfe .filter-resp h5 {
  margin-bottom: 0;
  align-self: center;
}

.ghorfe .filter-resp i {
  font-size: 20px;
  align-self: center;
}

.ghorfe .second-search-res .form-control {
  border: none;
}

.ghorfe .second-search-res .dropdown-menu {
  border: solid 1px #53b8b9;
  padding: 0;
  transform: translate3d(0px, 35px, 1px) !important;
}

.ghorfe .form-control:focus {
  box-shadow: 0 0 0 0;
  border-color: #24667c;
}

.ghorfe .btn-outline-success {
  --bs-btn-color: #24667c;
  --bs-btn-border-color: #24667c;
  --bs-btn-hover-bg: #24667c;
  --bs-btn-hover-border-color: #24667c;
  --bs-btn-active-bg: #24667c;
  --bs-btn-active-border-color: #24667c;
}

.ghorfe #brandscroll {
  height: 150px;
  overflow-y: scroll;
}

.ghorfe #brandscrollr {
  height: 150px;
  overflow-y: scroll;
}

.ghorfe #dastescroll {
  height: 150px;
  overflow-y: scroll;
}

.ghorfe #dastescrollr {
  height: 150px;
  overflow-y: scroll;
}

.ghorfe .hazf-filter {
  padding: 0 0 20px 20px;
}

.ghorfe .hazf-filter button {
  background-color: #fff;
  border: none;
  color: #b50000;
}

.ghorfe .filter-emal .filterbadge {
  display: flex;
}

.ghorfe .filter-emal .bg-secondary {
  padding-bottom: 7.5px;
  border-radius: 20px;
}

.ghorfe .filters {
  border-radius: 10px;
  border: 0.5px solid rgba(0, 0, 0, 0.2);
}

.ghorfe .filters .accordion {
  padding: 20px;
  padding-bottom: 10px;
}

.ghorfe .accordion-item {
  margin-bottom: 10px;
}

.ghorfe .accordion-button {
  font-weight: bold;
}

.ghorfe .accordion-button:focus {
  box-shadow: 0 0 0 0;
  border-color: #000;
}

.ghorfe .accordion-flush .accordion-item .accordion-button,
.ghorfe .accordion-flush .accordion-item .accordion-button.collapsed {
  border-radius: 5px !important;
  background-color: #fff;
  color: #000;
  text-align: right;
  line-height: 2;
  padding: 10px 20px;
}

.ghorfe .accordion-flush .accordion-item .accordion-button.collapsed p {
  color: #797979;
}

.ghorfe .accordion-flush .accordion-item {
  background-color: #fff;
  margin-top: 5px;
  border-radius: 5px !important;
}

.ghorfe .accordion-button::after {
  margin-left: 10px;
}

.ghorfe .balaro .accordion-button::after {
  display: none;
}

.ghorfe .accordion-button:not(.collapsed) {
  box-shadow: 0 0 0 0;
}

.ghorfe .form-check-label {
  margin-top: 5px;
}

.form-check-input:focus {
  box-shadow: 0 0 0 0;
}

.ghorfe #flexSwitchCheckChecked {
  padding: 10px 20px;
}

.ghorfe .cardha {
  background-color: #eaf6f6;
  border-radius: 10px;
}

.ghorfe .cardha a {
  display: flex;
}

.ghorfe .cardha .card {
  padding: 0;
}

.ghorfe .cardha .card .btn {
  width: 100%;
  color: #000;
}

.ghorfe .cardha .card li {
  text-align: right;
}

.ghorfe .cardha .card img {
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}

.ghorfe .card .dropdown-menu {
  width: 100%;
  text-align: right;
  padding: 8px;
  line-height: 1.5;
}

.ghorfe .card .dropdown-menu p {
  margin-bottom: 0;
  text-align: right;
}

.ghorfe .card .btn:first-child:active {
  border-color: #fff;
  color: #000;
}

.ghorfe .btn-check:checked+.btn,
.ghorfe .btn.active,
.ghorfe .btn.show,
.ghorfe .btn:first-child:active,
.ghorfe :not(.btn-check)+.btn:active {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: #fff;
}

.ghorfe .card img {
  padding: 16px 16px 0;
}

.ghorfe .card p {
  color: #000;
  font-size: 13px;
  margin-bottom: 0;
}

.ghorfe .card-body {
  padding-bottom: 10px;
}

.ghorfe .card-body h3 {
  color: #000;
  font-size: 20px;
}

.ghorfe .card .card-footer {
  white-space: nowrap;
  line-height: 1.5;
  padding: 10px 16px;
}

.ghorfe .pagination1 .page-link {
  color: #24667c;
}

.ghorfe .page-item:first-child .page-link {
  border-top-right-radius: var(--bs-pagination-border-radius);
  border-bottom-right-radius: var(--bs-pagination-border-radius);
  border-top-left-radius: 0%;
  border-bottom-left-radius: 0%;
}

.ghorfe .page-item:last-child .page-link {
  border-top-left-radius: var(--bs-pagination-border-radius);
  border-bottom-left-radius: var(--bs-pagination-border-radius);
  border-top-right-radius: 0%;
  border-bottom-right-radius: 0%;
}

.ghorfe .page-link {
  background-color: #eaf6f6;
}

.ghorfe .page-link:focus {
  color: #fff;
  box-shadow: 0 0 0 0;
  background-color: #24667c;
}

.ghorfe .baner-tozih-res {
  display: none;
}

.ghorfe .baner-img-res {
  display: none !important;
}

.ghorfe .tabligh2 img {
  border-radius: 10px;
}

.ghorfe .sort-search .row {
  margin-left: -11.4px !important;
  padding-bottom: 15px;
}

.ghorfe .card img {
  display: flex;
  margin: auto;
  object-fit: contain;
  width: 168px;
  height: 130px;
}

.ghorfe .tabligh2 img {
  border-radius: 10px;
}

.ghorfe .btngro-res .navbar button {
  z-index: 0;
}

.ghorfe .navbar button {
  padding: 2.5px;
}

.ghorfe .navbar-toggler-icon {
  width: 16px;
  height: 15px;
}

.ghorfe .card img {
  display: flex;
  margin: 0;
  object-fit: contain;
  width: 100%;
  height: 140px;
  padding: 0;
}

.ghorfe .col {
  flex-direction: column;
  display: flex;
}

@media only screen and (min-width: 1000px) {
  .ghorfe #exampleModal1 .modal-content {
    width: 790px;
    height: 535px;
    transform: translateX(101px);
  }

  .ghorfe #exampleModal2 .modal-content {
    width: 790px;
    transform: translateX(101px);
  }
}

@media only screen and (min-width: 1200px) {
  .ghorfe .second-search {
    width: 35% !important;
  }

  .logo-heading {
    width: 22.5%;
  }
}

@media only screen and (max-width: 1200px) {
  .ghorfe .card-body h3 {
    font-size: 17px;
  }

  .ghorfe .accordion-body .form-control {
    font-size: 11px;
  }

  .ghorfe .accordion-body .form-check-label {
    font-size: 13px;
  }

  .ghorfe .baner-img {
    align-content: flex-start;
  }

  .ghorfe .baner-img .brandpic1 {
    height: 175px !important;
    width: 175px !important;
  }
}

@media (min-width: 768px) and (max-width: 1000px) {
  .ghorfe .head-baner-r-img {
    display: grid;
    margin-right: 50px;
  }

  .ghorfe .heading-materials {
    justify-self: start !important;
  }

  .ghorfe #ersal2 {
    display: inline !important;
  }
}

@media only screen and (max-width: 1000px) {
  /* .ghorfe #ersal1 {
    display: inline !important;
  } */

  .ghorfe #a111 .container {
    max-width: 100%;
  }

  .ghorfe .head-baner-res {
    display: flex;
  }

  .ghorfe .heading-baner {
    display: none;
  }

  .ghorfe .baner-img {
    display: none;
  }

  .ghorfe .baner-tozih {
    display: none;
  }

  .ghorfe .second-search {
    display: none;
  }

  .ghorfe .second-search-res {
    display: flex;
    justify-content: flex-end;
    margin-left: 0;
  }

  .ghorfe .sort-search {
    padding-top: 0;
    margin-top: 8px !important;
  }

  .ghorfe .sort {
    display: none;
  }

  .ghorfe .sort-resp {
    display: flex;
    justify-content: center;
    margin-right: 0;
  }

  .ghorfe .filter-resp {
    display: flex;
  }

  .ghorfe .hazf-filter button {
    font-size: 13px;
  }

  .ghorfe .filter {
    display: none;
  }

  .ghorfe .filters .accordion {
    padding: 10px;
    padding-top: 0;
  }

  .ghorfe .filter-resp .offcanvas-header {
    padding-bottom: 0;
  }

  .ghorfe .filter-resp .accordion-button {
    padding: 5px 10px;
  }

  .ghorfe .filter-resp .accordion-flush .accordion-item:first-child {
    margin-bottom: 0;
  }

  .ghorfe .filter-resp .accordion-flush .accordion-item .accordion-button,
  .ghorfe .accordion-flush .accordion-item .accordion-button.collapsed {
    font-size: 13px;
  }

  .ghorfe .ersal {
    margin-left: 0;
  }
}

/* .sabad-kharid .number-title span {
  padding-top: 13px;
  font-size: 14px;
} */

.ghorfe .filter-resp .accordion-body {
  padding-top: 0;
  padding-bottom: 10px;
}

.ghorfe .filter-resp .form-check-label {
  font-size: 15px;
}

.ghorfe .sort-search .form-switch {
  margin: 16px auto 16px 10px;
}

.ghorfe .cardha {
  padding: 10px;
}

.ghorfe .cardha .card {
  margin: 7.5px;
}

.ghorfe .accordion-body .form-control {
  font-size: 13px;
  margin-bottom: 10px !important;
}

.ghorfe .sort-resp .dropdown-menu {
  transform: translate3d(-22.5px, 45px, 0px) !important;
}

.ghorfe .second-search-res .dropdown-menu {
  transform: translate3d(0px, 45px, 1px) !important;
}

.ghorfe .filter-emal .bg-secondary {
  padding-bottom: 4.5px;
}

.ghorfe .filter-emal button:not(:disabled) {
  padding-top: 2px !important;
}

.ghorfe .baner-tozih-res .accordion-item:last-of-type .accordion-button {
  padding: 0 20px 5px;
}

.ghorfe .baner-img-res img {
  height: 120px !important;
  width: 120px !important;
  object-fit: contain;
}

.ghorfe .btngro button {
  font-size: 12px;
  margin: 0 2px;
}

.ghorfe .btngro button:focus {
  box-shadow: none;
}

.ghorfe #ersal2 {
  margin-right: 0;
}

.ghorfe .head-baner-res {
  /* background-image: url(../images/baner3.webp); */
  background-image: url("../images/ghorfe-baner.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.ghorfe .head-baner-res .logo-heading {
  width: 175px;
}

.ghorfe .logo-heading h1 {
  font-size: 2rem;
}

.bzoodi {
  color: #fff;
  background-color: red;
  border-radius: 5px;
  padding: 1px 5px;
  font-size: 10px;
  position: relative;
  left: -16px;
  padding-bottom: 2px;
}

.bzoodi2 {
  color: #fff;
  background-color: red;
  border-radius: 5px;
  padding: 3px 5px;
  font-size: 10px;
  position: relative;
  left: -16px;
  top: 5px;
  width: 46px;
}

.bzoodi-a {
  color: #fff;
  background-color: red;
  border-radius: 5px;
  padding: 1px 5px;
  font-size: 10px;
  position: relative;
  left: -40px;
  bottom: 10px;
  height: 15px;
}

.bzoodi-z {
  color: #fff;
  background-color: red;
  border-radius: 5px;
  padding: 2px 5px 1px;
  font-size: 10px;
  position: relative;
  height: 15px;
  top: 10px;
  left: 15px;
}

.bzoodi-b1 {
  color: #fff;
  background-color: red;
  border-radius: 5px;
  padding: 0;
  font-size: 10px;
  position: relative;
  left: -96px;
  top: 30px;
  z-index: 1010;
  height: 20px;
  width: 45.87px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bzoodi-b2 {
  color: #fff;
  background-color: red;
  border-radius: 5px;
  padding: 0;
  font-size: 10px;
  position: relative;
  left: -23px;
  top: 30px;
  z-index: 1010;
  height: 20px;
  width: 45.87px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media only screen and (max-width: 768px) {
  .ghorfe .btngro-res {
    display: block;
  }

  .bzoodi-b1,
  .bzoodi-b2 {
    display: none;
  }

  .ghorfe .title-page h1 {
    font-size: 25px;
  }

  .ghorfe .card-body h3 {
    font-size: 15px;
  }

  .ghorfe .second-search input {
    font-size: 15px;
  }

  .ghorfe .sort-resp h5 {
    font-size: 16px;
  }

  .ghorfe .filter-resp h5 {
    font-size: 16px;
  }

  .ghorfe .cardha {
    margin-top: 0;
  }

  .ghorfe .sort-resp .dropdown-menu {
    transform: translate3d(-22.5px, 45px, 0px) !important;
  }

  .ghorfe .second-search-res .dropdown-menu {
    transform: translate3d(0px, 45px, 1px) !important;
  }

  .ghorfe .blogha {
    flex-direction: column;
  }

  .ghorfe .blogha a {
    justify-content: center;
    display: grid;
    justify-items: center;
    margin-top: 10px;
  }

  .ghorfe .baner-img-res img {
    margin-bottom: 8px;
    margin-top: 8px;
    height: 100px !important;
    width: 100px !important;
  }

  .ghorfe .head-baner-res .btngro-res .offcanvas {
    z-index: 2100;
  }

  .ghorfe .head-baner-res .btngro-res .modal {
    z-index: 2200;
  }

  .ghorfe .modal-backdrop {
    z-index: 2020;
  }

  .ghorfe td i {
    margin-right: 0px;
  }

  .ghorfe .head-baner-res .logo-heading {
    width: 114px;
    padding-top: 7px;
    margin-top: 12px;
    padding-left: 0;
  }

  .ghorfe .logo-heading .brandpic1 {
    margin-bottom: 0px;
    padding: 2.5px;
  }

  .ghorfe .logo-heading {
    padding-bottom: 7px;
    height: auto;
  }
}

@media (min-width: 576px) and (max-width: 1000px) {

  .ghorfe .aa [type="button"]:not(:disabled),
  .ghorfe .aa [type="reset"]:not(:disabled),
  .ghorfe .aa [type="submit"]:not(:disabled),
  .ghorfe .aa button:not(:disabled) {
    padding: 6px 0;
  }
}

@media only screen and (max-width: 576px) {
  .ghorfe .btngro {
    margin-right: -10px;
  }

  .ghorfe .title-page h1 {
    font-size: 18px;
  }

  .ghorfe .cardha .card .btn {
    font-size: 12.5px;
  }

  .ghorfe .sort-resp h5 {
    font-size: 12px;
  }

  .ghorfe .filter-resp {
    padding: 0;
  }

  .ghorfe .filter-resp h5 {
    font-size: 12px;
  }

  .ghorfe .sort-resp button {
    padding: 6px 0;
  }

  .ghorfe .second-search input {
    font-size: 12px;
    padding: 0 12px;
  }

  .ghorfe .sort-resp i {
    font-size: 20px;
    align-self: center;
  }

  .ghorfe .filter-resp i {
    font-size: 17.5px;
    align-self: center;
  }

  .ghorfe .filter-emal button:not(:disabled) {
    padding-bottom: 6px !important;
  }

  .ghorfe .second-search {
    margin-left: auto;
    padding: 0;
  }

  .ghorfe .aa {
    padding-left: 0;
  }

  .ghorfe .card-body {
    padding: 10px 10px 0;
  }

  .ghorfe .card-body h3 {
    font-size: 13px;
  }

  .ghorfe .blogsa img {
    max-width: 80% !important;
  }

  .ghorfe .sort-resp .dropdown-menu {
    transform: translate3d(-22.5px, 35px, 0px) !important;
  }

  .ghorfe .second-search-res .dropdown-menu {
    transform: translate3d(0px, 35px, 1px) !important;
  }

  .ghorfe .card p {
    font-size: 11px;
  }

  .ghorfe .sort-search .row {
    margin-left: -2px !important;
  }
}

@media only screen and (max-width: 376px) {
  .ghorfe .card-body h3 {
    font-size: 13px;
  }
}

@media only screen and (max-width: 1400px) {
  .ghorfe .heading-baner .baner-pic img {
    width: 1110px;
  }
}

@media only screen and (max-width: 1200px) {
  .ghorfe .baner-img {
    align-content: flex-start;
  }

  .ghorfe .baner-img .brandpic1 {
    height: 175px !important;
    width: 175px !important;
  }
}

@media only screen and (max-width: 1000px) {
  .ghorfe .baner-tozih-res {
    display: block;
  }

  .ghorfe .baner-img-res {
    display: flex !important;
  }

  .ghorfe .baner-img {
    display: none;
  }

  .ghorfe .baner-tozih {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  .ghorfe .title-page h1 {
    font-size: 25px;
  }
}

/*$$$$$$$$$$$$$$$$$$$$          product page         $$$$$$$$$$$$$$$$$*/

/*                   mahsool                     */

/* // Styling */

.product-page .carousel img {
  border-radius: 5px !important;
}

.product-page .carousel {
  display: flex;
  position: relative;
  flex-direction: row-reverse;
  justify-content: space-between;
}

.product-page .carousel__slides {
  position: relative;
  z-index: 1;
  padding: 0;
  margin: 0;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
  display: flex;
}

.product-page .mahsool .mahsool-details h6 {
  line-height: 1.5;
}

.product-page .mahsool .mahsool-details span {
  opacity: 0.8;
}

.product-page .mahsool .mahsool-pic img {
  border-radius: 10px;
}

.product-page .mahsool-details-res {
  display: none;
}

.product-page .modal-body {
  text-align: right;
  white-space: normal;
  line-height: 1.5;
}

.product-page .mahsool .mahsool-details h2,
.product-page .mahsool .mahsool-details h3,
.product-page .mahsool .mahsool-details h5 {
  font-size: 16px;
}

.product-page .mahsool h1 {
  font-size: 2rem;
  line-height: 1.5;
}

.product-page .mahsool .dropdown-center {
  display: flex;
}

.product-page .mahsool .dropdown-center {
  width: 100%;
}

.product-page .filters [type="button"]:not(:disabled),
.product-page .filters [type="reset"]:not(:disabled),
.product-page .filters [type="submit"]:not(:disabled),
.product-page .filters button:not(:disabled) {
  width: 100% !important;
}

.product-page .filters .dropdown-menu {
  margin-top: 5px !important;
  width: 93% !important;
  text-align: right !important;
  padding: 10px 10px 0;
  height: 120px;
  overflow: auto;
}

.product-page .filters .btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #24667c;
  --bs-btn-border-color: #24667c;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #4ad3d3;
  --bs-btn-hover-border-color: #4ad3d3;
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4ad3d3;
  --bs-btn-active-border-color: #4ad3d3;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #24667c;
  --bs-btn-disabled-border-color: #24667c;
}

.product-page .dropdown-center .btn-secondary {
  background-color: #24667c;
  display: flex !important;
  justify-content: space-between !important;
}

.product-page .dropdown-center .btn-secondary:hover {
  background-color: #428da7;
}

.jadval td .btn-primary {
  background-color: transparent;
  border: none;
  padding: 0;
}

/* .jadval td .btn-primary:hover {
  background-color: #428da7;
} */

.jadval td .btn-primary:focus {
  box-shadow: none;
}

.product-page .filters .dropdown-center {
  width: 22%;
}

.product-page .filters .hazf {
  width: 10%;
}

.product-page .filters .hazf button {
  border: none;
  background-color: transparent;
}

.product-page .filters-resp {
  display: none;
}

.product-page .filters-resp button {
  font-size: 15px;
  border: none;
  background-color: transparent;
}

.product-page .filters-resp button i {
  font-size: 20px;
}

.product-page .filters-resp ul {
  padding: 0;
}

.product-page .filters-resp .accordion-button::after {
  margin-left: 0;
  margin-right: auto;
}

.product-page .filters-resp .accordion-button:focus {
  box-shadow: none;
}

.product-page .filters-resp .accordion-body {
  background-color: #f4fcfb;
  padding: 10px 20px;
  height: 150px;
  overflow: auto;
}

.product-page .entekhab .bg-secondary {
  padding-bottom: 5px;
  border-radius: 20px;
  margin: auto 5px;
  font-size: 12.5px;
}

.product-page .entekhab [type="button"]:not(:disabled),
.product-page .entekhab [type="reset"]:not(:disabled),
.product-page .entekhab [type="submit"]:not(:disabled),
.product-page .entekhab button:not(:disabled) {
  width: auto !important;
  padding: 0px 0px 5px 11px;
}

.product-page .entekhab-res .bg-secondary {
  padding-bottom: 5px;
  border-radius: 20px;
  margin: auto 5px;
  font-size: 12.5px;
}

.product-page .entekhab-res [type="button"]:not(:disabled),
.product-page .entekhab [type="reset"]:not(:disabled),
.product-page .entekhab [type="submit"]:not(:disabled),
.product-page .entekhab button:not(:disabled) {
  width: auto !important;
  padding: 0px 0px 5px 11px;
}

.product-page .entekhab-res h6 {
  font-size: 13px;
}

.product-page .table {
  margin-bottom: 5px;
}

.product-page .tab-pane {
  padding: 10px;
  background-color: #f4fcfb;
  line-height: 1.5;
  border-radius: 0 0 10px 10px;
  text-align: justify;
}

.product-page .tab-content {
  border: 0.2px solid rgba(0, 0, 0, 0.15);
  border-radius: 0 0 10px 10px;
}

.product-page .nav-tabs .nav-link.active {
  background-color: #24667c;
  color: #fff !important;
}

.product-page .tozih [type="button"]:not(:disabled) {
  color: #000;
}

.product-page .tozih .nav-tabs .nav-link {
  border: 0.2px solid rgba(0, 0, 0, 0.15);
}

.product-page .accordion-body p {
  text-align: justify;
  font-weight: normal;
}

.product-page tbody {
  border: 0.2px solid rgba(0, 0, 0, 0.15);
  border-radius: 10px !important;
}

.product-page thead th {
  background-color: #cecece !important;
  text-align: center;
  padding: 10px 0 !important;
}

.product-page td {
  white-space: nowrap;
  text-align: center;
  padding-bottom: 3px !important;
  padding-top: 10px;
  line-height: 1.25;
  font-family: adad-farsi !important;
}

.product-page td p {
  margin-bottom: 3px;
  line-height: 1.5;
  display: block !important;
}

.product-page td a {
  color: #000;
}

.product-page td .sabt {
  padding-top: 0;
}

.product-page tr .sabt {
  border: none;
  background-color: transparent;
}

.product-page #tah .table> :not(caption)>*>* {
  border-bottom-width: none;
}

.product-page .jadval i {
  font-size: 30px;
  color: #24667c;
}

.product-page .jadval i:hover,
.product-page .jadval i:active {
  color: #4ad3d3;
}

.product-page .jadval .btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #24667c;
  --bs-btn-border-color: #24667c;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #24667c;
  --bs-btn-hover-border-color: #24667c;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #24667c;
  --bs-btn-active-border-color: #24667c;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #24667c;
  --bs-btn-disabled-border-color: #24667c;
  font-size: 13px;
  margin-top: 2.5px;
}

.product-page .jadval .modal-header .btn-close {
  margin: 0;
}

.jadval .btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #24667c;
  --bs-btn-border-color: #24667c;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #24667c;
  --bs-btn-hover-border-color: #24667c;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #24667c;
  --bs-btn-active-border-color: #24667c;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #24667c;
  --bs-btn-disabled-border-color: #24667c;
  color: #fff;
  background-color: #24667c;
}

.product-page td input {
  width: 50px;
  text-align: center;
}

.product-page #mehman td {
  line-height: 2.75;
}

.to-ghorfe {
  color: #24667c !important;
}

.to-ghorfe:hover {
  color: #428da7;
}

.product-page .tozih-res {
  display: none;
}

.product-page .tozih-res .accordion-button::after {
  margin-right: auto;
  margin-left: 0 !important;
}

.product-page .tozih-res .accordion-button:not(.collapsed) {
  color: #000;
  background-color: #fff;
  box-shadow: none;
}

.product-page .tozih-res .accordion-button:focus {
  box-shadow: none;
}

.product-page .tozih-res .accordion-body,
.product-page .accordion-button,
.product-page .accordion-button:not(.collapsed) {
  line-height: 2;
  background-color: #f4fcfb !important;
}

.product-page .tozih-res .accordion-body {
  max-height: 250px;
  overflow: auto;
  font-family: vazir;
}

.product-page .nav button {
  margin-left: 5px;
}

.product-page .mahsoolat-res {
  display: none;
}

.product-page .mahsoolat-res .table {
  --bs-table-striped-bg: rgba(0, 0, 0, 0.05) !important;
}

.product-page .mahsoolat-res .itemha-res {
  border-radius: 10px;
  padding: 0 0 8px !important;
  border: 0.5px solid #24667c;
}

.product-page .carousel__slide {
  flex: 1 0 100%;
}

.product-page .mahsoolat-res .itemha-res table {
  width: 95%;
  margin: auto;
}

.product-page .mahsoolat-res .itemha-res h6 {
  border-radius: 8px 8px 0 0;
  background-color: #eaf6f6;
  font-family: adad-farsi !important;
}

.product-page .jadval-item p {
  padding: 0;
}

.product-page .itemha-res input {
  width: 55px;
  margin-right: auto;
}

.product-page .itemha-res .sabt button {
  border: none;
  background-color: transparent;
  text-align: right;
}

.product-page .itemha-res button i {
  color: #24667c;
  font-size: 30px;
  border-radius: 10px;
}

.product-page .itemha-res button i:hover,
.product-page .itemha-res button i:active {
  color: #4ad3d3;
}

.product-page .itemha-res .bi-cart-plus-fill::before {
  padding-bottom: 22px;
}

.product-page .itemha-res td .bi-cart-plus-fill::before {
  padding-bottom: 0;
}

.product-page .itemha-res {
  width: 49%;
  margin-bottom: 7.5px;
}

.product-page .itemha-res h6 {
  padding: 7.5px;
  color: #000;
}

.product-page .p1 {
  text-align: right;
  padding-right: 5px !important;
}

.product-page .p2 {
  text-align: center;
  padding-left: 5px !important;
}

.product-page .tedad .bi-cart-plus-fill::before {
  padding-bottom: 15px;
}

.product-page .itemha-res .btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #24667c;
  --bs-btn-border-color: #24667c;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #24667c;
  --bs-btn-hover-border-color: #24667c;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #24667c;
  --bs-btn-active-border-color: #24667c;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #24667c;
  --bs-btn-disabled-border-color: #24667c;
  font-size: 12px;
  padding: 5px;
  font-weight: 400;
}

.product-page .itemha-res .modal-header .btn-close {
  margin: 0;
}

.product-page .itemha-res .btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #24667c;
  --bs-btn-border-color: #24667c;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #24667c;
  --bs-btn-hover-border-color: #24667c;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #24667c;
  --bs-btn-active-border-color: #24667c;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #24667c;
  --bs-btn-disabled-border-color: #24667c;
}

.product-page .mahsool-details-res h6 {
  line-height: 1.5;
}

.mahsool-details svg {
  margin-top: 10px;
  width: 35px;
}

.mahsool-details-res svg {
  margin-bottom: 10px;
  width: 35px;
}

.product-page .pic-title-res {
  display: none;
}

.product-page .jadval-item p {
  margin-bottom: 7.5px;
}

.product-page .modal-footer button {
  background-color: #24667c;
}

.product-page .mahsool-details button {
  background-color: transparent;
  border: none;
}

@media only screen and (max-width: 1200px) {
  .product-page thead th {
    font-size: 12px !important;
    white-space: nowrap;
  }

  .product-page td {
    font-size: 12px;
  }

  .product-page #foroshgah {
    width: 100px;
  }

  .product-page td input {
    width: 40px;
  }
}

@media only screen and (max-width: 1000px) {
  .product-page .tozih {
    display: none;
  }

  .product-page .tozih-res {
    display: block;
  }

  .product-page .jadval {
    display: none;
  }

  .product-page .mahsool-title h1 {
    font-size: 30px;
  }

  .product-page .mahsoolat-res {
    display: block;
  }

  .product-page .pic-title {
    display: none;
  }

  .product-page .pic-title-res {
    display: block;
  }

  .product-page .mahsool-details-res {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .product-page .mahsool-details-res button {
    background-color: transparent;
    border: none;
  }

  .product-page .mo-none {
    display: none;
  }

  .product-page .mahsool-details {
    display: none;
  }

  .product-page .filters {
    display: none !important;
  }

  .product-page .filters-resp {
    display: flex;
  }

  .product-page .carousel__thumbnails {
    height: 300px;
  }

  .product-page .itemha-res .btn-primary {
    background-color: #fff;
    border-color: #fff;
    padding: 0;
  }

  .product-page .itemha-res .btn-primary:focus {
    box-shadow: none;
  }
}

@media only screen and (max-width: 767px) {
  .product-page td {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    align-content: center;
  }

  .product-page .filters .dropdown-center {
    margin-top: 5px;
  }

  .product-page .mahsool-title h1 {
    font-size: 27px;
  }

  .product-page .itemha-res {
    width: 98%;
  }

  .product-page .filters .btn-secondary {
    font-size: 13px;
  }

  .product-page .gallery {
    width: 250px;
    height: 250px;
  }

  .product-page .carousel__thumbnails {
    height: 238px;
  }
}

@media only screen and (max-width: 576px) {
  .downl h5 {
    font-size: 15px;
  }

  .product-page .p1,
  .product-page .p2 {
    font-size: 13px;
  }

  .product-page .mahsool-title h1 {
    font-size: 18px;
  }

  .product-page .mahsool-title h4 {
    font-size: 17.5px;
  }

  .product-page .itemha-res .row {
    margin-left: -3px;
    padding-left: 0;
  }

  .product-page .itemha-res h6 {
    font-size: 14px;
  }

  .product-page .p1 {
    padding-right: 7.5px !important;
  }

  .product-page .p2 {
    padding-left: 7.5px !important;
  }

  .product-page .itemha-res .btn-primary {
    font-size: 10px;
  }

  .product-page .gallery {
    width: 150px;
    height: 150px;
  }

  .product-page .galler2 {
    width: 50px;
    height: 50px;
  }

  .product-page .mahsool-details-res h6 {
    font-size: 13px;
    margin-left: 10px;
  }

  .product-page .itemha-res .modal-body {
    font-size: 13px;
    text-align: justify;
  }

  .product-page .modal-header h1 {
    font-size: 20px;
  }

  .product-page .modal-footer button {
    font-size: 13px;
  }

  .product-page .carousel__thumbnails {
    height: 150px;
  }
}

/*$$$$$$$$$$$$$        sabad kharid        $$$$$$$$$$$$$$$4*/

.sabad-kharid .sabad a {
  color: black;
}

.sabad-kharid .sabad h6 a {
  font-size: 12px;
  color: #24667c;
}

.sabad-kharid .tasvie {
  font-family: adad-farsi !important;
  border-radius: 10px;
  border: 0.5px solid rgba(0, 0, 0, 0.5);
  padding: 20px 10px;
  height: auto;
  margin-right: auto;
}

.sabad-kharid .tasvie .fw-bold {
  font-size: 13.5px;
}

.sabad-kharid .modal-body .col-form-label {
  font-size: 15px;
  white-space: nowrap;
}

.sabad-kharid .tasvie p {
  font-size: 12.5px;
  text-align: right;
  white-space: nowrap;
  margin-bottom: 10px;
}

.sabad-kharid .titles p {
  margin-bottom: 0;
  display: flex;
  flex-wrap: wrap;
}

.sabad-kharid .titles a {
  color: #24667c !important;
}

.sabad-kharid .tasvie button {
  border-radius: 10px;
  background-color: #24667c;
  border: none;
  padding: 9px;
  white-space: nowrap;
  color: #fff;
}

.sabad-kharid .tasvie button:hover {
  background-color: #428da7;
}

.sabad-kharid .tozihat {
  padding: 20px 10px;
  border-radius: 10px;
  border: 0.5px solid rgba(0, 0, 0, 0.5);
  font-size: 12.5px;
  margin-right: auto;
  line-height: 1.5;
}

.sabad-kharid .tozihat p {
  text-align: right;
  margin-bottom: 10px;
}

.sabad-kharid .tozihat .d-flex {
  justify-content: space-between;
  align-items: center;
}

.sabad-kharid .tozihat .d-flex a {
  color: #24667c;
}

.sabad-kharid .mahsool-header {
  background-color: #eaf7f7;
  border-top: 0.5px solid rgba(0, 0, 0, 0.5);
  border-left: 0.5px solid rgba(0, 0, 0, 0.5);
  border-right: 0.5px solid rgba(0, 0, 0, 0.5);
}

.sabad-kharid .mahsool-header a {
  color: #000;
}

.sabad-kharid .mahsool-header .col-1 {
  padding: 0 !important;
  margin: 0 !important;
  text-align: center !important;
}

.sabad-kharid .mahsool-header .col-2 {
  padding: 0 !important;
  margin: 0 !important;
  text-align: center !important;
}

.sabad-kharid .mahsool-header .col-3 {
  padding: 0 !important;
  margin: 0 !important;
  text-align: center !important;
}

.scroll a {
  color: #000;
  font-size: 16px;
}

.scroll a:hover {
  color: #24667c;
}

.sabad-kharid .details h3 {
  color: #000;
  line-height: 1.5;
  font-size: 20px;
}

.sabad-kharid .details h5:hover {
  color: #24667c;
}

.sabad-kharid .nam-forosh {
  padding-top: 9px;
  font-weight: bold;
}

.sabad-kharid .mahsool-header th {
  background-color: #eaf7f7;
  text-align: center;
  width: 100px;
}

.sabad-kharid .mahsool-header .nam-forosh a:hover {
  color: #24667c;
}

.sabad-kharid .mahsool-body {
  border-left: 0.5px solid rgba(0, 0, 0, 0.5);
  border-right: 0.5px solid rgba(0, 0, 0, 0.5);
}

.sabad-kharid .mahsool-body .col-1 {
  padding: 0 !important;
  margin: 0 !important;
  text-align: center !important;
}

.sabad-kharid .mahsool-body .col-2 {
  padding: 0 !important;
  margin: 0 !important;
  text-align: center !important;
}

.sabad-kharid .mahsool-body .details a:hover {
  color: #24667c;
}

.sabad-kharid .jadval td {
  text-align: center;
  width: 80px;
  padding: 0;
}

.sabad-kharid .jadval td button {
  background: transparent;
  border: none;
}

.sabad-kharid .jadval td p {
  margin-bottom: 0;
}

.sabad-kharid .tedad button {
  border: none;
  background-color: transparent;
  height: 10px;
  color: #24667c;
}

.sabad-kharid .tedad input {
  font-family: adad-farsi !important;
  font-weight: bold;
}

.adad {
  font-family: adad-farsi !important;
}

.sabad-kharid .tedad button input {
  background-color: transparent;
  border: none;
  width: 30px;
  text-align: center;
}

.sabad-kharid .tedad button i {
  color: red;
}

.sabad-kharid .mahsool-footer {
  background: #eaf7f7;
  /*padding: 10px 0;
    border-radius: 0 0 10px 10px;*/
  align-items: center;
  border-left: 0.5px solid rgba(0, 0, 0, 0.5);
  border-right: 0.5px solid rgba(0, 0, 0, 0.5);
  border-bottom: 0.5px solid rgba(0, 0, 0, 0.5);
}

.sabad-kharid .jam {
  text-align: left;
}

.sabad-kharid .jam td {
  background-color: #eaf7f7;
  padding-left: 0;
  padding-right: 0;
  width: 80px;
  text-align: center;
}

.sabad-kharid .jam p {
  display: inline;
}

.sabad-kharid .jadval td .dropdown-center {
  display: flex;
  justify-content: center;
}

.sabad-kharid .jadval td .dropdown-center button {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0;
}

.sabad-kharid .jadval td .dropdown-item {
  font-size: 12.5px;
  text-align: center;
  padding: 2.5px;
}

.sabad-kharid .jadval .dropdown-item.active,
.jadval .dropdown-item:active {
  background-color: #fff;
  color: #000;
}

.sabad-kharid .sabt-sefaresh button:focus {
  box-shadow: none;
}

.sabad-kharid .sabt-sefaresh button,
.sabad-kharid .sabt-sefaresh a {
  border-radius: 10px;
  background-color: #24667c;
  border: none;
  color: #fff;
  padding: 10px;
  font-size: 13px;
}

.sabad-kharid .sabt-sefaresh button:hover {
  background-color: #428da7;
}

.sabad-kharid td a {
  color: black;
}

.sabad-kharid .sabad-res {
  display: none;
}

.sabad-kharid .sabad-res .titles h1 {
  font-size: 25px;
}

.sabad-kharid .sabad-res a {
  color: #000;
}

.sabad-kharid .foroshgaha {
  font-family: adad-farsi !important;
  text-align: right;
}

.sabad-kharid .foroshgaha button {
  background-color: transparent;
  border: none;
}

.sabad-kharid .mahsool-body-res td {
  text-align: center;
}

.sabad-kharid .mahsool-header-res-1 {
  background-color: #24667c;
  padding: 10px;
  color: #fff;
  display: flex;
}

.sabad-kharid .mahsool-header-res-1 p {
  margin-bottom: 0;
}

.sabad-kharid .mahsool-header-res-2 {
  background-color: #eaf7f7;
  padding: 10px;
  padding-bottom: 5px;
}

.sabad-kharid .mahsool-header-res-2 p {
  font-size: 12.5px;
}

.sabad-kharid .mahsool-body-res td .dropdown-center button {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0;
}

.sabad-kharid .mahsool-body-res td .dropdown-center {
  display: flex;
  justify-content: center;
}

.sabad-kharid .mahsool-body-res td .dropdown-center .dropdown-toggle::after {
  margin-top: 2.5px;
}

.sabad-kharid .mahsool-body-res td .dropdown-center .dropdown-menu {
  padding: 5px 0;
}

.sabad-kharid .mahsool-body-res td .dropdown-center .dropdown-menu .dropdown-item {
  padding: 4px 10px;
}

.sabad-kharid .mahsool-body-res td button {
  background-color: transparent;
  border: none;
}

.sabad-kharid .mahsool-body-res td button p {
  margin-bottom: 0;
}

.sabad-kharid .sbat-dokme {
  align-items: center;
  justify-content: flex-end;
  display: flex;
}

.sabad-kharid .sbat-dokme button {
  background-color: #24667c;
  color: #fff;
  padding: 10px;
  border-radius: 10px;
  font-size: 15px;
  white-space: nowrap;
  border: none;
}

.sabad-kharid .sabt-res {
  align-items: center;
}

.sabad-kharid .mahsool-footer-res {
  padding: 0 0 15px;
  background-color: #24667c;
  border-radius: 0 0 15px 15px;
}

.sabad-kharid .mahsool-footer-res table {
  margin-bottom: 0;
}

.sabad-kharid .mahsool-footer-res button {
  background-color: #24667c;
  border: none;
}

.sabad-kharid .mahsool-footer-res table td {
  text-align: center;
  background-color: #24667c;
  color: #fff;
}

.sabad-kharid .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n + 3),
.sabad-kharid .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,
.sabad-kharid .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select,
.sabad-kharid .input-group:not(.has-validation)> :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}

.sabad-kharid .input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-radius: 5px;
  margin-left: calc(var(--bs-border-width) * -1);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  font-size: 14px;
}

.sabad-kharid .form-control:focus {
  box-shadow: none;
}

.sabad-kharid .header4 hr {
  margin: 0;
}

.sabad-kharid .modal-header .btn-close {
  margin: 0;
  background-color: #fff;
}

.sabad-kharid .modal-footer button {
  border-radius: 10px;
  background-color: #24667c;
  border: none;
  color: #fff;
  padding: 10px;
  font-size: 13px;
}

.mahsool-detail .dropdown-center button:focus {
  box-shadow: none !important;
}

.mahsool-detail .dropdown-center .dropdown-menu {
  text-align: center;
}

.sabad-kharid .col-lg-2 .dropdown-center button {
  font-size: 15px;
  padding-top: 12.5px;
  font-family: adad-farsi !important;
}

@media (min-width: 1000px) and (max-width: 1400px) {
  .sabad-sbt {
    left: 6px;
  }
}

@media only screen and (max-width: 1400px) {
  .sabad-kharid .tasvie p {
    font-size: 10px;
    padding-right: 3px;
  }
}

@media only screen and (max-width: 1200px) {
  .sabad-kharid td {
    font-size: 12px;
  }

  .sabad-kharid .sabt-sefaresh button {
    font-size: 10px;
    line-height: 1.75;
  }

  .sabad-kharid .tasvie button {
    font-size: 13px;
  }

  .sabad-kharid .mahsool-header th {
    font-size: 15px;
  }

  .sabad-kharid .nam-forosh {
    padding-top: 8px;
  }

  .sabad-kharid .details h3 {
    font-size: 18px;
  }

  .sabad-kharid .details p {
    font-size: 10px;
    margin-bottom: 0;
  }

  .sabad-kharid .tozihat p {
    font-size: 11px;
  }

  .sabad-kharid .jadval td .dropdown-center button {
    font-size: 12px;
  }
}

@media only screen and (max-width: 1000px) {
  /* .cart-row-number {
        margin-top: 7.5px !important;
    } */

  .sabad-kharid .number-title span {
    padding-top: 15px;
    font-size: 14px;
  }

  .sabad-kharid .dropdown-center .dropdown-menu {
    text-align: center;
  }

  .cart-row-percent {
    padding-top: 2px !important;
  }

  .sabad-kharid .dropdown-center button:focus {
    box-shadow: none;
  }

  .offerresp .dropdown-center button {
    font-family: adad-farsi !important;
    font-size: 12px;
  }

  .noep {
    margin-top: 10px;
  }

  .sabad-kharid .mahsool-body .col-2 {
    padding-top: 15px !important;
  }

  .cart-row-percent {
    top: 0 !important;
  }

  .sabad-kharid .number-title {
    border-bottom: solid 0.5px rgba(0, 0, 0, 0.5);
  }

  .sabad-kharid .mahsool-body {
    padding-top: 0;
  }

  .mahsool-detail {
    border: 0.5px solid rgba(0, 0, 0, 0.5);
    border-bottom: none;
  }

  .cart-row-percent {
    margin-top: -5px !important;
    margin-bottom: 0px;
  }

  .sabad-kharid .sabad {
    display: none;
  }

  .sabad-kharid .sabad-res {
    display: block;
  }

  .sabad-kharid .mahsool {
    border: 0.5px solid rgba(0, 0, 0, 0.5);
    border-radius: 15px;
  }

  .sabad-kharid footer {
    display: none;
  }

  .sabad-kharid .tasvie p {
    font-size: 15px;
  }
}

@media only screen and (max-width: 576px) {
  .sabad-kharid .tasvie {
    margin-left: auto;
    margin-bottom: 0px;
    width: 100%;
  }

  .sabt-sefaresh.col-sm-6 {
    display: flex;
    justify-content: center;
    margin-top: 10px;
  }

  .sabad-kharid .mahsool-header a {
    font-size: 13px;
  }

  .sabad-kharid .details h3 {
    font-size: 15px;
  }

  .sabad-kharid .tasvie p {
    font-size: 13px;
    padding-right: 8px;
  }

  .scroll a {
    font-size: 12px;
  }

  .sabad-kharid .tozihat {
    width: 100%;
    margin-bottom: 0px;
  }

  .sabad-kharid .titles a {
    font-size: 12.5px;
  }

  .sabad-kharid .sabad-res h6 {
    font-size: 12.5px;
  }

  .sabad-kharid .mahsool-body-res td {
    font-size: 11.5px;
  }

  .sabad-kharid .mahsool-header-res h5 {
    font-size: 18px;
  }

  .sabad-kharid .mahsool-header-res p {
    font-size: 13px;
  }

  .sabad-kharid .sbat-dokme button {
    font-size: 11.5px;
  }

  .sabad-kharid .jam-res span {
    font-size: 13px;
  }

  .sabad-kharid .input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    font-size: 12px;
  }
}

/*$$$$$$$$$$$$$$$$         maghale          $$$$$$$$$$$$$$$$*/

header .header1 .row .logo a {
  text-decoration: none;
  display: flex;
  align-items: center;
}

.maghale-page header {
  background-color: #38cebf;
}

.maghale-page header hr {
  margin: 7.5px 0 !important;
}

.maghale-page header .logo span {
  font-size: 22.5px;
  font-weight: bold;
  color: #fff;
}

.maghale-page .social {
  text-align: left;
  white-space: nowrap;
}

.maghale-page .social .aparatsvg1 {
  bottom: 4px;
}

.maghale-page .social i {
  font-size: 20px;
  color: #fff;
  transition: all 0.2s ease-in-out;
  margin: auto 2.5px;
}

.maghale-page .social i:hover {
  color: #c0dee1;
}

.maghale-page .links a {
  color: #000;
}

.maghale-page .links a button {
  background-color: transparent;
  font-weight: bold;
  border: none;
}

.maghale-page .links a button:hover {
  color: #37695a;
}

.maghale-page .links a button:focus-within {
  color: #37695a;
}

.maghale-page .samane a {
  color: #000;
  font-weight: bold;
  white-space: nowrap;
  text-decoration: none;
}

.maghale-page .samane a:hover {
  color: #37695a;
}

.maghale-page .maghale-header p {
  color: #37695a;
  line-height: 2;
}

.maghale-page .maghale-body {
  line-height: 2;
}

.maghale-page .maghale-body p span {
  font-family: iransans !important;
}
.maghale-page .maghale-body h1 span {
  font-family: iransans !important;
    font-size: 25px;
  line-height: 1.75;
}

.maghale-page .maghale-body h2 span {
  font-family: iransans !important;
  font-size: 24px !important;
}

.maghale-page .maghale-body h3 span {
  font-family: iransans !important;
  font-size: 20px !important;
}

.maghale-page .maghale-body h4 span {
  font-family: iransans !important;
  font-size: 18px !important;
}

.maghale-page .maghale-body h5 span {
  font-family: iransans !important;
  font-size: 16px !important;
}

.maghale-page .maghale-body h6 span {
  font-family: iransans !important;
  font-size: 14px !important;
}

.maghale-page .maghale-body p img , .maghale-page .maghale-body img {
  height: auto;
  border-radius: 7.5px;
}

.maghale-body ul li {
  list-style: initial;
  font-family: iransans !important;
}

.maghale-body ol li {
  list-style: auto;
}

.maghale-body li span {
  font-family: iransans !important;
}

.maghale-page .m-title {
  font-size: 25px;
  line-height: 1.5;
}

.maghale-page .maghale-body h1 {
  font-size: 25px;
  line-height: 1.75;
}

.maghale-page .maghale-body h2 {
  font-size: 20px;
  line-height: 1.75;
}

.maghale-page .maghale-body h3 {
  font-size: 18px;
}

.maghale-page .maghale-body h4 {
  font-size: 16px;
}

.maghale-page .maghale-body h5 {
  font-size: 16px;
}

.maghale-page .maghale-body h6 {
  font-size: 14px;
}

.maghale-page .maghale-body a {
  text-decoration: none;
  color: #24667c;
}

.maghale-page .maghale-body a:hover {
  text-decoration: none;
  color: #428da7;
}

.maghale-page .maghale-body p {
  font-size: 16px;
  line-height: 1.75 !important;
}

.maghale-page .tags button {
  padding: 5px;
  padding-bottom: 2.5px;
  border: 0.5px solid rgba(0, 0, 0, 0.5);
  border-radius: 5px;
}

.maghale-page .tags button a {
  color: #37695a;
}

.maghale-page .side {
  border-radius: 10px;
  padding: 10px;
  border: 0.5px solid rgba(0, 0, 0, 0.5);
  background-color: #fafafa;
}

.maghale-page .side-title {
  flex-direction: column;
  padding: 0 10px;
}

.maghale-page .side-title h5 {
  font-size: 16px;
  font-weight: bold;
}

.maghale-page .side-title a {
  margin: auto 0 10px;
  color: #000;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 5px;
  border: 0.25px solid rgba(0, 0, 0, 0.5);
  align-items: center;
  background-color: #fff;
  text-decoration: none;
}

.maghale-page .side-title a p {
  font-size: 9.5px;
  line-height: 1.75;
}

.maghale-page .side-title a:hover {
  color: #37695a;
}

.maghale-page .daste-bandi {
  flex-direction: column;
}

.maghale-page .daste-bandi h5 {
  font-size: 16px;
  font-weight: bold;
}

.maghale-page .daste-bandi a {
  text-decoration: none;
  margin-bottom: 15px;
  color: #000;
  font-size: 14px;
}

.maghale-page .daste-bandi a:hover {
  color: #37695a;
}

.maghale-page .m-footer {
  justify-content: space-between;
  line-height: 1.75;
}

.maghale-page .m-footer a {
  color: #000;
  text-decoration: none;
}

.maghale-page .m-footer a:hover {
  color: #37695a;
}

.maghale-page .fehrest {
  display: flex;
  align-items: center;
  justify-content: center;
}

.maghale-page .fehrest i {
  font-size: 30px;
}

@media (min-width: 1000px) and (max-width: 1200px) {
  .maghale-page .container {
    max-width: 1200px;
  }

  .maghale-page .side-title a {
    padding-left: 5px;
    padding-right: 5px;
  }
}

@media only screen and (max-width: 1000px) {
  .maghale-page .safhe {
    flex-direction: column-reverse;
  }

  .maghale-page .sidebar {
    display: flex;
    justify-content: center;
  }

  .maghale-page .nahaei {
    padding-bottom: 1rem !important;
  }

  .maghale-page .side-title {
    justify-content: space-around;
    flex-direction: unset;
  }
}

@media only screen and (max-width: 768px) {
  .maghale-page .logo img {
    width: 100% !important;
  }
}

@media only screen and (max-width: 576px) {
  header .header1 .row .logo a {
    justify-content: center;
  }

  .maghale-page .maghale-header p {
    margin-bottom: 8px;
  }

  .maghale-page .m-title {
    font-size: 22px;
  }

  .maghale-page .maghale-body h1 {
    font-size: 22px;
  }

  .maghale-page .maghale-body h2 {
    font-size: 20px;
  }

  .maghale-page .maghale-body h3 {
    font-size: 18px;
  }

  .maghale-page .maghale-body h4 {
    font-size: 16px;
  }

  .maghale-page .maghale-body h5 {
    font-size: 16px;
  }

  .maghale-page .maghale-body h6 {
    font-size: 14px;
  }

  .maghale-page .maghale-body p {
    font-size: 14px;
  }

  .maghale-page .maghale-header {
    flex-direction: column;
  }

  .maghale-page .social {
    display: none;
  }

  .maghale-page .samane {
    display: none;
  }

  .maghale-page .logo {
    justify-content: center;
  }

  .maghale-page .links {
    text-align: center;
  }

  .maghale-page .maghalat h1 {
    text-align: center;
  }

  .maghale-page header .logo span {
    font-size: 15px;
  }

  .maghale-page .links a {
    font-size: 13px;
  }
}

/*$$$$$$$$$$$$$$       fehrest             $$$$$$$$$$$$$$$$$$$$$$$$$*/

.fehrast header {
  background-color: #38cebf;
}

.fehrast header hr {
  margin: 7.5px 0 !important;
}

.fehrast header .logo span {
  font-size: 22.5px;
  font-weight: bold;
  color: #fff;
}

.fehrast .social {
  text-align: left;
  white-space: nowrap;
}

.fehrast .social i {
  font-size: 20px;
  color: #fff;
  transition: all 0.2s ease-in-out;
  margin: auto 2.5px;
}

.fehrast .social i:hover {
  color: #c0dee1;
}

.fehrast .links a {
  color: #000;
}

.fehrast .links a button {
  background-color: transparent;
  font-weight: bold;
  border: none;
}

.fehrast .links a button:hover {
  color: #37695a;
}

.fehrast .links a button:focus-within {
  color: #37695a;
}

.fehrast .samane a {
  color: #000;
  font-weight: bold;
  white-space: nowrap;
  text-decoration: none;
}

.fehrast .samane a:hover {
  color: #37695a;
}

.maghalat h1 {
  font-size: 22px;
  font-weight: bold;
}

.fehrast .card {
  color: #000;
  transition: all 0.2s ease-in-out;
}

.fehrast .cardha {
  margin: 0 auto;
}

.fehrast .cardha a {
  display: flex;
  text-decoration: none;
}

.fehrast .card:hover {
  box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.25);
}

.fehrast .card-img-top {
  border-radius: 5px 5px 0 0;
  width: 100%;
  height: 170px;
  object-fit: cover;
}

.fehrast .card-body h5 {
  color: #000;
  line-height: 1.5;
  font-size: 15px;
}

.fehrast .card-body p {
  font-size: 13px;
  color: #000;
}

.fehrast .card-footer {
  text-align: center;
  padding-bottom: 10px;
  font-weight: bold;
}

.fehrast .card-footer a {
  color: #000;
}

.fehrast .side {
  border-radius: 10px;
  padding: 10px;
  border: 0.5px solid rgba(0, 0, 0, 0.5);
  background-color: #fafafa;
}

.fehrast .side-title {
  flex-direction: column;
  padding: 0 10px;
}

.fehrast .side-title h5 {
  font-size: 16px;
  font-weight: bold;
}

.fehrast .side-title a {
  margin: auto 0 10px;
  color: #000;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 5px;
  border: 0.25px solid rgba(0, 0, 0, 0.5);
  align-items: center;
  background-color: #fff;
  text-decoration: none;
}

.fehrast .side-title a p {
  font-size: 9.5px;
  line-height: 1.75;
}

.fehrast .side-title a:hover {
  color: #37695a;
}

.fehrast .daste-bandi {
  flex-direction: column;
}

.fehrast .daste-bandi h5 {
  font-size: 16px;
  font-weight: bold;
}

.fehrast .daste-bandi a {
  text-decoration: none;
  margin-bottom: 15px;
  color: #000;
  font-size: 14px;
}

.fehrast .daste-bandi a:hover {
  color: #37695a;
}

.fehrast .m-footer {
  justify-content: space-between;
  line-height: 1.75;
}

.fehrast .m-footer a {
  color: #000;
}

.fehrast .m-footer a:hover {
  color: #37695a;
}

.fehrast .fehrest {
  display: flex;
  align-items: center;
  justify-content: center;
}

.fehrast .fehrest i {
  font-size: 30px;
}

@media (min-width: 1000px) and (max-width: 1200px) {
  .fehrast .container {
    max-width: 1200px;
  }

  .fehrast .side-title a {
    padding-left: 5px;
    padding-right: 5px;
  }
}

@media only screen and (max-width: 1000px) {
  .fehrast .safhe {
    flex-direction: column-reverse;
    align-items: center;
  }

  .fehrast .sidebar {
    display: flex;
    justify-content: center;
  }

  .fehrast .nahaei {
    padding-bottom: 1rem !important;
  }

  .fehrast .side-title {
    justify-content: space-around;
    flex-direction: unset;
  }

  .vorod #UsageType0 {
    display: none !important;
  }
}

@media only screen and (max-width: 768px) {
  .fehrast .logo img {
    width: 100% !important;
  }
}

@media only screen and (max-width: 576px) {
  .fehrast .maghale-header {
    flex-direction: column;
  }

  .fehrast .card-body {
    padding: 10px;
  }

  .fehrast .card-body p {
    margin-bottom: 5px;
  }

  .fehrast .card-img-top {
    margin: 0 auto;
  }

  .fehrast .card {
    text-align: center;
  }

  .fehrast .social {
    display: none;
  }

  .fehrast .samane {
    display: none;
  }

  .fehrast .logo {
    justify-content: center;
  }

  .fehrast .links {
    text-align: center;
  }

  .fehrast .maghalat h1 {
    text-align: center;
  }

  .fehrast header .logo span {
    font-size: 15px;
  }

  .fehrast .links a {
    font-size: 13px;
  }
}

@media (min-width: 576px) and (max-width: 769px) {
  .fehrast .container {
    max-width: 700px;
  }
}

/*$$$$$$$$$$$$$$$$$$         first page maghale        $$$$$$$$$$$$$$$$$$$*/

.first-maghale-page header {
  background-color: #38cebf;
}

.first-maghale-page header hr {
  margin: 7.5px 0 !important;
}

.first-maghale-page header .logo span {
  font-size: 22.5px;
  font-weight: bold;
  color: #fff;
}

.first-maghale-page .social {
  white-space: nowrap;
  text-align: left;
}

.first-maghale-page .social i {
  font-size: 20px;
  color: #fff;
  transition: all 0.2s ease-in-out;
  margin: auto 2.5px;
}

.first-maghale-page .social i:hover {
  color: #c0dee1;
}

.first-maghale-page .links a {
  color: #000;
}

.first-maghale-page .links a button {
  background-color: transparent;
  font-weight: bold;
  border: none;
}

.first-maghale-page .links a button:hover {
  color: #37695a;
}

.first-maghale-page .links a button:focus-within {
  color: #37695a;
}

.first-maghale-page .samane a {
  color: #000;
  font-weight: bold;
}

.first-maghale-page .samane a:hover {
  color: #37695a;
}

.first-maghale-page .banerha {
  display: flex;
  justify-content: center;
}

.first-maghale-page .carousel-item img {
  height: 450px;
  border-radius: 20px;
}

.first-maghale-page .maghalat {
  border-radius: 0 25px 25px 0;
  border: 2px solid #24667c;
  width: 30%;
  display: flex;
  height: 173px;
  background-image: url("../images/article.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 0;
}

.first-maghale-page .akhbar {
  border-radius: 0;
  border: 2px solid #24667c;
  width: 30%;
  display: flex;
  height: 173px;
  background-image: url("../images/news.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 0;
}

.first-maghale-page .kasbokar {
  border-radius: 25px 0 0 25px;
  border: 2px solid #24667c;
  width: 30%;
  display: flex;
  height: 173px;
  background-image: url("../images/teaching.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 0;
}

.first-maghale-page .maghalat a {
  text-decoration: none;
  font-family: IRANSans;
  border-radius: 0 23px 23px 0;
  color: aliceblue;
  background-color: rgba(120, 120, 120, 0.65);
  font-size: 30px;
  font-weight: 900;
  padding-top: 60px;
  width: 100%;
  height: 170px;
  display: table;
  margin: auto;
}

.first-maghale-page .maghalat a:hover {
  color: #033343;
  background-color: rgba(120, 120, 120, 0.9);
}

.first-maghale-page .akhbar a {
  text-decoration: none;
  font-family: IRANSans;
  border-radius: 0px;
  color: aliceblue;
  background-color: rgba(120, 120, 120, 0.65);
  font-size: 30px;
  font-weight: 900;
  padding-top: 60px;
  width: 100%;
  height: 170px;
  display: table;
  margin: auto;
}

.first-maghale-page .akhbar a:hover {
  color: #033343;
  background-color: rgba(120, 120, 120, 0.9);
}

.first-maghale-page .kasbokar a {
  text-decoration: none;
  font-family: IRANSans;
  border-radius: 23px 0 0 23px;
  color: aliceblue;
  background-color: rgba(120, 120, 120, 0.65);
  font-size: 30px;
  font-weight: 900;
  padding-top: 60px;
  width: 100%;
  height: 170px;
  display: table;
  margin: auto;
}

.first-maghale-page .kasbokar a:hover {
  color: #033343;
  background-color: rgba(120, 120, 120, 0.9);
}

.first-maghale-page .maghale-header p {
  color: #37695a !important;
}

.first-maghale-page .carousel-caption {
  padding-bottom: 10px;
}

.first-maghale-page .card {
  color: #000;
  transition: all 0.2s ease-in-out;
  background-color: #fafafa;
}

.first-maghale-page .cardha {
  margin: 0 auto;
}

.first-maghale-page .cardha a {
  display: flex;
}

.first-maghale-page .card:hover {
  box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.25);
}

.first-maghale-page .card-body h5 {
  color: #000;
  line-height: 1.5;
}

.first-maghale-page .row a {
  text-decoration: none;
}

.first-maghale-page .card-body p {
  font-size: 13px;
  color: #000;
}

.first-maghale-page .card-footer {
  text-align: center;
  padding-bottom: 10px;
  font-weight: bold;
}

.first-maghale-page .card-footer a {
  color: #000;
}

.first-maghale-page .card img {
  height: 160px;
  object-fit: contain;
}

.first-maghale-page .side {
  border-radius: 10px;
  padding: 10px;
  border: 0.5px solid rgba(0, 0, 0, 0.5);
  background-color: #fafafa;
}

.first-maghale-page .side-title {
  flex-direction: column;
}

.first-maghale-page .side-title h1 {
  font-size: 18px;
  font-weight: bold;
}

.first-maghale-page .side-title a {
  margin: auto 0 10px;
  color: #000;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 5px;
  border: 0.25px solid rgba(0, 0, 0, 0.5);
  align-items: center;
  background-color: #fff;
}

.first-maghale-page .side-title a p {
  font-size: 11px;
  line-height: 1.75;
}

.first-maghale-page .side-title a:hover {
  color: #37695a;
}

.first-maghale-page .daste-bandi {
  flex-direction: column;
}

.first-maghale-page .daste-bandi h1 {
  font-size: 18px;
  font-weight: bold;
}

.first-maghale-page .daste-bandi a {
  margin-bottom: 15px;
  color: #000;
}

.first-maghale-page .daste-bandi a:hover {
  color: #37695a;
}

.first-maghale-page .m-footer {
  justify-content: space-between;
  line-height: 1.75;
}

.first-maghale-page .m-footer a {
  color: #000;
}

.first-maghale-page .m-footer a:hover {
  color: #37695a;
}

.profile #img img {
  object-fit: contain;
}

.first-maghale-page .fehrest {
  display: flex;
  align-items: center;
  justify-content: center;
}

.first-maghale-page .fehrest i {
  font-size: 30px;
}

@media only screen and (max-width: 1200px) {
  .first-maghale-page .carousel-item img {
    height: 400px;
  }

  .first-maghale-page .maghalat a {
    font-size: 23px;
  }

  .first-maghale-page .akhbar a {
    font-size: 23px;
  }

  .first-maghale-page .kasbokar a {
    font-size: 23px;
  }
}

@media only screen and (max-width: 1000px) {
  .first-maghale-page .safhe {
    flex-direction: column-reverse;
    align-items: center;
  }

  .first-maghale-page .sidebar {
    display: flex;
    justify-content: center;
  }

  .first-maghale-page .nahaei {
    padding-bottom: 1rem !important;
  }

  .first-maghale-page .majalat {
    flex-direction: column;
  }

  .first-maghale-page .maghalat a {
    height: 145px;
  }

  .first-maghale-page .akhbar a {
    height: 145px;
  }

  .first-maghale-page .kasbokar a {
    height: 145px;
  }

  .first-maghale-page .maghalat {
    height: 148px;
  }

  .first-maghale-page .akhbar {
    height: 148px;
  }

  .first-maghale-page .kasbokar {
    height: 148px;
  }

  .first-maghale-page .akhbar {
    margin: 10px auto;
    float: none;
    width: 60%;
  }

  .first-maghale-page .kasbokar {
    margin: 10px auto;
    float: none;
    width: 60%;
    border-radius: 0 0 25px 25px;
  }

  .first-maghale-page .maghalat {
    margin: 10px auto;
    float: none;
    width: 60%;
    border-radius: 25px 25px 0 0;
  }

  .first-maghale-page .kasbokar a {
    border-radius: 0 0 25px 25px;
    font-size: 20px;
  }

  .first-maghale-page .maghalat a {
    font-size: 20px;
    border-radius: 25px 25px 0 0;
  }

  .first-maghale-page .akhbar a {
    font-size: 30px;
  }

  .first-maghale-page .maghalat a {
    font-size: 30px;
  }

  .first-maghale-page .kasbokar a {
    font-size: 30px;
  }

  .first-maghale-page .carousel-item img {
    height: 300px;
  }
}

.factor-rasmi {
  margin-right: 10px;
  display: flex !important;
  align-items: center;
  cursor: pointer;
  justify-content: flex-start;
}

.factor-rasmi input {
  margin-left: 10px !important;
  position: relative;
  cursor: pointer;
  margin: 0;
  height: 17.5px;
  width: 17.5px;
  border: 1px gray solid;
}

.factor-rasmi label {
  font-size: 14px !important;
  font-weight: bold;
  cursor: pointer;
  margin-left: 10px !important;
}

.form-check-input:checked {
  background-color: #24667c;
  border-color: #24667c;
}

.kol-jam {
  font-size: 14px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-weight: bold;
}

.kol-jam .btn {
  font-size: 14px;
  font-weight: bold;
  color: #000;
}

.modal-cart textarea {
  height: 250px;
  text-align: justify;
}

@media only screen and (max-width: 769px) {
  .first-maghale-page .logo img {
    width: 100% !important;
  }

  .kol-jam .col-sm-5,
  .kol-jam .col-sm-7 {
    font-size: 12px;
    white-space: nowrap;
  }

  .kol-jam .btn {
    font-size: 11px;
    margin-bottom: 5px;
  }

  .kol-jam {
    font-size: 12px;
    flex-direction: column;
    justify-content: space-around;
  }

  .factor-rasmi label {
    font-size: 10px !important;
    margin: 0;
    white-space: nowrap;
    margin-left: 5px !important;
  }

  .btn.p-0.modal-cart i {
    font-size: 14px;
  }

  .first-maghale-page .carousel-indicators {
    margin-bottom: 10px;
  }

  .first-maghale-page .carousel-caption p {
    margin-bottom: 5px;
  }

  .first-maghale-page .carousel-caption h5 {
    margin-bottom: 2.5px;
  }
}

@media only screen and (max-width: 576px) {
  .cart-aler {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }

  .mahsool-footer .row.col-10 {
    flex-direction: column;
  }

  .factor-rasmi {
    justify-content: center;
    margin-top: 15px;
  }

  .mx-auto.cart-aler {
    margin-top: 30px !important;
    margin-bottom: 0px !important;
  }

  .first-maghale-page .maghale-header {
    flex-direction: column;
  }

  .first-maghale-page .card-img-top {
    margin: 0 auto;
  }

  .first-maghale-page .card {
    text-align: center;
  }

  .sabad-kharid .mahsool-footer {
    padding-top: 0;
  }

  .first-maghale-page .social {
    display: none;
  }

  .first-maghale-page .samane {
    display: none;
  }

  .first-maghale-page .logo {
    justify-content: center;
  }

  .first-maghale-page .links {
    text-align: center;
  }

  .first-maghale-page .maghalat h1 {
    text-align: center;
  }

  .first-maghale-page header .logo span {
    font-size: 15px;
  }

  .first-maghale-page .links a {
    font-size: 13px;
  }

  .first-maghale-page .maghalat {
    width: 80%;
    height: 88px;
  }

  .first-maghale-page .akhbar {
    width: 80%;
    height: 88px;
  }

  .first-maghale-page .kasbokar {
    width: 80%;
    height: 88px;
  }

  .first-maghale-page .maghalat a {
    height: 85px;
    font-size: 20px;
    padding-top: 33px;
  }

  .first-maghale-page .akhbar a {
    height: 85px;
    font-size: 20px;
    padding-top: 33px;
  }

  .first-maghale-page .kasbokar a {
    height: 85px;
    font-size: 20px;
    padding-top: 33px;
  }

  .first-maghale-page .carousel-item img {
    height: 150px;
  }

  .first-maghale-page .carousel-caption p {
    font-size: 11px;
    margin-bottom: -5px;
  }

  .first-maghale-page .carousel-caption h5 {
    font-size: 13px;
  }

  .first-maghale-page .carousel-indicators {
    margin-bottom: 5px;
  }

  .first-maghale-page .carousel-control-next-icon,
  .carousel-control-prev-icon {
    width: 1rem;
  }

  .first-maghale-page .card .row {
    flex-direction: column;
    height: auto !important;
  }

  .first-maghale-page .card-body p {
    margin-bottom: 5px;
  }

  .first-maghale-page .posts h1 {
    font-size: 22.5px;
    margin-bottom: 17px;
  }

  .first-maghale-page .posts .row a {
    margin-top: 0;
  }

  .first-maghale-page .card .row .col-sm-4 {
    padding: 0 !important;
  }

  .first-maghale-page .card img {
    width: 100%;
  }

  .first-maghale-page .banerha {
    padding: 0 20px;
  }
}

@media only screen and (max-width: 350px) {
  .first-maghale-page .akhbar a {
    font-size: 18px;
  }

  .first-maghale-page .maghalat a {
    font-size: 18px;
  }

  .first-maghale-page .kasbokar a {
    font-size: 18px;
  }
}

/*svzoghi*/
.menuTopSelected {
  /* background-color: #24667c; */
  color: #24667c;
}

.PActive {
  margin: 0 !important;
  /* background-color: #96cccc !important;
  border: 1px solid rgba(0, 0, 0, 0.5); */
}

.cart-row-number {
  cursor: pointer;
  position: relative;
  padding-top: 14px;
  display: flex;
  justify-content: center;
  font-weight: bold;
}

.cart-row-number .form-check {
  display: flex;
  min-height: auto;
  padding-left: 20px;
  position: relative;
  bottom: 2px;
}

.cart-row-number .form-check-input[type="checkbox"] {
  border-radius: 100%;
}

.cart-row-percent {
  font-size: 10px;
  color: #ff0000;
  margin-top: 0px !important;
  position: relative;
  top: 2.5px;
  cursor: pointer;
  width: 30px;
  margin: auto;
  background-color: rgb(185 6 6 / 9%);
  border-radius: 10px;
  padding-top: 1px;
  margin-bottom: 5px;
}

.cart-row-limit {
  font-size: 10px;
  color: #ff0000;
  padding-left: 30px;
  font-family: adad-farsi !important;
}

.jamsa label {
  margin-top: 15px !important;
  font-weight: bold;
}

/*Categories Menu*/

.CatMenu {
  line-height: 2.5;
  margin-right: 22.5px;
}

ul,
#myUL {
  list-style-type: none;
}

.pagination {
  justify-content: center;
  padding: 0;
  direction: ltr;
}

#myUL {
  margin: 0;
  padding: 0;
}

.caret {
  line-height: 0.7;
  position: absolute;
  margin-right: -30px;
  margin-top: 12px;
  font-size: 2rem;
  cursor: pointer;
  -webkit-user-select: none;
  /* Safari 3.1+ */
  -moz-user-select: none;
  /* Firefox 2+ */
  -ms-user-select: none;
  /* IE 10+ */
  /* Opera */
  user-select: none;
}

.CatMenu li a {
  color: #24667c;
  white-space: nowrap;
  font-size: 14px;
}

.catg .titles {
  font-size: 18px;
  justify-content: center;
  background-color: #eaf6f6;
  border-radius: 10px;
  border: 1px solid #24667c;
  padding: 7.5px;
}

.catg .titles {
  font-size: 18px;
}

.CatMenu .titles h1 {
  padding-left: 22.5px;
}

.caret::before {
  content: " + ";
  /*"\25C0";*/
  color: black;
  display: inline-block;
  margin-left: 6px;
}

.caret-down::before {
  content: " - ";
  color: black;
  display: inline-block;
  margin-left: 9px;
}

.nested {
  display: none;
}

.active {
  display: block;
}

.sabad-kharid .number {
  background-color: rgba(0, 0, 0, 0.05);
  text-align: center;
}

.sabad-kharid .number-title {
  height: 3rem;
  text-align: center;
  font-size: 14px;
  padding: 0;
  margin: 0;
  display: grid;
  font-family: adad-farsi !important;
}

.title-safahat {
  font-weight: bold;
  font-size: 32px;
  margin-top: 36px;
  margin-bottom: 36px;
  line-height: 1.5;
}

.visitor {
  margin-right: 0;
  margin-left: -15px;
}

.visitor .row {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.visitor button {
  font-size: 12px;
  background-color: transparent;
  box-shadow: none;
  border: none;
}

.visitor .accordion-button:not(.collapsed) {
  color: #24667c;
  box-shadow: none;
  background-color: transparent;
}

.m-far {
  background-color: #eaf6f6;
}

.visitor .accordion-body {
  padding: 0 !important;
}

.visitor .accordion-body .col-6 {
  padding: 5px 2.5px;
  text-align: center;
  border: 0.5px solid #000;
}

.visitor .accordion-body .col-3 {
  white-space: nowrap;
  font-size: 10px;
  text-align: center;
  padding: 5px 0;
  font-size: 12px;
}

.visitor .accordion-body .col-4 {
  white-space: nowrap;
  font-size: 10px;
  text-align: center;
  padding: 5px 0;
  font-size: 12px;
}

.visitor .accordion-body .col-8 {
  white-space: nowrap;
  font-size: 12px;
  text-align: center;
  display: flex;
  flex-direction: column;
  padding: 0 5px;
  justify-content: center;
}

.visitor .bi-cart-plus-fill {
  font-size: 18px;
  color: #24667c;
  margin-left: 10px;
}

.addto {
  margin-right: auto;
  margin-left: 5px;
}

.visitor hr {
  margin: 0;
}

.visitor input {
  width: 100%;
  border: rgb(118, 118, 118) 0.5px solid !important;
  height: 22.5px;
  max-width: 110px;
}

.visitor .col-8 .dropdown-center {
  margin-top: -5px;
}

.visitor .col-8 .dropdown-toggle {
  padding: 0;
}

.visitor .col-8 .dropdown-toggle::after {
  margin-right: 5px;
}

.visitor .dropdown-menu a {
  padding: 5px;
  font-size: 12px;
  text-align: center;
}

.visitor .col-8 span {
  color: #ff0000;
  font-size: 9px;
}

.visitor .col-7 span {
  color: #ff0000;
  font-size: 9px;
}

.coti {
  border-color: #fff !important;
  font-weight: bold;
  background-color: #445268;
  color: #fff;
}

.coti .col-6 {
  padding: 5px 0;
  border: none;
}

.coti .col-4 {
  padding: 5px 0;
}

.coti .col-3 {
  padding: 5px 0;
}

.coti .col-8 {
  padding: 5px 0;
}

.visitor .accordion-body a {
  color: #000;
  width: 50%;
  padding: 0;
  text-align: left;
}

.visitor .accordion-body a .col-6 {
  width: 100% !important;
  max-width: 100% !important;
}

.visitor .entekhab {
  background-color: #96cccc;
}

.visitor .price:hover {
  text-decoration: none;
}

.visitor .accordion-button {
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
}

.visitor .col-7 {
  display: flex;
  padding-right: 10px;
  flex-direction: column;
  align-items: center;
}

.accordion-button::after {
  margin-left: 10px;
  margin-right: 0;
}

.visitor .accordion-header button:focus:not(:focus-visible) {
  box-shadow: none;
}

.visitor .btngro button:hover {
  background-color: #fff;
  border-color: #fff;
}

.visitor .accordion-item {
  margin-bottom: 0;
}

.modal-body .accordion button:hover {
  background-color: transparent;
  border-color: #fff;
  border-radius: 0px !important;
}

.visitor .accordion-item .dropdown-menu {
  z-index: 1010;
}

.sefsar {
  background-color: #24667c;
  border: 3px solid #24667c;
  border-radius: 10px;
  color: #fff;
  font-size: 12px;
}

.sefsar:hover {
  color: #445268;
  background-color: #4ad3d3;
  border-color: #4ad3d3;
}

.sefsar:focus {
  box-shadow: none;
}

.sefsar-resp {
  background-color: #24667c;
  border: 3px solid #24667c;
  border-radius: 10px;
  color: #fff;
  width: 100px;
  font-size: 12px;
  padding: 5px 10px;
}

.sefsar-resp:focus {
  box-shadow: none;
}

.visitor .accordion-header {
  background-color: #eaf7f7 !important;
}

.m-far .accordion-header {
  background-color: #fff !important;
}

.visitor .accordion-button {
  padding: 10px;
}

.pwa {
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 1.5;
}

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

.pwa .logo p {
  font-family: lale;
  color: #53b8b9;
  font-size: 25px;
}

.pwa h1 {
  font-size: 25px;
  white-space: nowrap;
}

.pwa .btn-primary {
  background-color: #445268;
  border-color: #445268;
}

.visitor-icon {
  display: none;
  color: #24667c;
}

.bg-danger-subtle .visitor-icon {
  display: flex !important;
  margin: 5px;
}

#exampleModalvisi {
  line-height: 1.5;
}

.tour-modal .nav button {
  color: #000;
}

.tour-modal .nav-tabs .nav-link {
  border: 0.2px solid rgba(0, 0, 0, 0.15);
}

.tour-modal .nav-tabs .nav-link.active {
  background-color: #24667c;
  color: #fff !important;
}

.tour-modal .tab-pane {
  margin-top: 10px;
}

.tour-modal .nav-tabs {
  padding: 0;
}

.tour-modal .btn.btn-primary {
  background-color: #24667c !important;
  border-color: #24667c !important;
}

.tour-modal .nav button {
  margin-left: 5px;
}

.tour-modal .tab-pane {
  padding: 10px;
  line-height: 1.75;
  border-radius: 0 0 10px 10px;
  text-align: justify;
}

.arrow-box {
  position: fixed;
  bottom: 60px;
  right: -50px;
  width: 200px;
  background-image: url(../images/z.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #055160;
  padding: 14px 20px;
  cursor: pointer;
  z-index: 1030;
  font-weight: 500;
  border: none;
  align-items: center;
  transition: right .28s cubic-bezier(.2, .9, .3, 1);
  user-select: none;
  display: flex;
  justify-content: flex-end;
}

/* مثلث بوردر (کُد قبلی شما) */
/* .arrow-box::before,
.arrow-box::after{
  content: "";
  position: absolute;
  top: 54%;
  transform: translateY(-50%);
  pointer-events: none;
}
.arrow-box::before{
  left: -21.5px;
  border-top: 23.5px solid transparent;
  border-bottom: 23.5px solid transparent;
  border-right: 22.5px solid #24667c;
}
.arrow-box::after{
  left: -19.5px;
  border-top: 21.5px solid transparent;
  border-bottom: 21.5px solid transparent;
  border-right: 20.5px solid #CFF4FC;
} */

/* وقتی جمع شده میره سمت راست */
.arrow-box.shifted {
  right: -127px;
  /* همونی که خواستی */
}

/* متن داخل باکس */
.arrow-text {
  pointer-events: none;
  /* کلیک روی متن مودال را فعال کنه، ولی نه روی badge */
}

/* badge button (دایره‌ای) */
.badge-btn {
  background: #dc3545;
  color: #fff;
  border: none;
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border-radius: 999px;
  right: 15px;
  position: relative;
  transition: opacity .18s ease, transform .18s ease;
  flex-shrink: 0;
  z-index: 100;
}

/* وقتی میخوای مخفی کنی (اختیاری) */
.badge-btn.hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-6px);
}

/* آیکن قابل چرخش */
.chev {
  display: block;
  transition: transform .22s ease;
  transform-origin: 50% 50%;
  /* حالت پیش‌فرض: جهت چپ (arrow pointing left-ish) — میتونی با rotate تغییر بدی */
  transform: rotate(0deg);
}

/* وقتی بسته شده، آیکن 180 درجه میچرخه => جهتش عوض میشه */
.badge-btn[aria-pressed="true"] .chev {
  transform: rotate(180deg);
}

.tour-modal .js-next,
.tour-modal .js-prev {
  color: #24667c;
}

.arrow-box.shifted {
  right: -160px;
  /* همونی که خواستی */
}


@media only screen and (max-width: 1000px) {
  .bg-danger-subtle .visitor-icon {
    margin: 2.5px 5px;
  }

  .arrow-box {
    padding: 10px;
    font-size: 12px;
    right: -95px;
  }

  .arrow-box.shifted {
    right: -170px;
    /* همونی که خواستی */
  }

  .badge-btn {
    right: 5px;
  }

  .tour-modal .btn.btn-primary,
  .tour-modal .js-next,
  .tour-modal .js-prev {
    font-size: 14px;
  }

  .tour-modal .nav-item button {
    padding: 5px;
    font-size: 12px;
  }

  .tour-modal {
    font-size: 14px;
  }

  .tour-modal .modal-body {
    padding-top: 10px;
  }

  .arrow-box::after {
    left: -19.5px;
    border-top: 20.5px solid transparent;
    border-bottom: 20.5px solid transparent;
    border-right: 19.5px solid #CFF4FC;
  }

  .arrow-box::before {
    left: -21.5px;
    border-top: 21.5px solid transparent;
    border-bottom: 21.5px solid transparent;
    border-right: 20.5px solid #24667c;
  }
}

.mahsool-body hr {
  margin: 8px 0 0 !important;
}

.firstlogin .list-group-item div {
  color: #24667c;
}

.list-group-item .profile-1,
.list-group-item .profile-2 {
  line-height: 1.75;
  font-size: 14px;
  text-align: justify;
}

.list-group-item .profile-1::before {
  content: "خرده فروش به فروشگاهی گفته می‌شود که خرید جزئی یا عمده از تامین کنندگان یا پخش کنندگان دارد و مشتریانش مصرف کنندگان می باشند.";
}

.list-group-item .profile-2::before {
  content: "تامین کنندگان یا پخش کنندگان کالای خود را جهت فروش به خرده فروشان یا خریداران عمده عرضه می‌کنند و مشتری مصرف کننده ندارند.";
}

.prof-modal::before {
  content: "اگر خرید عمده دارید نقش خریدار را انتخاب کنید و اگر خود نیز می‌خواهید فروش به خرده فروش داشته باشید به عنوان تامین کننده ثبت‌نام فرمائید.";
}

.prof-modal {
  line-height: 1.75;
}

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

.login small {
  font-size: 10px;
  margin-top: 10px;
  margin-bottom: 4px;
  line-height: 1.5;
}

/* HTML: <div class="loader"></div> */
.loader {
  width: 50px;
  padding: 8px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #25b09b;
  --_m: conic-gradient(#0000 10%, #000), linear-gradient(#000 0 0) content-box;
  -webkit-mask: var(--_m);
  mask: var(--_m);
  -webkit-mask-composite: source-out;
  mask-composite: subtract;
  animation: l3 1s infinite linear;
}

@keyframes l3 {
  to {
    transform: rotate(1turn);
  }
}

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

.page-item:first-child .page-link {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.page-item:last-child .page-link {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.offcanvas {
  visibility: visible !important;
}

.aparatsvg {
  position: relative;
  bottom: 7.5px;
}

.aparatsvg1 {
  position: relative;
  bottom: -3.5px;
}

.header1 .aparatsvg1:hover {
  fill: #c0dee1;
}

.portfolio-menu {
  text-align: center;
}

.portfolio-menu ul li {
  display: inline-block;
  margin: 0;
  list-style: none;
  padding: 10px 15px;
  cursor: pointer;
  -webkit-transition: all 05s ease;
  -moz-transition: all 05s ease;
  -ms-transition: all 05s ease;
  -o-transition: all 05s ease;
  transition: all 0.5s ease;
}

.portfolio-item .item {
  /*width:303px;*/
  float: left;
  margin-bottom: 10px;
}

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

.portfolio-item {
  width: 20%;
  max-height: 250px;
  overflow-y: auto;
}

.product-page .carousel__slides {
  left: 30px;
}

/* @media only screen and (min-width: 768px) {
  .hadof2 {
    margin-top: 15px;
  }
} */

.sheb .input-group-sheb {
  flex-direction: row-reverse;
  position: relative;
  display: flex;
  align-items: stretch;
}

.sheb .input-group-sheb .input-group-text {
  border-radius: 0.25rem 0 0 0.25rem;
}

.sheb .input-group-sheb .form-control {
  border-radius: 0 0.25rem 0.25rem 0;
}

.ersal2:hover {
  color: #53b8b9;
}

.header .dropdown-item.active,
.header .dropdown-item:active {
  background-color: #24667c;
}

@media only screen and (max-width: 576px) {
  .portfolio-item {
    width: 20%;
    max-height: 175px;
    overflow-y: auto;
  }

  .dash-prof {
    font-size: 13px;
  }

  .header-11 {
    padding-right: 5px;
  }
}

.taied {
  width: 90%;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-around;
  align-items: center;
}

.dash-prof {
  color: #24667c;
}

.sabad-alert {
  display: inline-block;
  line-height: 1.5;
}

h1 {
  line-height: 1.5;
}

.svmega {
  height: auto;
}

div.Leftmenu {
  padding: 10px;
  padding-bottom: 0;
  height: 400px;
  overflow-y: auto;
  direction: ltr;
  text-align: right;
}

.svmega .row {
  direction: rtl;
}

div.rightmenu ul {
  margin-bottom: 0;
  padding-bottom: 4px;
}

.svmenu2 .list1 {
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(14, 1fr);
}

.svmenu13 .list1 {
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(14, 1fr);
}

.svmenu3 .list1 {
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(14, 1fr);
}

#myModal11 {
  line-height: 1.75;
  text-align: justify;
}

#myModal11 .accordion-button {
  justify-content: space-between !important;
}

#myModal11 .accordion-body p {
  line-height: 1.75;
}

#myModal11 .accordion-button:not(.collapsed) {
  color: #24667c;
  background-color: #f4fcfb !important;
}

#myModal11 .modal-footer .btn {
  background-color: #24667c !important;
}

.list1 .ra2 {
  border-right: 2px solid;
  padding-right: 7.5px;
  color: #24667c;
  height: 15px;
  margin-bottom: 11px;
  display: flex;
  align-items: center;
}

.cart-aler p {
  line-height: 1.75;
  text-align: justify;
  font-size: 15px;
}

.list1 .ra2 a {
  position: relative;
  top: 2px;
}

div.rightmenu ul {
  background-color: #eaf6f6;
}

.svmega {
  border-top: 0px;
}

.menuTopSelected a {
  color: #24667c;
}

.navbar-expand .navbar-nav .nav-link {
  padding: 10px 5px;
}

div.rightmenu li a:hover {
  color: #fff;
}

.product-bt .product-btn {
  border: 0.5px solid #24667c;
  color: #24667c;
  border-radius: 10px;
  width: 80%;
  margin-left: 30px;
}

.product-bt .product-btn:focus:not(:focus-visible) {
  box-shadow: none;
}

div.Leftmenu a:hover {
  color: #24667c !important;
}

.brd-lef {
  border-left-width: 1px;
}

.bt-res-pr {
  color: #24667c;
}

.daiere1 {
  height: 15px;
  display: flex;
  background-color: #fff;
  width: 15px;
  border: 0.25px solid grey !important;
  position: relative;
  bottom: 2px;
}

.daiere2 {
  background-color: #24667c;
  /* padding: 4.5px 3px; */
  width: 13px;
  height: 13px;
  margin: auto;
  display: none;
  position: relative;
  /* top: 0.5px; */
}

.PActive .daiere2 {
  display: block !important;
}

.cart-modal .col-sm-8 {
  width: 66.66% !important;
}

.basketCount {
  font-size: 7.5px;
  transform: translate(0, 200%) !important;
  padding-top: 4px;
  padding-right: 5px;
  padding-left: 5px;
}

.modal-cart .btn.btn-primary {
  background-color: #24667c !important;
  border-color: #24667c !important;
}

.btn.p-0.modal-cart:focus {
  box-shadow: none;
}

.btn.p-0.modal-cart:hover {
  box-shadow: none;
}

@media only screen and (max-width: 576px) {
  .basketCount {
    transform: translate(0, 90%) !important;
    font-size: 8.5px;
  }

  .factor-rasmi input {
    margin-left: 5px !important;
    height: 13px;
    width: 13px;
  }

  .cart-modal .col-sm-8 {
    width: 90% !important;
    margin: auto !important;
  }

  .cart-modal .modal-footer {
    padding-left: 0;
  }

  #myModal11 .modal-dialog {
    margin-top: 45px;
  }

  #myModal11 .modal-dialog .modal-body {
    overflow-y: auto;
    height: 600px;
  }
}

.cart-modal .col-sm-9 {
  width: 75% !important;
}

@media only screen and (max-width: 1000px) {
  .PActive .daiere2 {
    padding-top: 0 !important;
  }

  .cart-modal .col-sm-9 {
    width: 90% !important;
    margin: auto !important;
  }

  .daiere1 {
    padding-top: 0 !important;
  }
}

.toggle-password {
  cursor: pointer;
  display: flex;
  position: relative;
  right: 60px;
  top: 12.5px;
}

.toggle-password1,
.toggle-password2 {
  cursor: pointer;
  display: flex;
  position: relative;
  right: 60px;
  top: 18px;
}

.prof-pas .toggle-passworda,
.prof-pas .toggle-password1a,
.prof-pas .toggle-password2a {
  cursor: pointer;
  position: relative;
  left: 25px !important;
}

.confpay {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.confpay h1,
.confpay h2,
.confpay p {
  text-align: center;
}

.confpay h2 {
  margin-top: 0;
}

.confpay .links {
  display: flex;
  justify-content: center;
  padding-top: 15px;
}

.confpay a {
  text-decoration: none;
  color: #24667c;
  font-size: 18px;
}

.confpay img {
  padding-top: 30px;
  margin: auto;
}

.offcanvas-body #notifications_unread1 h5 {
  margin-bottom: 5px;
}

.offcanvas-body #notifications_unread1 .badge {
  position: relative;
  bottom: 1px;
}

#newNotifCount11 {
  font-size: 9px;
}

#newNotifCount12 {
  display: flex;
  width: 8px;
  height: 8px;
  padding: 0;
  position: relative;
  right: 10px;
}

#newNotifCount1a {
  display: inline-block;
  padding: 0;
  height: 7.5px;
  width: 7.5px;
  position: relative;
  top: -5px;
  right: 5px;
}

#newNotifCount {
  font-size: 9.5px;
}

.safhe .maghalat {
  align-content: flex-start;
}

.titles.d-flex.justify-content-between a {
  color: #24667c !important;
}

.titles.d-flex.justify-content-between {
  align-items: center !important;
}

/* مخفی کردن پیکان‌های افزایش و کاهش در اینپوت‌های عددی */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  appearance: textfield;
  /* Standard property for compatibility */
  -moz-appearance: textfield;
  /* مخفی کردن پیکان‌ها در مرورگر فایرفاکس */
}

.dropdown-menu.dropdown-menu-end.show {
  transform: translate3d(15px, 46px, 0px) !important;
}

.forg-regis .toggle-password {
  top: 19px !important;
}

.text-center.w-25.aaa {
  border: 0.5px solid rgba(0, 0, 0, 0.2);
}

.main-footer .ertebat li p {
  text-align: right;
  line-height: 1.75;
}

.ghorfe .btngro-res .navbar button:focus {
  box-shadow: none;
}

input {
  touch-action: manipulation;
}

.sabad-kharid .col-lg-2 .dropdown-center {
  text-align: center;
}

.search-page .col-sm-8 {
  height: 45px;
}

.search-page label {
  font-size: 14px;
}

.search-page textarea {
  height: 100px !important;
  font-size: 14px;
}

.search-page .zakhire-input {
  background-color: #24667c !important;
  color: #fff !important;
  padding: 10px 15px !important;
  border-radius: 15px !important;
  height: auto !important;
  width: auto;
  font-size: 14px !important;
}

.st-main-footer {
  padding: 60px 0;
}

.st-footer-social {
  margin-top: 10px;
}

.st-footer-social-btn {
  font-size: 14px;
}

.st-footer-social-btn li {
  margin: 0 10px;
}

.st-footer-social-btn li a {
  display: flex;
}

.st-footer-social-btn li a {
  display: flex;
  color: #b5b5b5;
}

.st-footer-social-btn a:hover {
  color: #ef6000;
}

.st-copyright-text {
  border-top: 1px solid rgba(208, 208, 226, 0.6);
  padding: 19px 15px;
}

.st-footer-logo {
  margin-bottom: 10px;
}

.st-footer-social-btn li a {
  font-size: 25px;
  color: #5dbec5 !important;
}

.st-footer-social-btn li a:hover {
  color: #24667c;
}

footer.st-style1 {
  background-color: #24667c;
  color: #fff;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.5;
}

footer.st-style1 .detail li {
  margin-bottom: 10px;
}

footer.st-style1 .detail p {
  margin-bottom: 0;
  margin-right: 7.5px;
}

.st-main-footer {
  padding: 30px 0 25px;
}

.first-footer .st-footer-logo,
.st-footer-social {
  justify-content: center;
}

footer.st-style1 a {
  color: #fff;
}

footer.st-style1 a:hover {
  color: #ef6000;
  border-color: #ef6000;
}

.st-footer-social-btn li {
  margin: 0 10px;
}

.st-footer-social-btn {
  font-size: 14px;
  display: flex;
}

@media (min-width: 1200px) {
  .address {
    white-space: nowrap;
  }
}

@media (min-width: 576px) {
  .search-page .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667% !important;
  }
}

@media (max-width: 576px) {
  .st-main-footer {
    padding: 25px 0 65px;
  }

  .num11 {
    margin-bottom: 0 !important;
  }

  .numbers-phone {
    display: flex;
    align-items: center;
    justify-content: space-between;

  }

  .st-copyright-text {
    display: none;
    margin-bottom: 65px;
  }

  .detail ul {
    padding: 0 15px;
  }

  .address {
    white-space: nowrap;
  }

  .st-footer-social-btn {
    padding: 0 !important;
  }

  footer.st-style1 .detail p {
    font-size: 13px;
  }

  .search-page label {
    margin-bottom: 10px;
  }

  .search-page .col-sm-8 {
    margin-right: 10px;
  }

  .links-ft .mx-0 a {
    font-size: 13px;
    padding: 0 5px;
  }

  .mahsool-footer .row.col-6.col-sm-7.p-0 {
    display: flex;
    flex-direction: column-reverse;
  }
}

@media (max-width: 430px) {
  .st-copyright-text {
    margin-bottom: 50px;
  }
}

@media only screen and (max-width: 576px) {
  .brand-page-2 .sort-search .row.mb-0.mt-2.pb-0 {
    margin: auto;
    padding-right: 10px;
  }
}

.yaft {
  line-height: 1.75;
  color: #445268;
  margin-top: 10px;
  margin-bottom: 20px;
  font-weight: bold;
}

.adam-mojod {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  margin-top: 25px;
  margin-bottom: 20px;
  line-height: 1.75;
}

.errors h1 {
  color: #24667c;
  font-weight: bold;
  font-size: 70px;
}

.errors h2 {
  color: #24667c;
  font-weight: bold;
}

.errors p {
  line-height: 1.75;
  text-align: center;
}

.errors a {
  color: #24667c;
  font-weight: bold;
}

.conditions {
  line-height: 1.5;
}

.conditions .titles {
  background-color: #eaf7f7;
  border-radius: 7.5px;
}

.conditions .titles p {
  color: #ff0000;
  font-weight: 600;
}

.conditions .matn {
  color: #777;
  text-align: justify;
  font-size: 14px;
}

.conditions .matn li {
  margin-top: 10px;
}

/* .matn p {
	line-height: 1.5;
}

.title-text p {
	line-height: 1.5;
} */

.conditions .accordion-button::after {
  margin-right: auto;
  margin-left: 0;
}

.conditions .rules {
  line-height: 1.5;
}

.prov {
  text-align: center;
}

.conditions .accordion-body li {
  margin-bottom: 10px;
}

.conditions .accordion-body {
  color: #777 !important;
  font-size: 14px;
  text-align: justify;
}

.conditions .accordion-header button {
  text-align: right;
  line-height: 1.75;
  font-weight: 600;
  color: #777 !important;
}

.conditions .accordion-button {
  background-color: #f8f8f8;
  border: 1px solid black;
}

.conditions .accordion-flush .accordion-item .accordion-button,
.conditions .accordion-flush .accordion-item .accordion-button.collapsed {
  border-radius: 5px !important;
  background-color: #f8f8f8;
  color: #000;
}

.conditions .accordion-flush .accordion-item {
  border: 0.5px solid rgb(100, 100, 100);
  background-color: #f8f8f8;
  margin-top: 5px;
  border-radius: 5px !important;
}

@media only screen and (max-width: 1000px) {
  .title-pic {
    text-align: center;
  }

  .title-pic img {
    width: 65%;
  }
}

.MsoNormalTable {
  width: auto !important;
}

.product-page .jadval i.bi-info-circle-fill {
  font-size: 20px;
}

.product-page .itemha-res button i {
  font-size: 20px;
}

@media only screen and (max-width: 576px) {
  .seller h2 {
    font-size: 18px;
    line-height: 2;
  }
}

.breadcrumb-item a {
  color: #81858b !important;
  font-size: 13px;
}

.breadcrumb-item.active a {
  color: #24667c !important;
  font-size: 16px;
}

.breadcrumb-item.active {
  color: #24667c;
}

.breadcrumb {
  line-height: 1.75;
}

.breadcrumb-item.active::before {
  display: none;
}

.breadcrumb {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: unset !important;
}

.breadcrumb-item,
.breadcrumb-item a {
  white-space: normal !important;
  word-break: break-word !important;
  overflow-wrap: break-word !important;
  direction: rtl;
  text-align: right;
  display: inline-block;
  max-width: 100%;
}

.pish-sef {
  background-color: #24667c !important;
  color: #fff;
  padding: 7.5px 10px !important;
  font-weight: bold;
  border-radius: 7.5px;
  margin-top: 5px;
  font-size: 14px;
}

.percent-color {
  width: 30px;
  margin: auto;
  background-color: rgb(185 6 6 / 9%);
  border-radius: 10px;
  padding-top: 1px;
}

.pish-sef:hover {
  background-color: #4ad3d3 !important;
}

@media only screen and (max-width: 576px) {

  .soalat .accordion-flush .accordion-item .accordion-button,
  .seller .accordion-flush .accordion-item .accordion-button.collapsed {
    font-size: 13px;
  }

  .soalat .accordion-body p {
    font-size: 12px;
  }

  .product-page .itemha-res button i {
    font-size: 25px;
  }

  .pish-sef {
    margin-top: 0;
    font-size: 12px;
  }

  .breadcrumb-item,
  .breadcrumb-item a {
    font-size: 12px !important;
  }
}

.soalat .accordion-button::after {
  margin-left: 0;
  margin-right: auto;
}

.soalat #flush-collapse7 strong {
  color: #ff9f0f;
}

.soalat .accordion-body p {
  line-height: 1.5;
  text-align: justify;
  margin: 0 !important;
}

.soalat .accordion-button {
  background-color: #f8f8f8;
  border: 1px solid black;
  font-weight: bold;
}

.soalat .accordion-flush .accordion-item .accordion-button,
.soalat .accordion-flush .accordion-item .accordion-button.collapsed {
  border-radius: 5px !important;
  background-color: #f8f8f8;
  color: #000;
  text-align: right;
  line-height: 2;
}

.soalat .accordion-flush .accordion-item .accordion-button.collapsed p {
  color: #797979;
}

.soalat .accordion-flush .accordion-item {
  border: 0.5px solid rgb(100, 100, 100);
  background-color: #f8f8f8;
  margin-top: 5px;
  border-radius: 5px !important;
}

.soalat .accordion-button:focus {
  box-shadow: none;
  --bs-accordion-btn-focus-border-color: #000;
}

/* .alert-info {
  color: #1b69c0 !important;
  background-color: #E9F3FF !important;
  border-color: #217fe9 !important;
} */

/* .links-ft a {
  max-width: 100px;
} */

.br-rl {
  /* border-right: 2px solid #fff; */
  border-right: 2px solid #fff;
}

@media only screen and (max-width: 576px) {

  .soalat .accordion-flush .accordion-item .accordion-button,
  .seller .accordion-flush .accordion-item .accordion-button.collapsed {
    font-size: 13px;
  }

  .soalat .accordion-body p {
    font-size: 12px;
  }
}

footer.st-style1 {
  margin-top: 40px;
}

div.journey-js-dialog,
div.journey-js-dialog-lg {
  background-color: #fff !important;
  color: #24667c !important;
  font-family: iransans !important;
}

div.journey-js-dialog div.buttons button.back,
div.journey-js-dialog div.buttons button.next,
div.journey-js-dialog-lg div.buttons button.back,
div.journey-js-dialog-lg div.buttons button.next,
div.journey-js-dialog div.buttons button.back:not([disabled]):hover,
div.journey-js-dialog div.buttons button.next:not([disabled]):hover,
div.journey-js-dialog-lg div.buttons button.back:not([disabled]):hover,
div.journey-js-dialog-lg div.buttons button.next:not([disabled]):hover {
  font-family: iransans !important;
  background-color: #24667c !important;
  display: flex;
  justify-content: center;
}

div.journey-js-dialog div.progress-dots div.dot-active,
div.journey-js-dialog-lg div.progress-dots div.dot-active {
  background-color: #24667c !important;
}

div.journey-js-dialog div.buttons button.back:disabled,
div.journey-js-dialog div.buttons button.next:disabled,
div.journey-js-dialog-lg div.buttons button.back:disabled,
div.journey-js-dialog-lg div.buttons button.next:disabled {
  background-color: #24667c !important;
}

div.journey-js-dialog button.close,
div.journey-js-dialog-lg button.close {
  background-color: #fff !important;
}

div.journey-js-dialog button.close::before,
div.journey-js-dialog button.close::after,
div.journey-js-dialog-lg button.close::before,
div.journey-js-dialog-lg button.close::after,
div.journey-js-dialog button.close::before,
div.journey-js-dialog button.close::after,
div.journey-js-dialog-lg button.close::before,
div.journey-js-dialog-lg button.close::after {
  background-color: #24667c !important;
}

div.journey-js-dialog button.close,
div.journey-js-dialog-lg button.close {
  border: none !important;
}

div.journey-js-dialog div.progress-dots div.dot,
div.journey-js-dialog-lg div.progress-dots div.dot {
  background-color: #CECECE !important;
}

.card .card-footer:last-child {
  border-radius: 0px 0px 5px 5px;
}

/* @media (min-width: 576px) {
  footer.st-style1 .container {
    max-width: 540px !important;
  }
} */

@media (min-width: 768px) {
  footer.st-style1 .container {
    max-width: 720px !important;
  }
}

@media (min-width: 992px) {
  footer.st-style1.container {
    max-width: 960px !important;
  }
}

@media (min-width: 1200px) {
  footer.st-style1 .container {
    max-width: 1140px !important;
  }
}

.st-copyright-text {
  border-top: 1px solid rgba(208, 208, 226, 0.6);
  padding: 19px 15px;
}

footer.st-style1 .container {
  padding-top: 1px;
  margin-top: -1px;
}

.links-ft {
  padding: 0 !important;
  display: flex;
  align-items: center;
}

.links-ft .mx-0 a {
  white-space: nowrap;
  text-align: right;
  padding-right: 5px;
}

.mahsool-details h2 a,
.mahsool-details h3 a {
  color: #24667c;
}



.fancylight.popup-btn img {
  border: 1px solid #CECECE;
  border-radius: 10px;
}

.fancylight.popup-btn .gallery {
  border: none !important;
}

.first-maghale-page .aparatsvg1 , .fehrast .aparatsvg1 {
  bottom: 3.5px;
}

.btn-noprice {
  color: #24667c !important;
  border: 1px solid #24667c !important;
  padding: 7.5px !important;
  border-radius: 10px;
  transition: all 0.2s ease-in-out;
}

.btn-noprice:hover {
  background-color: #24667c !important;
  color: #fff !important;
}

.header-modal-matn-1::before {
  content: " ۱-  تامین کنندگان این پلتفرم به صورت مستقیم با شما در ارتباط هستند و سفارش‌ها را دریافت می‌کنند، لذا ویزیتورجیبی فروشنده کالاها نمی‌باشد و فقط به عنوان پشتیبان شما پاسخگو خواهد بود.";
}

.header-modal-matn-2::before {
  content: "۲- در صورتی که قیمت کالایی به نمایش در نیامد،یعنی تامین کننده در حال درج اطلاعات کالا می باشد و هنوز قیمت گذاری نکرده است.شما می توانید همانند کالاهای دارای قیمت، ثبت سفارش کنید، تا تامین کننده با قیمت گذاری به‌روز کالا، لیست سفارش شما را اصلاح و جهت تایید به شما ارسال نماید.";
}

.header-modal-matn-3::before {
  content: "۳- به دلیل نوسانات قیمت، ممکن است قیمت نهایی کالا تغییراتی داشته باشد، لذا تامین کننده با اصلاح پیش فاکتور قیمت‌های نهایی را جهت تایید، به شما اعلام خواهد کرد";
}

.header-modal-matn-3-1 {
  display: none;
}

.header-modal-matn-4::before {
  content: "۲- تامین کنندگان در پلتفرم ویزیتورجیبی امکان خرید ندارند.";
}

.header-modal-matn-5 {
  display: none;
}

.pre-header-matn::before {
  content: "به دلیل نوسانات و یا عدم بروزرسانی و یا عدم درج قیمت‌ها توسط برخی تامین کنندگان، با ثبت سفارش کالا، قیمت و شرایط روز به شما اعلام می‌گردد.";
}

.pre-header-matn-res::before {
  content: "به دلیل نوسانات و یا عدم بروزرسانی و یا عدم درج قیمت‌ها توسط برخی تامین کنندگان، با ثبت سفارش کالا، قیمت و شرایط روز به شما اعلام می‌گردد.";
}

.brand-logo-name {
  white-space: nowrap;
  font-size: 1.8rem;
  font-weight: 400;
  font-family: lale;
  color: #53B8B9;
}

.product-matn-container {
  margin-top: 10px;
  /* color: #24667C; */
  line-height: 1.5;
  /* display: none; */
}

.product-matn-container .alert {
  font-size: 15px;
}

.product-matn-container .alert {
  padding: 10px 15px;
  margin-bottom: 15px !important;
}

.product-matn-container .alert .d-flex {
  justify-content: space-between;
}

.product-matn-container {
  text-align: justify;
}

.product-matn::before {
  content: "با ثبت سفارش از قیمت و شرایط روز کالاها مطلع گردید.";
}

.brand-1-matn-res,
.brand-1-matn,
.brand-2-matn-res,
.brand-2-matn,
.shop-2-matn-res,
.shop-2-matn,
.shop-1-matn-res,
.shop-1-matn {
  display: none !important;
}

.cart-matn::before {
  content: " با توجه به قیمت‌ها، نحوه مراوده‌ی مالی هر کالا را انتخاب کنید.";
}

.cart-matn-2::before {
  content: " به دلیل نوسانات قیمت، ممکن است تامین کننده با اصلاح پیش فاکتور، قیمت‌های نهایی را جهت تایید، به شما اعلام نماید.";
}

.cart-title-page h1 {
  font-size: 30px;
}


.cat-des-1 {
  line-height: 1.75;
  text-align: justify;
  color: #6c757d;
}

.cat-des-1 h2 {
  font-size: 22px;
}

.cat-des-1 .dess {
    font-size: 15px;
  }

@media only screen and (max-width: 576px) {
  .product-matn {
    font-size: 13px;
  }

  .cat-des-1 .dess {
    font-size: 13px;
  }

  .cart-title-page h1 {
    font-size: 20px;
  }

  /* .cart-title-page {
  flex-direction: column;
} */


  .product-matn2 {
    text-align: left;
    font-size: 13px;
  }

  .product-matn-container .alert .d-flex {
    flex-direction: column;
  }
}

.tab-shop-1,
.tab-shop-2,
.brand-tab-1,
.brand-tab-2,
.search-tab-1 {
  display: none;
}

.links-ft .links-3 {
  display: none;
}

.sabt-res {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: auto;
}

.sabt-res span {
  color: #24667c;
  margin-top: 5px;
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: 0 !important;
}



/*                   header                   */

header {
  border-bottom: 2px solid #efefef;
  background-color: #fff;
}

#popmenu p {
  margin-bottom: 0px;
  padding: 5px 0;
  text-align: right;
}

.btn-check:focus+.btn, .btn:focus {
  box-shadow: none;
}

.login-btn-1.btn:hover {
  color: #fff;
  background-color: #408EA5;
}

#UsageType3 {
  margin-right: 15px;
}

.new-header {
      display: flex;
    justify-content: space-between;
    padding: 10px;
  align-items: center;
  background-color: #fff;
}

.new-header .logo {
  display: flex;
}

.new-header .logo .icon-logo {
  width: 60px;
}

.new-header .typography-logo {
  width: 160px !important;
}

.logo-pics {
  display: flex;
    align-items: center;
}

.header-actions {
  margin-right: auto;
      display: flex;
    align-items: center;
}

.head-1 ul {
  display: flex;
  margin: 0;
}

.head-1 ul li a {
  margin: 0 15px;
  color: #184351;
  font-weight: 500;
  white-space: nowrap;
}

.footer-link-plus {
  display: none;
}

.head-1 ul li a:hover {
  color: #24667c;
}

.head-1 nav {
  display: flex;
  align-items: center;
}

.dropdown-item.active, .dropdown-item:active {
  background-color: #24667c;
}

    .search-box {
      position: relative;
    }

    .search-box input {
      padding: 8px 40px 8px 14px;
      border: 1px solid #24667c;
      border-radius: 8px;
      background-color: #EAF6F6;
      height: 40px;
  font-size: 12px;
    }

    .search-box input {
      outline-offset: 0;
      outline-color: #24667c;
    }

    .search-box button {
      position: absolute;
      top: 50%;
      right: 8px;
      transform: translateY(-50%);
      background: none;
      border: none;
      cursor: pointer;
      font-size: 16px;
      color: #555;
    }

.search-box i {
  color: #24667c;
}

.login-btn-1 {
  background-color: #24667c;
  color: #fff;
  margin-right: 10px;
  font-size: 14px;
      padding: 8px 12px;
}

.links-ft .links-1 , .links-ft .links-2 {
  justify-content: space-around;
}

ul.namad {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 0 20px;
}

ul.namad .payping-logo {
  width: 50%;
}

ul.namad .enamad-logo {
  width: 70%;
}

#PPTrust img {
    width: 54px !important;
    height: 67px !important;
}

@media (max-width: 1100px) {
  .head-1 ul {
    padding: 10px;
  }
}

@media (max-width: 1024px) {
  .login-btn {
    display: none;
  }

  header {
      position: sticky;
    top: 0;
    z-index: 1030;
  }

  .links-ft {
    align-items: flex-start;
  }

  .header-actions .bi-person-circle , .header-actions .bi-box-arrow-in-right{
    color: #184351;
    font-size: 22.5px;
  }

  .list-ic {
    justify-content: center;
  }

  .list-ic svg {
    margin-bottom: -10px !important;
    margin-top: -8px !important;
    margin-left: 7.5px !important;
    width: 30px !important;
  }

  #footer-kol-2 .itemnav , #footer-kol-3 .itemnav {
    justify-content: center;
  }

  #footer-kol-2 .list-ic-2 svg , #footer-kol-3 .list-ic-2 svg {
      margin-top: -5px;
    margin-bottom: -3px;
  }

}

@media (max-width: 576px) {
  .new-header .logo .icon-logo {
    width: 45px;
}

.header-actions {
  margin: 0;
  width: 85%;
      justify-content: space-between;
}

ul.namad .enamad-logo {
  width: 50px;
}

ul.namad .payping-logo img {
  width: 35px;
}

ul.namad {
  padding: 0;
}

.links-ft .col-7 {
  margin-top: 10px;
}

.search-box {
  width: 100%;
}

.new-header .logo .icon-logo {
  margin-left: 10px;
}

.search-box input {
  width: 100%;
  font-size: 11px;
}

.links-ft {
  justify-content: space-around;
  padding: 0 27px !important;
  margin-top: 10px;
}

    .new-header.container-sm {
        max-width: 650px;
    }
}




/*                   home page                   */


.hero-pic-slider {
  align-items: center;
  flex-direction: row-reverse;
}

.hero-pic-slider img {
  width: 95%;
  margin: auto;
  /* border: 2.5px solid #24667c; */
  border-radius: 15px;
}

.carousel-control-next,
.carousel-control-prev {
  color: #24667c;
}

.carousel-control-next span,
.carousel-control-prev span {
  display: none;
  padding: 20px;
  font-size: 20px;
  border-radius: 50%;
  color: #24667c;
  border: 1px solid rgba(255, 0, 166, 0.06);
  box-shadow: rgba(58, 61, 66, 0.06) 0px 1px 0px, rgba(0, 0, 0, 0.2) 0px 4px 16px -8px;
  opacity: 1;
}

.home-page .carousel-indicators [data-bs-target] {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

/* .swiper-button-next1,
.swiper-button-next2 {
  margin-right: auto;
}

.swiper-button-prev1,
.swiper-button-prev2 {
  position: relative;
  bottom: 215px;
  left: 55px;
}

.swiper-button-next1,
.swiper-button-next2 {
  position: relative;
  top: 215px;
  right: 65px;
} */

.minbanerh {
      flex-direction: column;
      justify-content: space-between;
      width: 32%;
}

.benefits {
  display: flex;
    justify-content: space-around;
}

.benefits .row {
  justify-content: center;
  flex-direction: column;

}

/* .offers h2,
.offers2 h2 {
  margin-bottom: -40px;
} */

.benefits .col-6 {
  display: flex;
  flex-direction: column;
  align-items: center;
  box-shadow: 0px 5px 10px 5px rgba(106, 106, 106, 0.12);
  padding: 20px;
  margin: 10px 0;
  border-radius: 10px;
}

@media (min-width: 992px) {
    .benefits .col-lg-3 {
        flex: 0 0 auto;
        width: 23%;
    }
}



.benefits .col-6 h3 {
  font-size: 18px;
  color: #24667c;
  text-align: center;
  line-height: 1.65;
}

.benefits .col-6 i {
  font-size: 30px;
  color: #184351;
  margin-bottom: 10px;
}

.home-page h2 {
  font-size: 26px;
}

.swiper-wrapper {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 20px;
}

.swiper-backface-hidden .swp-1 {
  transition: all 0.3s ease;
}

.swiper-backface-hidden .swp-1:hover {
  scale: 1.1;
}

.item-swiper1 img {
  width: 75px;
  margin: auto;
}

.swp {
  justify-content: center;
}

.swp-1 {
  border: 1px solid rgb(36, 102, 124, 0.2);
  border-radius: 0.75rem;
  padding: 10px;
  background-color: #fafafa;
  box-shadow: inset 0 0 5px 0px #143743;
  height: auto;
  width: 18%;
  margin: 10px;
}

.swiper-container,
.swiper-container1,
.swiper-container2 {
  width: 100%;
  height: 100%;
  padding-left: 30px;
}

.swiper-container,
.swiper-container1,
.swiper-container2 {
  overflow: hidden;
}

.swiper-wrapper {
  overflow: visible;
}

.swiper-rtl .swiper-button-next {
  left: 100px;
}

.swiper-rtl .swiper-button-prev {
  right: 100px;
}

.swiper-container,
.swiper-container1,
.swiper-container2 {
  overflow: hidden;
  /* لازمه برای کنترل اسکرول افقی */
}

.swiper-pagination2 {
  display: flex;
  width: auto !important;
  margin-right: auto;
}

.swiper-btns {
  display: flex;
}

.swiper-details {
  display: flex;
  align-items: center;
  justify-content: space-between;
}


.item-swiper2 .btn,
.item-swiper3 .btn {
  background-color: #24667c;
  margin-top: 5px;
  color: #fff;
  margin-right: auto;
  font-size: 13px;
}

.item-swiper2 .card {
  border-radius: 10px;
  margin: 0 10px;
  width: auto !important;
}

.item-swiper2 .card img {
  border-radius: 10px 10px 0 0;
  height: 200px;
}

.item-swiper2 .card-body {
  color: #000;
  display: flex;
  border-top: 1px solid rgba(0, 0, 0, .125);
  flex-direction: column;
}

.item-swiper3 .card-body {
  color: #000;
  display: flex;
  border-right: 1px solid rgba(0, 0, 0, .125);
  flex-direction: column;
  justify-content: space-between;
}


.item-swiper2 .card-body h5,
.item-swiper2 .card-body p,
.item-swiper3 .card-body h5,
.item-swiper3 .card-body p {
  color: #000;
  line-height: 1.75;
  text-align: justify;
}

.item-swiper2 .card-body p {
  font-size: 13px;
  height: 120px;
}

.item-swiper2 .card-body h5 {
  font-size: 16px;
  height: 55px;
}

.swiper-wrapper {
  overflow: visible;
  /* این مهمه! */
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  right: 100px;
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  left: 100px !important;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  display: none;
}

.swiper-button-next3,
.swiper-button-prev3,
.swiper-button-next1,
.swiper-button-prev1,
.swiper-button-next2,
.swiper-button-prev2 {
  padding: 20px;
  font-size: 20px;
  border-radius: 50%;
  color: #24667c;
  border: 1px solid rgba(255, 0, 166, 0.06);
  box-shadow: rgba(58, 61, 66, 0.06) 0px 1px 0px,
    rgba(0, 0, 0, 0.2) 0px 4px 16px -8px;
  margin: 0 5px;
}

.swiper-pagination-bullet-active {
  background-color: #24667c;
}

.swiper-button-next .bi-chevron-left {
  position: relative;
  top: 2px;
  right: 1px;
}

.swiper-button-prev .bi-chevron-right {
  position: relative;
  top: 2px;
  left: 1px;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  display: none;
}

.swiper-backface-hidden .swp-1 {
  border: 1px solid rgb(36, 102, 124, 0.2);
  border-radius: 0.75rem;
  padding: 10px;
  background-color: #fafafa;
  box-shadow: inset 0 0 5px 0px #143743;
  height: auto;
}

.comments {
  background-color: #EAF6F6;
  padding: 30px 0;
}

.comment-pic img {
  border-radius: 100%;
  border: 2.5px solid #24667c;
  width: 65px;
  height: 65px;
  object-fit: cover;
}

.comment-name h3 {
  font-size: 14px;
  margin-bottom: 0;
}

.comment-name {
  margin-right: 10px;
  text-align: right;
}

.comment-detail {
  display: flex;
  align-items: center;
  margin-top: 15px;
}

.comment-name p {
  font-size: 12px;
  margin-bottom: 0;
  line-height: 1.75;
}

.comments .carousel-indicators {
  bottom: -20px;
}

.comments .carousel-inner {
  background-color: #fff;
  padding: 20px;
  border-radius: 10px;
}

.comment-text {
  line-height: 1.75;
  text-align: justify;
  font-size: 15px;
}

#categories h3 {
  font-size: 16px;
  margin-top: 15px;
  color: #24667c;
  text-align: center;
}

#categories .container {
  display: flex;
  flex-direction: column;
}

.swiper-backface-hidden .swp-1 {
  display: flex;
  justify-content: center;
}

.home-page .container{
  max-width: 1200px !important;
}

.hero-pic-slider.container{
      display: flex;
    align-items: stretch;
}

@media (min-width: 1200px) {
    header .container {
        max-width: 1250px;
    }
}

@media (min-width: 992px) {
    header .container {
        max-width: 1110px;
    }
}

.articles .card-body h5 {
  color: #000;
  font-size: 15px;
  line-height: 1.75;
  height: 50px;
}

.comments .carousel-item {
  text-align: justify;
}

.articles .card-body p {
  color: #000;
  font-size: 13px;
  line-height: 1.75;
  text-align: justify;
}

.articles .card-footer {
  color: rgba(33, 37, 41, 0.75);
  text-align: center;
  padding: 10px 0;
}

/* .swiper-button-next {
  margin-right: auto;
  position: relative;
  top: 110px;
  right: 55px;
}

.swiper-button-prev {
  margin-left: auto;
  position: relative;
  bottom: 85px;
  right: -55px;
} */

#brands {
  background-color: #FAFAFA;
  border-radius: 25px;
}

#brands .row {
  align-items: center;
}

#brands .col-3 , #suppliers .col-3 {
  display: flex;
  justify-content: center;
}

#suppliers .col-3 h3 {
  font-size: 15px;
  color: #000;
  text-align: center;
}

#suppliers .col-3 img {
  height: 125px;
  object-fit: contain;
}

#brands .col-3 img , #suppliers .col-3 img {
  width: 125px;
  margin: 15px 0 5px;
  border-radius: 15px;
}

.st-gray-bg {
  background-color: #f9fbff;
}

#suppliers .st-cta-img img {
  border-radius: 25px;
  box-shadow: 0 0 5px 0px #143743;
}

#suppliers .st-cta-img {
  margin: 20px 0 20px 10px;
}

#suppliers .st-gray-bg {
  border-radius: 25px;
}

.cta-btn {
  color: #fff;
  font-weight: bold;
  background-color: #ef6000;
  transition: all 0.3s ease;
  border-radius: 7.5px;
  font-size: 16px;
  padding: 6px 12px;
  margin-top: 10px;
}

#suppliers .col-lg-7 {
  display: flex;
  align-items: center;
  justify-content: center;
}

.st-cta-text h3 {
  font-size: 18px;
  margin: 20px auto;
  font-weight: 400;
  line-height: 2;
}

/* .slider-fade-left,
.slider-fade-right {
  position: absolute;
  top: 0;
  width: 80px;
  height: 100%;
  z-index: 10;
  pointer-events: none;
  transition: opacity 0.3s ease;
} */

.item-swiper1 a {
  display: flex;
  flex-direction: column;
}

.item-swiper3 .card {
  flex-direction: row;
  width: auto !important;
}

.item-swiper3 .card img {
  width: 200px;
}

.slider-fade-left {
  right: 0;
  /* چپ فید مربوط به راست چینه! */
  background: linear-gradient(to left, white, transparent);
}

.slider-fade-right {
  left: 0;
  background: linear-gradient(to right, white, transparent);
}

.first-maghale-page .carousel-item {
  display: none;
}


@media (min-width: 1024px) {
  #brands .col-3 {
    width: 20%;
  }
}

/* @media (max-width: 1024px) {
  .benefits .col-3 {
    width: 75%;
    margin: 5px auto;
  }
} */

.swiper-button-next1 i,
.swiper-button-next2 i,
.swiper-button-next3 i {
  position: relative;
  bottom: 9px;
  left: 8px;
}

.swiper-button-prev1 i,
.swiper-button-prev2 i,
.swiper-button-prev3 i {
  position: relative;
  bottom: 10px;
  left: 10px;
}

.swiper-button-next1,
.swiper-button-prev1,
.swiper-button-next2,
.swiper-button-prev2,
.swiper-button-next3,
.swiper-button-prev3 {
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
}

#carouselExampleIndicators {
  border: 2.5px solid #24667c;
  border-radius: 15px;
  width: 68%;
}

.articles .cardha {
  padding: 10px;
}

@media (max-width: 992px) { 
  .hero-pic-slider.container {
    flex-direction: column;
  }

  #carouselExampleIndicators {
    width: 100%;
  }

  .minbanerh {
    width: 100%;
  }

  .minbanerh a {
    width: 50%;
  }

  .hero-pic-slider img {
    width: 100%;
  }

  .home-page .minibaner1 img {
        margin-left: auto;
    margin-right: 0;
  }

  .home-page .minibaner2 img {
        margin-right: auto;
    margin-left: 0;
  }

  .home-page .minibaner2 img , .home-page .minibaner1 img {
    width: 95%;
    border-radius: 7.5px;
  }

  .hero-pic-slider img , #carouselExampleIndicators {
    border-radius: 7.5px;
  }

}

@media (min-width: 768px) {
.hero-pic-slider {
  padding: 0;
}

}

@media (max-width: 576px) {

  /* .swiper-button-next2,
  .swiper-button-prev2,
  .swiper-button-next1,
  .swiper-button-prev1 {
    display: none;
  } */

  .comment-text {
    font-size: 12.5px;
  }

  .comments h2 {
    text-align: center;
  }

  .comment-name h3,
  .comment-name p {
    font-size: 12px;
  }

  .swp-1 {
    width: 40%;
  }

  .carousel-indicators {
    bottom: -45px;
  }

  .benefits {
    flex-direction: row-reverse;
    margin: auto;
  }

  #carouselExampleIndicators {
    padding: 0;
  }

  .home-page h2 {
    font-size: 21px;
  }

  .offers2 .swiper-btns {
    display: none !important;
  }

  .swiper-pagination2 {
    margin-left: auto;
    margin-top: 15px;
  }

  .benefits .col-6 {
    padding: 10px 5px;
    width: 48%;
  }

  #suppliers .col-3 h3 {
    line-height: 1.75;
    font-size: 13px;
  }

  #suppliers .col-3 , #brands .col-3 {
    width: 33%;
  }

  .articles .card-body h5 {
    height: 70px;
    text-align: justify;
  }

  .cardha a {
    padding: 5px;
  }

  .articles .card-body p {
    margin-bottom: 0;
  }

  #suppliers .st-cta {
    padding: 40px 0;
  }

  .slider-fade-left,
  .slider-fade-right {
    width: 30px;
  }

  .item-swiper2 .card-body h5 {
    font-size: 13px;
    height: 40px;
  }

  .item-swiper2 .card-body p {
    font-size: 12px;
    height: 110px;
  }

  .benefits .row {
    padding: 0;
    flex-wrap: nowrap;
    justify-content: space-around;

  }
/* 
  .benefits .col-6 {
    margin: 0;
    width: 30%;
    flex-direction: column;
  } */

  .benefits {
    margin-top: 45px !important;
    padding: 0;
        justify-content: space-between;
  }

  .item-swiper2 .btn, .item-swiper3 .btn {
    font-size: 12px;
  }

  .offers h2,
  .offers2 h2 {
    margin-bottom: 0px;
  }

  .st-cta-text h3 {
    margin: 10px auto;
  }

  #brands {
    border-radius: 0;
  }

  .benefits .col-6 h3 {
    font-size: 12px;
  }

  #suppliers .st-cta-img {
    margin-left: 0;
  }

  .benefits .col-6 i {
    font-size: 25px;
  }

  .item-swiper1 h3 {
    font-size: 14px !important;
    white-space: nowrap;
  }

}


/*                   ???                   */

#card-title-1::before {
  content: "انواع و مزایای ژل‌های بهداشتی بانوان";
}

#card-detail-1::before {
  content: " بهداشت ناحیه تناسلی بانوان با محصولات مناسب، سلامت، کیفیت زندگی و اعتماد به ‌نفس را افزایش می‌دهد.";
}

#card-title-2::before {
  content: "راهنمای جامع خرید کرم‌های ضد آفتاب";
}

#card-detail-2::before {
  content: " کرم ضد آفتاب پوست را محافظت و از پیری و سرطان جــلـو گــیـری می‌کند؛ ویزیتور جیبی خرید عمده آسان می‌کند.";
}

#card-title-3::before {
  content: "خرید عمده محصولات سلامت و زیبایی با پلتفرم ویزیتور جیبی";
}

#card-detail-3::before {
  content: " صنعت سلامت و زیبایی با رشد سریع، به زنجیره تأمین هوشمند و خرید عمده از ویزیتور جیبی وابسته است.";
}

#card-title-4::before {
  content: "همه‌چیز در مورد انواع کاندوم‌، مزایا، نحوه استفاده";
}

#card-detail-4::before {
  content: "ه کاندوم سلامت جنسی و پیشگیری از بارداری را تضمین می‌کند؛ ویزیتور جیبی خرید عمده و مستقیم را آسان می‌کند.";
}