/*************************
*******Typography******
**************************/
@font-face {

	font-family: 'Vazir';
	src: url('../fonts/Vazir.eot');
	src: url('../fonts/Vazir.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Vazir.woff') format('woff'),
	url('../fonts/Vazir.ttf') format('truetype'),
	url('../fonts/Vazir.svg#Vazir') format('svg');
	font-weight: normal;
	font-style: normal;
}

    .table-row {
        display: flex;
        border-bottom: 1px solid #587ad3;
        padding: 3px 0;
    }

    .table-cell {
        padding: 3px;
        text-align: center;
        border-left: 1px solid #587ad3;
    }

    .col-4 { flex: 4; }
    .col-2 { flex: 2; }
    .col-1 { flex: 1; }

.header-top a:hover {
    outline: none;
    text-decoration:none;
    background: #b3d3d3;
    border-radius: 20px;
    color: #101010;
}


.header-top nav{
    background: #f6f6fa;
    border-color: #648ec7;
    border-style: solid;
    border-width: 1px;
    --bs-nav-link-color: var(--bs-white);
    --bs-nav-pills-link-active-color: var(--bs-primary);
    --bs-nav-pills-link-active-bg: var(--bs-white);"

}

.header-top a{
    font-family: 'Vazir';
    font-size: 16px;
    color: #101010;
    border-style: dashed;
}


/*''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''*/

.pagination .page-item .page-link {
            border-radius: 50%;
            width: 2.5em;
            height: 2.5em;
            display: flex;
            align-items: center;
            justify-content: center;
}

.pagination .page-item.active .page-link {
            background-color: #6ac9c9;
            border-color: #0d6efd;
            color: white;
}

    .rounded-input {
        border-radius: 10px; /* Adjust the radius as needed */
        padding: 5px;
        border: 1px solid #ccc;
        width: 100px;
    }

.red-border {
    border: 1px solid red !important;
}


.header-middle .badge {
  font-size: 10pt;
  color: #101010;
  border: 1px solid black;
  padding: 5px;
}
.header-middle .badge a {
  text-decoration: none;
}

.search_box input {
  text-align: right;
  background: #e7e7e3;
  border: #1a1e21;
  color: #B2B2B2;
  font-family: 'Vazir';
  font-size: 14px;
  font-weight: 300;
  height: 45px;
  outline: #1a1e21;
  padding-right: 10px;
  background-image: url(../images/home/searchicon.png);
  background-repeat: no-repeat;
  background-position: 10px;
  display: inline-block;
  width: 400px;
}


.header-bottom a:hover {
    outline: none;
    text-decoration:none;
    background: #b3d3d3;
    border-radius: 20px;
    color: #101010;
}


.header-bottom nav{
    background: #f6f6fa;
    border-color: #648ec7;
    border-style: solid;
    border-width: 1px;

    --bs-nav-link-color: var(--bs-white);
    --bs-nav-pills-link-active-color: var(--bs-primary);
    --bs-nav-pills-link-active-bg: var(--bs-white);"

}

.header-bottom a{
    font-family: 'Vazir';
    font-size: 16px;
    color: #101010;
    border-style: dashed;
}

.carousel-control-prev-icon {
    position: absolute;
    bottom: 1px;
    left: 50%;
    background-color: black;
    border-radius: 20px;
    border-style: solid;
}

.carousel-control-next-icon {
    position: absolute;
    bottom: 1px;
    right: 50%;
    border-radius: 20px;
    background-color: black;
    font-size: 5px;
    border-style: solid;
}
/*cccccccccccccccccccccccccccccccccccccccccccccccccccccccc*/

.title-wrapper {
    position: relative;
    text-align: center;
}
.title-wrapper1 {
    position: relative;
    text-align: center;
}

.title {
    position: absolute;
    top: -1rem; /* Adjust this value to move the title up or down */
    left: 50%;
    transform: translateX(-50%);
    padding: 0 10px;
    border: 1px dotted #0f4679;
    border-radius: 10px;
    color: #0f4679;
    background: white;
}
.relative-container {
        position: relative;
    }
.title-wrapper2 {
    position: absolute;
    top: 0rem; /* Adjust this value to move the title up or down */
    left: 50%;
    transform: translateX(-50%);
    padding: 0 10px;
    z-index: 10; /* Make sure the heading is above the carousel */
    background: white;
    border-radius: 10px;
    width: 300px;
}
.content-wrapper {
    background: rgba(242, 242, 250, 0.36);
    border-style: dotted;
    border-width: 1px;
    border-radius: 20px;
    border-color: #0f4679;
    padding: 20px; /* Add padding to make sure the content is not too close to the border */
}
/*#carouselExampleDark2 {*/
/*    background: rgba(242, 242, 250, 0.36);*/
/*    border-style: dotted;*/
/*    border-width: 1px;*/
/*    border-radius: 20px;*/
/*    border-color: #0f4679;*/
/*    padding: 20px; !* Add padding to make sure the content is not too close to the border *!*/
/*}*/

