.expert_box{
	border:1px solid #00000025;
	padding:15px;
}
.expert_image img{
	width:100%;
	height:200px;
	object-fit:cover;
	border-radius:5px;
}
.expert_data{
	padding:0;
	margin:10px 0 0;
}
.expert_name{
	width:50%;
	font-size:14px;
	display:inline-block;
	float:right;
	line-height: 16px;
}
.expert_post{
	text-align:left;
	width:50%;
	font-size:12px;
	display:inline-block;
	line-height: 16px;
}
.expert-contact{
	margin:15px 0 0;
	line-height: 35px;
}
.expert-contact img{
	float:right;
	margin-left:8px;
	width:35px!important;
}
.internal_number{
	background:orange;
	color:#000;
	font-size:14px;
	padding:2px 5px;
	border-radius:5px;
	margin-left:10px;
}
.office_number{
	font-size:14px;
}
.team-content{
	display:inline-block;
	width:60%;
	float:right;
	height:250px;
}
.expert-single-image{
	display:inline-block;
	width:40%;
}
.expert-single-img{
	height:250px;
	overflow:hidden;
	border-radius:5px;
	margin-bottom:25px
}
.expert-single-img img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.team-title{
	font-size:24px;
	display:inline-block;
}
.team-member-post{
	margin-right:10px;
	color:gray;
}
.team-bio{
	margin: 25px 0;
	font-size:14px;
	height: 97px;
        text-align: justify;
        margin-left: 20px;
}
.whtasapp-conection{
	border:1px solid lightgray;
	border-radius:5px;
	display:inline-block;
	padding:0 10px;
	font-size:14px;
	width:32%;
	text-align: center;
}
.whtasapp-conection a{
	color:gray
}
.phone-conection{
	border:1px solid lightgray;
	border-radius:5px;
	display:inline-block;
	padding:0 10px;
	font-size:14px;
	color:gray;
	width:32%;
	text-align: center;
}
.mobile-conection{
	border:1px solid lightgray;
	border-radius:5px;
	display:inline-block;
	padding:0 10px;
	font-size:14px;
	color:gray;
	width:32%;
	text-align: center;
}
.product-cat-display{
	background:lightgray;
	padding:25px;
        border-radius: 5px;
        margin-bottom: 25px;
}
.product-cat-display span{
	background:gray;
	color:#ffff;
	padding:5px 10px;
	font-size:14px;
	border-radius:5px;
        line-height: 34px;
}
.product-cat-display p {
    margin-top: -10px;
    margin-bottom: 15px;
}
.team-single-page{
	background:#fff;
	margin:25px;
	padding:25px;
	border-radius:10px;
	box-shadow:0 0 5px lightgray;
	max-width:100%;
}
.show-more {
  display: none;
  cursor: pointer;
}
	.slide-progress-back{
		background:#fff;
		padding:0 10px;
	}
	.slide-progress {
		width: 0;
		max-width: 100%;
		height: 3px;
		background: #f39e42;
	}
	.expert_post{
		top: -3px;
		position: relative;
		color: #000;
	}
	.expert-carousel-home .owl-dots, .expert-carousel .owl-dots{
		position:absolute;
		bottom:0px;
		left:5px
	}
	.expert-carousel-home button.owl-dot, .expert-carousel button.owl-dot{
		width:7px;
		height:7px;
		background:#f39e4250!important;
		border-radius:50%;
		margin:0 1px;
	}
	.expert-carousel-home button.owl-dot.active, .expert-carousel button.owl-dot.active{
		background:#f39e42!important;
	}
	.show-more{
		background:orange!important;
		color:#fff;
		display:inline-block!important;
		width:auto;
		color: #ffff;
		padding: 5px 10px;
		font-size: 14px;
		border-radius: 5px;
	}
	.product-cat-display{
		text-align:justify;
	}
	.product-cat-display span{
		margin-left:5px;
		white-space: nowrap;
	}

	.expert_box {
		border:none;
		padding: 15px;
		background: #fff;
		border-radius: 0 0 5px 5px;
	}
	#expert_widget_mobile-2{
		margin-bottom: -10px!important;
		margin: 10px;
	}
	.office_number{
		color:#515151
	}
	.expert-widget-title {
		background: #fff;
		width: 100%;
		display: inline-block;
		text-align: center;
		border-radius: 5px 5px 0 0;
		padding: 10px 10px 0;
	}
	.expert-widget-title span {
		border-bottom: 1px solid lightgray;
		font-size: 12px;
		font-weight:bold;
		display: inline-block;
		width: 100%;
		padding-bottom: 5px;
		color:#515151;
	}

	
	    .whatsapp_new_carousel {
      position: relative;
      overflow: hidden;
      height: 330px; /* Set the height of your carousel */
      margin: 0 auto;
    }

    .whatsapp-carousel-inner {
      display: flex;
      flex-direction: row; /* Change to row for horizontal layout */
      transition: transform 0.5s ease-in-out;
      height: 100%; /* Ensure the inner container takes up the full height */
    }

    .whatsapp-carousel-item {
      min-width: 100%; /* Set the width of each item */
      box-sizing: border-box;
    }

    #prev, #next {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      cursor: pointer;
      background: none;
      border: none;
      font-size: 18px;
      color: #333;
	  display: none;
    }

    #prev { left: 10px; }
    #next { right: 10px; }

    .whatsapp-dots {
      position: absolute;
      bottom: 10px;
      left: 50%;
      transform: translateX(-50%);
      display: flex;
    }

    .whatsapp-dot {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background-color: #bbb;
      margin: 0 5px;
      cursor: pointer;
    }

    .whatsapp-dot.active {
      background-color: #555;
    }

