/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

@font-face {
  font-family: "iranyekan";
  src: url("../fonts/fonts/ttf/iranyekanwebregular.ttf") format("truetype"),
    url("../fonts/fonts/woff/iranyekanwebregular(fanum).woff") format("woff"),
    url("../fonts/fonts/woff2/iranyekanwebregular(fanum).woff2") format("woff2");
}

body {
  line-height: 30px;
  margin: 0px !important;
  padding: 0px !important;
  direction: rtl;
  font-family: iranyekan !important;
}

/* ----------------------------------------------------------------
  Fonts

  Replace your Fonts as necessary
-----------------------------------------------------------------*/

body,
small,
.sub-menu-container .menu-item > .menu-link,
.wp-caption,
.fbox-center.fbox-italic p,
.skills li .progress-percent .counter,
.nav-tree ul ul a,
.font-body { font-family: iranyekan,'Lato', sans-serif !important; }


h1,
h2,
h3,
h4,
h5,
h6,
#logo a,
.menu-link,
.mega-menu-style-2 .mega-menu-title > .menu-link,
.top-search-form input,
.entry-link,
.entry.entry-date-section span,
.button.button-desc,
.fbox-content h3,
.tab-nav-lg li a,
.counter,
label,
.widget-filter-links li a,
.nav-tree li a,
.wedding-head,
.font-primary { font-family:iranyekan,'Montserrat', sans-serif !important; }


.entry-link span,
.entry blockquote p,
.more-link,
.comment-content .comment-author span,
.comment-content .comment-author span a,
.button.button-desc span,
.testi-content p,
.team-title span,
.before-heading,
.wedding-head .first-name span,
.wedding-head .last-name span,
.font-secondary { font-family: iranyekan,'Merriweather', serif !important; }

/* ----------------------------------------------------------------
 ./ Fonts

  Replace your Fonts as necessary
-----------------------------------------------------------------*/


h1,
h2,
h3,
h4,
h5,
h6,
#logo a,
.menu-link,
.mega-menu-style-2 .mega-menu-title > .menu-link,
.top-search-form input,
.entry-link,
.entry.entry-date-section span,
.button.button-desc,
.fbox-content h3,
.tab-nav-lg li a,
.counter,
label,
.widget-filter-links li a,
.nav-tree li a,
.wedding-head,
.font-primary {
  font-family: iranyekan !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
#logo a,
.menu-link,
.mega-menu-style-2 .mega-menu-title > .menu-link,
.top-search-form input,
.entry-link,
.entry.entry-date-section span,
.button.button-desc,
.fbox-content h3,
.tab-nav-lg li a,
.counter,
label,
.widget-filter-links li a,
.nav-tree li a,
.wedding-head,
.font-primary {
  font-family: iranyekan !important;
}


p, pre, ul, ol, dl, dd, blockquote, address, table, fieldset, form {
  margin-bottom: 15px;
}

/* ----------------------------------------------------------------
  Canvas: Shop
-----------------------------------------------------------------*/

  .sub-menu-trigger.icon-chevron-right::before{
      content: "\e999" !important;
  }
@media (max-width: 991.98px) {
  .menu-container {
    margin-top: 12px;
    border-top: 1px solid #EEE;
  }
}
@media (min-width: 992px) {

  .menu-link {
    padding-left: 7px;
    padding-right: 0px;
    text-transform: none;
    font-weight: 500;
    letter-spacing: 0;
    font-size: 0.875rem;
  }

  .sub-menu-container .menu-item > .menu-link { font-size: 0.875rem; }



  .primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title > a {
    text-decoration: underline !important;
    color: var(--bs-danger) !important;
  }

  #header.full-header .menu-container { border-right: 0; }

  .slider-caption h2 {
    font-size: 60px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 5px;
  }

}


@media (max-width: 991.98px) {

  #top-account {
      padding-right: 15px;
  }

}

#top-account {
  font-size: 14px;
  font-weight: 500;
  border-right: 1px solid #DDD;
  padding: 3px 15px 3px 0;
}

.dark .top-links-item > a,
.dark #top-social li a,
#top-bar.dark { color: #FFF; }

body.top-search-open #top-search-trigger > i { opacity: 0; }

/* shop-categories */
.shop-categories [class^=col-] {
  position: relative;
  margin-bottom: 30px;
}

.shop-categories [class^=col-] > a {
  display: block;
  position: relative;
  height: 200px;
  background-color: #EEE;
}

.shop-categories [class^=col-] img { display: block; }

.shop-categories [class^=col-] > a::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.4);
  opacity: 0.4;
  -webkit-transition: all .7s ease;
  transition: all .7s ease;
}