#sliderL img {
    width: 60px;
    height: 60px;
}
#sliderL h2 {
    font-family: 'Vazir', sans-serif;
    font-size: 12pt;
}
#group img {
    width: 60px;
    height: 60px;
}
#group h2 {
    font-family: 'Vazir', sans-serif;
    font-size: 12pt;
}
#sliderA h2 {
    font-family: 'Vazir', sans-serif;
    font-size: 12pt;
}
#sliderA img {
    width: 60px;
    height: 60px;
}

#slider2 p {
  font-family: 'Vazir';
  font-size: 11pt;
    height: 40px;
}
#slider2 a {
    width: 145px;
    background: #b4e8e8;
    border: #101010;
}
#slider2 a:hover {
    background: #6ac9c9;
    color: #101010;
}

#slider2 button {
    width: 30px;
    background: #b4e8e8;
}
#slider2 h2 {
    font-family: 'Vazir', sans-serif;
    font-size: 12pt;
}
#slider3 h2 {
    font-family: 'Vazir', sans-serif;
    font-size: 12pt;
}
#slider3 p {
  font-family: 'Vazir';
  font-size: 11pt;
    height: 40px;
}
#slider3 a {
    width: 145px;
    background: #b4e8e8;
}
#slider3 a:hover {
    background: #6ac9c9;
    color: #101010;
}

#slider3 button {
    width: 30px;
    background: #b4e8e8;
    /*height: 30px;*/
    /*margin-top: 330px;*/
}
#header {
	border-bottom: solid 2px #FD9B18;
	margin-bottom: 20px;
}
#homepage {
	border-bottom: solid 2px #FD9B18;
	margin-bottom: 20px;
}

#footer h2 {
    background: rgba(242,242,250,0.36);
    border-style: dotted;
    border-width: 1px;
    border-radius: 15px;
    border-color: #0f4679;"
    text-align: center;
    width: 100%;
    font-size: 13pt;
    padding-top: 5px;
    padding-bottom: 5px;
}

.accordion-item {
    padding: 0;
}

    /* Remove padding from accordion bodies */
.accordion-body {
    padding: 0;
}

#accordionExample span {
    text-decoration: none;
    font-size: 10pt;
    color: #101010;
    background: #cee6fc;
    border-radius: 15px;
    width: 100%;
    height: 35px;
    display: flex;
    align-items: center; /* Vertically center the content */
    justify-content: right; /* Horizontally center the content */
    margin-top: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #70a8db;
    padding-right: 20px;
  }
#accordionExample a {
    text-decoration: none;
    font-family: 'Vazir';
    color: #101010;
    border-radius: 20px;
    text-align: right;
}
#accordionExample {
    border-style: none;
    border-radius: 20px;
    border-color: #0f4679;

}
#accordian a {
  text-decoration: none;
  font-family: 'Vazir';
  font-size: 12pt;
  color: #101010;
  margin-top: 5px;
}
#accordian span {
  text-decoration: none;
    font-family: 'Vazir';
    font-size: 12pt;
    background: #70a8db;
    width: 100%;
    color: #101010;
    border-radius: 10px;

}
#slider3 a {
    width: 145px;
    background: #b4e8e8;
}
#slider3 a:hover {
    background: #6ac9c9;
    color: #101010;
}
#prod1 a {
    width: 145px;
    background: #b4e8e8;
}
#prod1 a:hover {
    background: #6ac9c9;
    color: #101010;
}

#prod7 p {
  font-family: 'Vazir';
  font-size: 11pt;
    height: 40px;
}
#prod7 a {
    width: 145px;
    background: #b4e8e8;
}
#prod7-item-carousel a:hover {
    background: #6ac9c9;
    color: #101010;
}

#prod7 button {
    width: 30px;
    background: #b4e8e8;
    /*height: 30px;*/
    /*margin-top: 330px;*/
}
#prod7 a:hover {
    background: #e1eaea;
    color: #101010;
}