/* =========================================================================
   EXPERT WIDGET REDESIGN — Figma "Frame 1182"
   با .widget.widget_expert_widget + !important بر استایل‌های legacy
   (product-cat.css / product-cat-v2.css که دیرتر لود می‌شوند) غلبه می‌کند.
   ========================================================================= */
.widget.widget_expert_widget {
  box-sizing: border-box !important;
  width: 313px !important; max-width: 100% !important;
  display: flex !important; flex-direction: column !important; align-items: stretch !important;
  background: #F5F6F6 !important;
  border: 1px solid #CCD5D3 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  padding: 0 !important; margin: 0 auto 8px !important;
  list-style: none !important;
  font-family: 'Estedad-FD', 'Estedad', sans-serif !important;
}
.widget.widget_expert_widget .expert-widget-title,
.widget.widget_expert_widget .slide-progress-back,
.widget.widget_expert_widget .whatsapp-dots,
.widget.widget_expert_widget #prev,
.widget.widget_expert_widget #next,
.widget.widget_expert_widget .office_number { display: none !important; }

/* ---- بخش سفید بالا (viewport کاروسل) ---- */
.widget.widget_expert_widget .whatsapp_new_carousel {
  order: 0 !important; background: #fff !important; overflow: hidden !important;
  position: relative !important; width: 100% !important; height: auto !important; margin: 0 !important;
}
.widget.widget_expert_widget .whatsapp-carousel-inner {
  display: flex !important; flex-wrap: nowrap !important; height: auto !important; direction: ltr !important;
}
.widget.widget_expert_widget .expert_box.whatsapp-carousel-item {
  flex: 0 0 100% !important; width: 100% !important; box-sizing: border-box !important; height: auto !important;
  direction: rtl !important; display: block !important; position: static !important;
  padding: 8px 12px 8px 8px !important; margin: 0 !important; gap: 0 !important;
}
.widget.widget_expert_widget .expert_box > div {
  display: flex !important; flex-direction: row !important; align-items: center !important;
  gap: 16px !important; width: 100% !important; position: static !important;
}
/* عکس (راست) */
.widget.widget_expert_widget .expert_image {
  flex: 0 0 96px !important; aspect-ratio: auto !important; position: static !important; margin: 0 !important;
}
.widget.widget_expert_widget .expert_image img {
  width: 96px !important; height: 96px !important; max-width: none !important;
  border-radius: 6px !important; object-fit: cover !important; display: block !important; margin: 0 !important;
}
.widget.widget_expert_widget .expert_image:after { display: none !important; content: none !important; }
/* دیتا (چپ) */
.widget.widget_expert_widget .expert_data {
  flex: 1 1 auto !important; min-width: 0 !important; margin: 0 !important; position: static !important;
  display: flex !important; flex-direction: column !important; align-items: flex-end !important; gap: 6px !important;
}
.widget.widget_expert_widget .expert_post {
  order: 0 !important; position: static !important; width: 100% !important; margin: 0 !important; padding: 0 !important;
  top: auto !important; left: auto !important;
  font-weight: 500 !important; font-size: 14px !important; line-height: 1.4 !important; color: #060707 !important; text-align: right !important;
}
.widget.widget_expert_widget .expert_name {
  order: 1 !important; width: 100% !important; margin: 0 !important; padding: 0 !important;
  font-weight: 400 !important; font-size: 12px !important; line-height: 1.4 !important; color: #394040 !important; text-align: right !important;
}
/* ردیف تماس */
.widget.widget_expert_widget .expert-contact {
  order: 2 !important; width: 100% !important; box-sizing: border-box !important; direction: ltr !important;
  display: flex !important; flex-direction: row !important; justify-content: space-between !important; align-items: center !important;
  gap: 8px !important; border-top: 1px solid #F5F6F6 !important; padding-top: 6px !important; margin: 6px 0 0 !important;
  line-height: normal !important;
}
.widget.widget_expert_widget .expert-contact .ct-btn {
  position: static !important; flex: 0 0 auto !important; width: 32px !important; height: 32px !important;
  border-radius: 999px !important; border: 0 !important; padding: 0 !important; margin: 0 !important; background: none !important;
  display: flex !important; align-items: center !important; justify-content: center !important; top: auto !important; left: auto !important;
}
.widget.widget_expert_widget .expert-contact .ct-btn img {
  position: static !important; width: 24px !important; height: 24px !important; max-width: none !important;
  margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important;
  top: auto !important; left: auto !important; display: block !important;
}
.widget.widget_expert_widget .expert-contact .internal_number {
  position: static !important; flex: 0 0 auto !important; width: auto !important; direction: rtl !important; white-space: nowrap !important;
  display: inline-flex !important; align-items: center !important; top: auto !important;
  border: 1px solid #F5F6F6 !important; border-radius: 999px !important; background: #fff !important;
  padding: 4px 8px !important; margin: 0 !important;
  font-weight: 400 !important; font-size: 11px !important; line-height: 1.4 !important; color: #060707 !important;
}