.shop-categories [class^=col-] > a:hover::before { opacity: 1; }

.product-price { font-size: 14px; font-weight: 500; }

.product-image .product-overlay {
  opacity: 0;
  width: 90px;
  height: auto;
  position: absolute;
  top: auto;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transition: bottom .3s ease, opacity .3s .1s ease !important;
  -o-transition: bottom .3s ease, opacity .3s .1s ease !important;
  transition: bottom .3s ease, opacity .3s .1s ease !important;
}

.product-image:hover .product-overlay {
  opacity: 1;
  bottom: 20px;
}

.product-overlay a span { display: none; }

.product-overlay a {
  width: 40px;
  height: 40px !important;
  border-radius: 50%;
  text-align: center;
  line-height: 41px;
  padding-left: 2px;
}
.product-overlay a:last-child {
  margin-left: 10px;
}

.row.grid-6 .product-overlay a span { display: none; }

.row.grid-6 [class^=col-] { margin-bottom: 20px; }

ul.iconlist li {
  margin: 8px 0;
}

ul.iconlist i {
  top: 0 !important;
  width: 10px !important;
  font-size: 10px;
}

.clients-grid.grid-8 li { width: 12.5% }

.button.button-desc.button-small {
  padding: 14px 20px;
  font-size: 16px;
}

.button.button-desc.button-small i {
  top: -1px;
  width: 34px;
  font-size: 34px;
  text-align: left;
}

.button.button-desc.button-small span {
  font-size: 12px;
  margin:  0 0 8px 0;
}

.widget .list-unstyled li { margin-bottom: 3px; }

.shop-footer-features h5 a:hover {
  color: #444;
  border-bottom: 1px dotted #AAA;
}

.shop-footer-features i {
  position: relative;
  top: 8px;
  width: 30px;
  height: 30px;
  font-size: 30px;
  margin-right: 10px;
  color: #888;
}

.shop-footer-features h5 span { color: #A0ACB6 !important; }


/* ----------------------------------------------------------------
  ./Canvas: Shop
-----------------------------------------------------------------*/

.menu-item:hover > .menu-link, .menu-item.active > .menu-link {
  color: #1ABC9C;
}

.custom_button_design {
  background: rgb(255, 255, 255);
  color: rgb(16, 150, 67);
  border: 1px solid rgb(16, 150, 67);
}

#addNewsletter {
  background: #1e71ce;
  color: white;
  transition: 400ms;
}
#addNewsletter:hover {
  background: #1abc9c;
  color: black;
}
#deleteNewsletter {
  background: #bf0000;
  color: white;
  transition: 400ms;
}
#deleteNewsletter:hover {
  background: #1abc9c;
  color: black;
}
#custom_button_design_download {
  background: #000334;
  padding: 20px;
  border-radius: 8px;
  color: #1abc9c;
  transition: 400ms;
}
#custom_button_design_download:hover {
  color: white;
  background: rgb(94, 92, 92);
}
#ios_button_design {
  background: #000334;
  border-radius: 8px;
  color: #1abc9c;
  transition: 400ms;
  display: flex !important;
  align-items: center;
}
#ios_button_design:hover {
  color: white;
  background: rgb(94, 92, 92);
}

.fancy-title h1,
.fancy-title h2,
.fancy-title h3,
.fancy-title h4,
.fancy-title h5,
.fancy-title h6 {
  position: relative;
  margin-bottom: 0;
  color: #1abc9c;
}

.card-title {
  color: #1abc9c;
}
.iconlist li {
  text-align: justify;
}
.lead {
  color: #1abc9c;
  font-weight: 700;
}
.feature-box {
  height: 100%;
}
.custom_button_design {
  background: #000334;
  border-radius: 8px;
  color: #1abc9c;
  transition: 400ms;
  display: flex !important;
  align-items: center;
  width: fit-content;
  border: none;
  padding: 10px;
  padding-left: 20px;
  padding-right: 20px;
}
.custom_button_design:hover {
  color: white;
  background: rgb(94, 92, 92);
}

/* Remove default bullets */
ul,
#custom_tree_design {
  list-style-type: none;
  direction: rtl;
}

/* Remove margins and padding from the parent ul */
#custom_tree_design {
  margin: 0;
  padding: 0;
}

/* Style the caret/arrow */
.custom_tree_title {
  cursor: pointer;
  user-select: none; /* Prevent text selection */
}

/* Create the caret/arrow with a unicode, and style it */
.custom_tree_title::before {
  content: "\25B6";
  color: black;
  display: inline-block;
  margin-right: 6px;
}