#cart_items h2 {
    background: #cedaec;
    text-align: center;
    width: 100%;
    border-radius: 15px;
    font-size: 11pt;
    padding-top: 5px;
    padding-bottom: 5px;
}
#cart_items h1 {
    background: #e1e1c7;
    text-align: center;
    width: 100%;
    border-radius: 15px;
    font-size: 11pt;
    padding-top: 8px;
    padding-bottom: 8px;
}
#cart_items h6 {
    border-width: 1px;
    border-style: solid;
    border-color: #0E2231;
    background: #deded7;
    text-align: center;
    width: 100%;
    border-radius: 2px;
    font-size: 11pt;
    padding-top: 8px;
    padding-bottom: 8px;
}
#cart_items img {
    width: 150px;
    height: 150px;
    border-radius: 15px;
}
#form h2 {
    background: #cedaec;
    text-align: center;
    width: 100%;
    border-radius: 15px;
    font-size: 13pt;
    padding-top: 5px;
    padding-bottom: 5px;
}
#form h1 {
    background: #cedaec;
    text-align: center;
    border-radius: 15px;
    font-size: 11pt;
}

#formR h2 {
    background: #cedaec;
    text-align: center;
    width: 100%;
    border-radius: 15px;
    font-size: 13pt;
    padding-top: 5px;
    padding-bottom: 5px;
}
#formR h1 {
    background: #cedaec;
    text-align: center;
    border-radius: 15px;
    font-size: 11pt;
}
#mod h1 {
    text-align: center;
    font-size: 11pt;
}

#prod4 h2 {
    background: #cedaec;
    text-align: center;
    width: 100%;
    border-radius: 15px;
    font-size: 13pt;
    padding-top: 5px;
    padding-bottom: 5px;
}
#prod4 h1 {
    font-size: 12pt;
}


/*==================================================================================================================*/




/* lg */

/* md */


/* sm */

/*sdddddddddddddddddddddd*/

/*@font-face {*/

/*	font-family: 'Vazir';*/
/*	src: url('../fonts/Vazir.eot');*/
/*	src: url('../fonts/Vazir.eot?#iefix') format('embedded-opentype'),*/
/*	url('../fonts/Vazir.woff') format('woff'),*/
/*	url('../fonts/Vazir.ttf') format('truetype'),*/
/*	url('../fonts/Vazir.svg#BYekan') format('svg');*/
/*	font-weight: normal;*/
/*	font-style: normal;*/
/*}*/



h1, h2, h3, h4, h5 {
  font-family: 'Vazir', sans-serif;
  font-size: 13pt;
  text-align: center;
    margin-top: 5px;
}

h6 {
  font-family: 'Vazir', sans-serif;
  font-size: 13pt;
  text-align: center;
}

#contact-page h2 {
    background: #cedaec;
    text-align: center;
    width: 100%;
    border-radius: 15px;
    font-size: 14pt;
    padding-top: 5px;
    padding-bottom: 5px;

}
#contact-page img {
    width: 100%;
    width: 100%;
    border-radius: 15px;
}

#do_action h1 {
    background: #e1e1c7;
    text-align: center;
    width: 100%;
    border-radius: 15px;
    font-size: 13pt;
    padding-top: 5px;
    padding-bottom: 5px;
}

#do_action h2 {
    background: #cedaec;
    text-align: center;
    width: 100%;
    border-radius: 15px;
    font-size: 13pt;
    padding-top: 5px;
    padding-bottom: 5px;
}
#do_action span {
    background: #ecec9e;
    text-align: center;
    width: 100%;
    border-radius: 15px;
    font-size: 13pt;
    color: #101010;
    padding-top: 5px;
    padding-bottom: 5px;
}

#edit h1 {
    background: #cedaec;
    text-align: center;
    border-radius: 15px;
    font-size: 13pt;
    padding-top: 5px;
    padding-bottom: 5px;
}
#panel span {
    background: #b0cddc;
    text-align: center;
    width: 100%;
    border-radius: 15px;
    font-size: 13pt;
    color: #101010;
    padding-top: 5px;
    padding-bottom: 5px;
    align-items: center;
}
#panel a {
  background: #9bc6dc;
  text-decoration: none;
  font-family: 'Vazir';
  font-size: 12pt;
  color: #101010;
  margin-top: 5px;
  border-radius: 15px;
}
#edit label {
  text-decoration: none;
  font-family: 'Vazir';
  font-size: 12pt;
  color: #101010;

}
#accordionFlushreport button {
    background: #b0cddc;
    text-align: center;
    width: 100%;
    border-radius: 15px;
    font-size: 13pt;
    color: #101010;
    padding-top: 5px;
    padding-bottom: 5px;
    align-items: center;
}