/* ---- نوار پایین (arrows + label) ---- */
.widget.widget_expert_widget .expert_bottom_bar {
  order: 1 !important; direction: ltr !important; display: flex !important; flex-direction: row !important;
  align-items: center !important; gap: 8px !important; padding: 2px 12px 4px 8px !important;
}
.widget.widget_expert_widget .expert_nav_btn {
  flex: 0 0 auto !important; width: 32px !important; height: 32px !important; border-radius: 999px !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  background: none !important; border: 0 !important; cursor: pointer !important; padding: 4px !important;
}
.widget.widget_expert_widget .expert_nav_btn img { width: 24px !important; height: 24px !important; display: block !important; }
.widget.widget_expert_widget .expert_nav_btn img.mirror { transform: scaleX(-1) !important; }
/* حالت فعال = آیکن پررنگ (nav-on) / غیرفعال = آیکن کم‌رنگ (nav-off) */
.widget.widget_expert_widget .expert_nav_btn .nav-off { display: none !important; }
.widget.widget_expert_widget .expert_nav_btn.is-off .nav-on { display: none !important; }
.widget.widget_expert_widget .expert_nav_btn.is-off .nav-off { display: block !important; }
.widget.widget_expert_widget .expert_nav_btn.is-off { cursor: default !important; }
.widget.widget_expert_widget .expert_bottom_label {
  flex: 1 1 auto !important; direction: rtl !important; text-align: right !important;
  font-weight: 400 !important; font-size: 14px !important; line-height: 1.4 !important; color: #394040 !important;
}