/* Rotate the caret/arrow icon when clicked on (using JavaScript) */
.custom_tree_caret_down::before {
  transform: rotate(90deg);
}

/* Hide the nested list */
.custom_tree_nested {
  display: none;
}

/* Show the nested list when the user clicks on the caret/arrow (with JavaScript) */
.custom_tree_active {
  display: block;
}

.pagination{
  justify-content: center;
  margin-top: 100px;
}

#pagination li a {
  display: inline-block;
  border: 1px solid #dee2e6;
  width: 35px;
  height: 35px;
  line-height: 33px;
  text-align: center;
  padding: 0;
  border-radius: 50%;
  transition: 400ms;
  
}

#pagination li a{
  margin-left: 5px;
}
#pagination li:last-child a{
  margin-left: 0px;
}

#pagination li a:hover {
  background-color: #1abc9c;
  color: white;
}

#pagination .active a {
  background-color: #1abc9c;
  color: white;
}


#pagination .active a:hover, #pagination .active a:focus {
  color: #FFF !important;
  background-color: #1ABC9C !important;
  border-color: #1ABC9C !important;
}

#pagination .active a:focus {
  color: #0a58ca;
  background-color: #e9ecef;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

#pagination li.disabled a {
  color: #6c757d;
  pointer-events: none;
  background-color: #fff;
  border-color: #dee2e6;
}

.tagcloud a{
	float: right;
}

.contact-info li a:hover{
	color: white;
}

.custom_bed_cart{
	border: 1px solid rgb(229, 226, 226);
	border-radius: 8px;
	padding: 20px;
	box-shadow: 5px 5px 18px #888888;
	margin: 10px;
}
.title_custom_design_category{
  font-weight: 600;
}

.product-categories li span.sign i {
    width: 15px;
    display: inline-block;
    text-align: center;
}

.product-categories li {
  font-size: 15px;
  line-height: 2.1rem;
}

.product-categories li a{
  color: #3a3d45;
  transition: 400ms;
}
.product-categories li a:hover{
  color: #1ABC9C;
}
.product-categories .active a{
  color: #1ABC9C;
}

.product-categories li ul{
  padding-right: 15px;
}

.product-categories .fa-plus::before{
  content: "\f104";
}

.product-categories .fa-minus::before{
  content: "\f107";
}


.link_custom_blog{
  color: #3a3d45;
  transition: 400ms;
}
.link_custom_blog:hover{
  color: #1ABC9C;
}


.rating a{
  color: #555;
  font-size: 18px;
}

.single-product .rating a{
  font-size: 22px;
}

.rating a.star{
  color: #fde16d;
}

.comment-avatar {
  width: fit-content;
}

.commentlist ul .comment-wrap {
  margin-left: unset;
  margin-right: 25px;
  padding-left: 20px;
}

.breadcrumb {
  position: absolute !important;
  width: auto !important;
  top: 50% !important;
  right: auto !important;
  left: 15px !important;
  margin: 0 !important;
  background-color: transparent !important;
  padding: 0 !important;
  font-size: 90%;
  transform: translateY(-50%);
}

.breadcrumb li:first-child a span::before{
  content: unset;
}
.breadcrumb li a span::before {
  padding: 0 0.2rem;
  color: #6c757d;
  content: var(--bs-breadcrumb-divider, "/");
}


@media (min-width: 768px) {
  .grid-filter li:first-child a{
    border-left: 1px solid rgba(0,0,0,0.07);
    border-radius: 0;
  }
  .grid-filter li:last-child a {
    border-radius: 4px 0 0 4px;
  }
  .grid-filter li:first-child a { border-radius: 0 4px 4px 0; }
}

.entry-meta:not(.no-separator) li::before {
    content: '\205E';
    width: 5px;
    text-align: center;
    display: inline-block;
    margin-right:unset;
    margin-left: 10px;
    opacity: 0.5;
}

.entry-meta li {
  font-size: 90%;
  margin: 0 0px 10px 15px;
  color: #999;
}

ul.agentSocial li{
  display: inline-block;
}

.fancy-title::before, .fancy-title::after {
  content: '';
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
  height: 0;
  border-top: 1px solid #E5E5E5;
}

.fancy-title h1, .fancy-title h2, .fancy-title h3, .fancy-title h4, .fancy-title h5, .fancy-title h6 {
    margin: 0px 8px;
}

form.sendAjax{
  position: relative;
}

button#load {
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
}

button#load:hover {
  color: #fff;
  background-color: #0b5ed7;
  border-color: #0a58ca;
}

#footer, .copyright-links a {
  background: #01120d !important;
  color: #afafaf;
}