/*/////////////////////////////////////////*/
#tab1 .nav {
  color : #e7e7a9;
  background-color: #e1eaea;
  padding : 5px 15px;
  border-radius: 15px;
  font-family: 'Vazir';
  font-size: 15pt;
  /*color: #101010;*/
}
#tab1 .tab-content {
  padding : 5px 15px;
  font-family: 'Vazir';
  font-size: 14pt;
  color: #101010;
}
/*ccccccccccccccccccccccccc*/

/*#prod6 .container .row {*/
/*    !*width: 100%;*!*/
/*    background: #b4e8e8;*/
/*    color: #101010;*/
/*}*/

/*/////////////////////////////////////////*/
#prod4 .view-product img {
    width: 300px;
    height: 300px;

}
/*#similar-product img:hover {*/
/*    width: 400px;*/
/*    height: 400px;*/
/*    border-radius: 10px;*/
/*    margin-top: 10px;*/
/*}*/

#similar-product button {
    width: 30px;
    background: #b4e8e8;
    /*height: 30px;*/
    /*margin-top: 330px;*/
}


#prod4 .product-information {
  text-decoration: none;
  font-family: 'Vazir';
  font-size: 12pt;
}
#prod4 .product-information span {
    text-decoration: none;
    font-family: 'Vazir';
    font-size: 12pt;
    color: #101010;
    text-align: center;
    border: #101010;
    /*background: #e7e7a9;*/
    width: 100%;
    padding: 6px;
    border-radius: 15px;
}
/*/////////////////////////////////////////*/
#prod1 p {
    font-family: 'Vazir';
    font-size: 12pt;
}

#prod2 span {
    margin-top: 15px;
    text-decoration: none;
      background: #e7e7a9;
      width: 100px;
      /*height: 25px;*/
    padding: 8px;
}

#prod3 span {
    margin-top: 15px;
    text-decoration: none;
    background: #e1eaea;
    width: 100%;
    align-items: center;
}
#prod3 a {
    text-decoration: none;
    font-family: 'Vazir';
    font-size: 10pt;
    background: #e7e7a9;
    color: #101010;
    margin: 1px;
    border-color: #6a1a21;
    width: 40px;
}
#prod3 a:hover {
    background: #e1eaea;
    color: #101010;
}


#prod2 a {
    text-decoration: none;
    font-family: 'Vazir';
    font-size: 10pt;
    /*background: #e7e7a9;*/
    width: 100px;
    color: #101010;
    /*margin-top: 10px;*/
}

.custom-radio-list {
    display: flex;
    flex-direction: row;
    gap: 30px; /* spacing between Yes/No */
    align-items: center;
    direction: rtl; /* Right-to-left for Persian */
}

/* Each radio + label */
.custom-radio {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

/* Bigger radio button */
.custom-radio input[type="radio"] {
    width: 20px;
    height: 20px;
    accent-color: #007bff; /* Optional */
}


.custom-dropdown {
    margin-top: 2px;
    width: 100%;
    padding: 10px;
    border-radius: 20px;
    border: 1px solid #ccc;
    background-color: #fff;
    font-size: 16px;
    appearance: none; /* Removes default OS styles */
    outline: none;
}

.custom-dropdown:focus {
    border-color: #007bff;
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
}


.select2-container .select2-selection--single {
    height: auto;
    padding: 10px;
    border-radius: 20px !important;
    border: 1px solid #330313 !important;
    font-size: 16px;
    text-align: right;
    align-content: center;
}

/* فوکوس Select2 */
.select2-container--default .select2-selection--single:focus,
.select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #007bff !important;
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5) !important;
}
.select2-container {
    width: 100% !important;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid red !important;
    border-radius: 8px;
    padding: 6px 10px;
}
.select2-container--default .select2-dropdown {
    border: 2px solid #007bff !important;  /* آبی بوت‌استرپ */
    border-radius: 10px;
}

/* متن انتخاب‌شده */
.select2-container--default .select2-selection--single {
    width: 100%;
    font-size: 14px;
    padding: 10px;
    border-radius: 20px;
}

.select2-container--default .select2-results__option {
    font-size: 13px;
    text-align: right;
    direction: rtl;
}

/* حذف آیکن فلش پیش‌فرض Select2 */
.select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none;
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 500px !important; /* مقدار دلخواه شما */
    overflow-y: auto;
}