#footer label {
  color: rgba(255,255,255,0.75);
}

#footer h4, #footer h5{
  color: #EEE;
}

#footer li a{
  color: rgba(255,255,255,0.8);
}


#footer .widget li a:hover{
  color: rgba(255,255,255,0.9);
}

#copyrights {
  color: rgba(255,255,255,0.4);
  background-color: rgba(0,0,0,0.2);
}

.header-misc {
  margin-left: unset;
  margin-right: 15px;
}

#logo {
    margin-right: unset !important;
    margin-left: auto;
}

@media (min-width: 992px) {

  .full-header #logo {
    padding-right: unset;
    border-right: unset;
    padding-left: 30px;
    border-left: 1px solid #EEE;
    margin-left: 1.5rem !important;
  }
}

.top-search-form input {
  padding: 10px 0px 10px 80px;
}

.bg-overlay-content .btn {
  font-size: 0.8rem;
}

.product-title h3 {
  margin: 0;
  font-size: 1rem;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1.9;
}


.button.button-desc i {
  margin-left: 12px;
  margin-right: unset;
}

.button.button-desc {
  text-align: right;
}


@media (min-width: 992px) {
  .sub-menu-container, .mega-menu-content {
    right: unset;
  }
}

.product-categories li span.sign {
  cursor: pointer;
}

#product-color-dots button[style*="background-image"]:hover {
  transition: ease-in-out;
  transition-duration: 0s;
  transition-duration: 0.4s;
  transform: scale(4);
}


.colorTabs {
  display: none;
}

.colorTabs.selected {
  display: block;
}

.product-size label.selected{
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
  box-shadow: 0 0 0 0.19rem rgba(108, 117, 125, 0.5);
}

.owl-prev .icon-angle-left::before{
  content: "\e7a5" !important;
}

.owl-next .icon-angle-right::before{
  content: "\e7a4" !important;
}


#product-color-dots .owl-dot {
  display: inline-block;
  background-color: transparent;
  width: 20px;
  height: 20px;
  margin: 0 2px;
  border-radius: 50%;
  cursor: pointer;
  border: 2px solid #FFF;
  box-shadow: 0 0 0 1px rgba(0,0,0,0);
  transform: scale(1);
  -webkit-transition: box-shadow .2s ease, transform .2s ease;
  -o-transition: box-shadow .2s ease, transform .2s ease;
  transition: box-shadow .2s ease, transform .2s ease;
}

#product-color-dots .owl-dot.active,#product-color-dots .owl-dot.selected {
  box-shadow: 0 0 0 1px rgba(0,0,0,0.3);
  transform: scale(1.2);
}

img {
  height: auto;
}

.top-cart-content{
  top:80px;
}

#page-title h1 {
  font-size: 1.3rem;
}

#page-title span {
  font-size: 1.05rem;
}


.widget.search_element{
    padding: 15px;
}

.widget.search_element ul li {
  display: inline-block;
  padding-right:6px;
  border: 1px solid #a8a8a8;
  border-radius: 8px;
  margin: 0px 5px 5px 0px;
  float: right;
}

.widget.search_element ul li .remove-filter{
    padding: 10px 5px 10px 7px;
    cursor: pointer;
}

.widget > h4 {
  margin-bottom: 15px;
}

#brands ul li{
    padding: 0.5rem 0px;
}

#brands ul li a{
  color: #3a3d45;
}

#brands ul li.active{
  z-index: 2;
  color: #fff;
  background-color: unset;
  border-color: unset;
}

#brands ul li.active a{
  color: #1ABC9C;
}

.widget {
  margin-top: 30px;
}

#top-account a{
  color: #333;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #ced4da !important;
}

.select2-container .select2-selection--single {
    height: auto !important; 
    padding: 0.375rem 0.75rem;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 7px !important;
}

  .white-section {
    background-color: #FFF;
    padding: 25px 20px;
    -webkit-box-shadow: 0px 1px 1px 0px #dfdfdf;
    box-shadow: 0px 1px 1px 0px #dfdfdf;
    border-radius: 3px;
  }

  .white-section label { margin-bottom: 15px; }

  .dark .white-section {
    background-color: #111;
    -webkit-box-shadow: 0px 1px 1px 0px #444;
    box-shadow: 0px 1px 1px 0px #444;
  }
.removePerson {
    border-radius: 100%;
    background-color: #1681D5;
    padding: 8px 17px;
    position: absolute;
    z-index: 9;
    top: 10px;
    left: 10px;
}

.removePerson:hover {
    cursor: pointer;
}

.convas-blue-color {
  padding-right: 10px;
  color: #17114d;
  font-size: 14px;
  position: absolute;
  bottom: 0;
  font-weight: bold;
  left: 15px;
  padding-bottom: 10px;
  display: flex;
}

.mySwipers1 .swiper-slide > a {
  width: 100%;
}

.mySwipers1 .swiper-slide img {
  overflow: hidden;
  background-size: cover;
}

.mySwipers1 .swiper-slide {
  display: flex !important;
  flex-direction: column;
  border: 1px solid rgba(23, 17, 77, 0.1);
  text-align: right;
  cursor: pointer;
  align-items: stretch;
  border-radius: 5px;
  align-content: flex-start;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding-bottom: 46px;
}

.mySwipers1 .swiper-slide:hover {
  border-bottom: 3px solid #17114d;
  transition: 0.2s ease-out;
}

.mySwiper-convas .swiper-slide h5, .mySwipers1 .swiper-slide h4 {
  color: #17114d;
  font-size: 18px;
  padding: 9px 15px !important;
  margin: 0;
  line-height: 2.2rem;
}

.mySwipers1 .swiper-slide p {
  color: #000 !important;
  padding: 0 0px;
  font-size: 12px;
  text-align: justify;
}

.more_blog::after {
  content: url(../../images/arrow-left.svg);
  padding-right: 5px;
  padding-top: 3px;
}

.blog_date_pdf {
  color: #6f6f6f;
  display: flex;
  font-size: 15px !important;
}

.blog_date_pdf::before {
  content: url('../../images/calendar.png');
  padding-left: 5px;
}

.blog_view_count_pdf::before {
  content: url(../../images/frame.png);
  padding-left: 5px;
}

.convas-new-Education-eye {
  padding-right: 15px;
}

#page-title h1 {
  font-size: 20px;
  margin-bottom: 25px !important;
}

.breadcrumb {
  position: relative !important;
  width: auto !important;
  top: unset;
  left: auto !important;
  margin: unset;
  background-color: transparent !important;
  padding: 0 !important;
  transform: unset;
}

.blogs_prev {
  background: url('../../images/left.svg');
  background-size: cover;
  position: absolute;
  top: 45%;
  right: -3%;
  width: 40px;
  height: 40px;
  z-index: 1;
}

.blogs_next {
  background: url('../../images/right.svg');
  background-size: cover;
  position: absolute;
  top: 45%;
  left: -3%;
  width: 40px;
  height: 40px;
  z-index: 1;
}

.style-msg2 ol, .style-msg2 ul {
  margin: 0 30px 0 0;
}

.team.team-list .team-image, .team-list.team-image .team-image {
  float: right;
  margin-left: 0;
  margin-right: 0;
}


.partner_item {
  background: #ffffff;
  border: 1px solid #ededed;
  border-radius: 5px;
  padding: 5px;
  margin: 15px;
  text-align: center;
}

.partner_item .image img {
  border-radius: 5px;
}

.partner_item:hover {
  box-shadow: 0px 0px 16px #cbcbcb;
}

.card-title {
    color: #0c2659;
}
.fancy-title h1, .fancy-title h2, .fancy-title h3, .fancy-title h4, .fancy-title h5, .fancy-title h6 {
    position: relative;
    margin-bottom: 0;
    color: #0c2659;
}
#footer, .copyright-links a {
    background: #0c2659 !important;
    color: #afafaf;
}
.menu-item:hover > .menu-link, .menu-item.active > .menu-link {
    color: #c49a6c;
}
a {
    text-decoration: none !important;
    color: #c49a6c;
}

#footer li a {
  color: rgba(255,255,255,0.8);
}

@media (min-width: 992px) {
  .full-header .primary-menu .menu-container {
    border-left: unset; 
  }
}

/*main slider*/

@media (min-width: 768px) {
    #slider{
      /* height: 350px; */
      height: 405px;
    }
}

@media (min-width: 992px) {
    #slider{
      /* height: 450px; */
      height: 600px;
    }
}

@media (min-width: 1200px) {
    #slider{
      /* height: 680px; */
      height: 950px;
    }
}

@media (max-width: 768px) {
    #slider{
      height: 210px;
    }
}

/*main slider*/


@media (min-width: 992px) {
  .primary-menu:not(.on-click) .menu-item:hover > .sub-menu-container, .primary-menu:not(.on-click) .menu-item:hover > .mega-menu-content {
    padding: 10px;
  }

  .sub-menu-container li{
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 7px;
  }

  .sub-menu-container li.is-top{
    padding-right: 0px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 3px;
  }

  .sub-menu-container li.is-headline{
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 3px;
  }
}