#custom-category-select + .select2-container {
    width: 150px !important;
}
#custom-payfor-select + .select2-container {
    width: 100% !important;
}





  .dropdown-checkboxes {
    position: relative;
    display: inline-block;
    width: 100%;
    font-family: 'Vazir', Tahoma, sans-serif;
  }
  .dropdown-checkboxes .dropdown-btn {
    width: 100%;
    padding: 10px 15px;
    border: 1px solid #330313;
    border-radius: 15px;
    background-color: white;
    cursor: pointer;
    text-align: right;
    height: 50px; /* Same as dropdown list */

  }
  .dropdown-checkboxes .checkboxes-list {
    display: none;
    position: absolute;
    background-color: white;
    border: 1px solid #007bff;
    border-radius: 10px;
    max-height: 200px;
    overflow-y: auto;
    width: 100%;
    z-index: 1000;
    right: 0;
    direction: rtl;
    text-align: right;
    height: 300px; /* Fixed height */
    overflow-y: auto;
  }
  .dropdown-checkboxes .checkboxes-list label {
    display: block;
    padding: 5px 10px;
    cursor: pointer;
  }
  .dropdown-checkboxes .checkboxes-list label:hover {
    background-color: #007bff;
    color: white;
  }


.custom-dropdown1 {
    margin-top: 2px;
    width: 100%;
    padding: 10px;
    border-radius: 20px;
    border: 1px solid #ccc;
    background-color: #fff;
    font-size: 16px;
    appearance: none; /* Removes default OS styles */
    outline: none;
}
.custom-dropdown2 {
    margin-top: 2px;
    width: 200px;
    padding: 10px;
    border-radius: 20px;
    border: 1px solid #ccc;
    background-color: #fff;
    font-size: 16px;
    appearance: none; /* Removes default OS styles */
    outline: none;
}

.custom-dropdown1:focus {
    border-color: #007bff;
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
}

/*#productlisted .container .col-sm-9 .features_items .col-sm-4 .product-image-wrapper .single-products .prod1 span {*/
/*    text-decoration: none;*/
/*    font-family: 'Vazir';*/
/*    font-size: 12pt;*/
/*    background: #e7e7a9;*/
/*    width: 100px;*/
/*    color: #d71a1a;*/

/*}*/
#productlisted .row .col-sm-6 {
  text-align: center;
}

#prod2 span:hover {
  text-decoration: none;
  background: #e1eaea;
  color: #101010;
}


/* The slider itself */


/*@media (min-width: 576px) and (max-width: 767.98px) { ... }*/
/*@media (min-width: 768px) and (max-width: 991.98px) { ... }*/
/*@media (min-width: 992px) and (max-width: 1199.98px) { ... }*/
/*@media (min-width: 1200px) { ... }*/



/*@media (min-width: 575.98px) {*/
    /*#slider .col-sm-6 {*/
    /*    padding-top: 25px;*/
    /*}*/
    /*#slider img {*/
    /*    width: 325px;*/
    /*}*/
    /*#slider p {*/
    /*    text-align: justify;*/
    /*    text-justify: inter-word;*/
    /*}*/
    /*#slider a {*/
    /*    width: 200px;*/
    /*    background: #86b7fe;*/
    /*}*/
/*}*/





/*hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh*/



/* Mouse-over effects */
#slider:hover {
  opacity: 1; /* Fully shown on mouse-over */
}

/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */



body {
  font-family: 'Vazir';
  font-size: 10pt;
  /* background:; */
  position: relative;
  font-weight: normal;
  direction: rtl;
}

ul li {
  list-style: none;
}

/*a:hover {*/
/*    outline: none;*/
/*    text-decoration:none;*/
/*}*/

/*a:focus {*/
/*  outline:none;*/
/*  outline-offset: 0;*/
/*}*/

/*a {*/
/*  -webkit-transition: 300ms;*/
/*  -moz-transition: 300ms;*/
/*    -o-transition: 300ms;*/
/*    transition: 300ms;*/
/*}*/


.btn:hover,
.btn:focus{
  outline: none;
  box-shadow: none;
}


a#scrollUp {
  bottom: 0px;
  right: 10px;
  padding: 5px 10px;
  background: #FE980F;
  color: #FFF;
  /* -webkit-animation: bounce 2s ease infinite;
  animation: bounce 2s ease infinite; */
}

a#scrollUp i{
  font-size: 30px;
}


/*************************
*******Header CSS******
**************************/



/*.search_box {*/
/*    padding-top: 12px;*/
/*}*/
.navbar-brand.abs {
      background: #F0F0E9;

}

@media (min-width: 360px) {
.navbar-brand.abs
    {
        position: absolute;
        width: auto;
        /*left: 50%;*/
        /*transform: translateX(-50%);*/
        text-align: center;
        align-content: center;
        background: #e1eaea;

    }
}