.elementor-587 .elementor-element.elementor-element-775b7f0{--display:flex;--min-height:0px;--justify-content:center;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-587 .elementor-element.elementor-element-170a043 .elementor-button{background-color:transparent;font-family:"Estedad", Sans-serif;font-size:17px;font-weight:600;background-image:linear-gradient(145deg, #00254D 0%, #004080 100%);box-shadow:0px 0px 8px 4px rgba(0, 0, 0, 0.3);border-style:solid;border-width:1px 1px 1px 0px;border-color:#FFFFFF;border-radius:0px 15px 15px 0px;padding:10px 10px 10px 25px;}.elementor-587 .elementor-element.elementor-element-170a043 .elementor-button:hover, .elementor-587 .elementor-element.elementor-element-170a043 .elementor-button:focus{background-color:transparent;background-image:linear-gradient(145deg, #004080 0%, #0059B3 100%);box-shadow:6px 0px 12px 0px rgba(0, 0, 0, 0.45);}.elementor-587 .elementor-element.elementor-element-170a043{width:var( --container-widget-width, 4% );max-width:4%;--e-transform-translateX:10px;--container-widget-width:4%;--container-widget-flex-grow:0;top:50%;}.elementor-587 .elementor-element.elementor-element-170a043:hover{--e-transform-translateX:10px;}.elementor-587 .elementor-element.elementor-element-170a043.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}body:not(.rtl) .elementor-587 .elementor-element.elementor-element-170a043{right:-20px;}body.rtl .elementor-587 .elementor-element.elementor-element-170a043{left:-20px;}.elementor-587 .elementor-element.elementor-element-a59f3fc{--display:flex;}.elementor-587 .elementor-element.elementor-element-253d418 .e-off-canvas__content{background-color:#020101F7;border-radius:0px 30px 30px 0px;}.elementor-587 .elementor-element.elementor-element-253d418{--e-off-canvas-justify-content:flex-end;--e-off-canvas-align-items:center;--e-off-canvas-width:45px;--e-off-canvas-height:fit-content;--e-off-canvas-content-overflow:initial;--e-off-canvas-animation-duration:1s;--e-off-canvas-overlay-opacity:0;}.elementor-587 .elementor-element.elementor-element-d17568a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:7px 0px;--row-gap:7px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 0px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:0px;border-color:#FFFDFD;--border-color:#FFFDFD;--border-radius:0px 27px 25px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:3px;--padding-left:3px;--padding-right:3px;}.elementor-587 .elementor-element.elementor-element-d17568a:not(.elementor-motion-effects-element-type-background), .elementor-587 .elementor-element.elementor-element-d17568a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(150deg, #00254D 0%, #004080 64%);}.elementor-587 .elementor-element.elementor-element-d17568a.e-con{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-587 .elementor-element.elementor-element-1a08748{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;}.elementor-587 .elementor-element.elementor-element-1a08748.elementor-element{--align-self:center;}.elementor-587 .elementor-element.elementor-element-19017c5{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;}.elementor-587 .elementor-element.elementor-element-19017c5.elementor-element{--align-self:center;}.elementor-587 .elementor-element.elementor-element-b3d761a{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;}.elementor-587 .elementor-element.elementor-element-b3d761a.elementor-element{--align-self:center;}.elementor-587 .elementor-element.elementor-element-61b9ca1{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;}.elementor-587 .elementor-element.elementor-element-61b9ca1.elementor-element{--align-self:center;}.elementor-587 .elementor-element.elementor-element-7535ed6{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;}.elementor-587 .elementor-element.elementor-element-7535ed6.elementor-element{--align-self:center;}.elementor-587 .elementor-element.elementor-element-f417d9c{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;}.elementor-587 .elementor-element.elementor-element-f417d9c.elementor-element{--align-self:center;}.elementor-587 .elementor-element.elementor-element-4e1e181{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;}.elementor-587 .elementor-element.elementor-element-4e1e181.elementor-element{--align-self:center;}.elementor-587 .elementor-element.elementor-element-d956739{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;}.elementor-587 .elementor-element.elementor-element-d956739.elementor-element{--align-self:center;}.elementor-587 .elementor-element.elementor-element-91029a0{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;}.elementor-587 .elementor-element.elementor-element-91029a0.elementor-element{--align-self:center;}.elementor-587 .elementor-element.elementor-element-b9da3e5{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;}.elementor-587 .elementor-element.elementor-element-b9da3e5.elementor-element{--align-self:center;}.elementor-587 .elementor-element.elementor-element-3fdbcf7{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;}.elementor-587 .elementor-element.elementor-element-3fdbcf7.elementor-element{--align-self:center;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){body:not(.rtl) .elementor-587 .elementor-element.elementor-element-170a043{right:5%;}body.rtl .elementor-587 .elementor-element.elementor-element-170a043{left:5%;}}@media(min-width:768px){.elementor-587 .elementor-element.elementor-element-775b7f0{--content-width:500px;}.elementor-587 .elementor-element.elementor-element-d17568a{--width:100%;}}/* Start custom CSS for button, class: .elementor-element-170a043 */@import url('https://fonts.googleapis.com/css2?family=Vazirmatn&display=swap');

.cap0 {
  position: relative;
  display: inline-block;
  font-family: 'Vazirmatn', sans-serif;
  border-radius: 12px;
  margin-bottom: 36px;
}

.cap0 img {
  display: block;
  width: 100%;
  height: auto;
}

.cap0::after {
  content: "فهرست";
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translate(-100%, -50%); /* شروع از سمت چپ تصویر */
  
  width: fit-content;
  padding: 6px 10px;

  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);

  color: #ffffff;
  font-size: 13px; /* فونت کوچکتر شد */
  line-height: 1.3;
  text-align: center;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 12px;
  border: 1px solid #003366;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);

  opacity: 0;
  transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
  pointer-events: none;
  z-index: 10;
  box-sizing: border-box;

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cap0:hover::after {
  opacity: 1;
  transform: translate(50px, -50%); /* حرکت از چپ به داخل سمت راست تصویر */
}

.cap0:not(:hover)::after {
  transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1) 0.1s;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1a08748 */@import url('https://fonts.googleapis.com/css2?family=Vazirmatn&display=swap');

.cap1 {
  position: relative;
  display: inline-block;
  font-family: 'Vazirmatn', sans-serif;
  border-radius: 12px;
  margin-bottom: 36px;
}

.cap1 img {
  display: block;
  width: 100%;
  height: auto;
}

.cap1::after {
  content: "   صفحه اصلی";
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translate(-100%, -50%); /* شروع از سمت چپ تصویر */
  
  width: fit-content;
  padding: 6px 10px;

  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);

  color: #ffffff;
  font-size: 13px; /* فونت کوچکتر شد */
  line-height: 1.3;
  text-align: center;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 12px;
  border: 1px solid #003366;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);

  opacity: 0;
  transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
  pointer-events: none;
  
  box-sizing: border-box;

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cap1:hover::after {
  opacity: 1;
  transform: translate(40px, -50%); /* حرکت از چپ به داخل سمت راست تصویر */
}

.cap1:not(:hover)::after {
  transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1) 0.1s;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-19017c5 */@import url('https://fonts.googleapis.com/css2?family=Vazirmatn&display=swap');

.cap2 {
  position: relative;
  display: inline-block;
  font-family: 'Vazirmatn', sans-serif;
  border-radius: 12px;
  margin-bottom: 36px;
}

.cap2 img {
  display: block;
  width: 100%;
  height: auto;
}

.cap2::after {
  content: "جستجو پیشرفته";
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translate(-100%, -50%); /* شروع از سمت چپ تصویر */
  
  width: fit-content;
  padding: 6px 10px;

  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);

  color: #ffffff;
  font-size: 13px; /* فونت کوچکتر شد */
  line-height: 1.3;
  text-align: center;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 12px;
  border: 1px solid #003366;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);

  opacity: 0;
  transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
  pointer-events: none;
  z-index: 10;
  box-sizing: border-box;

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cap2:hover::after {
  opacity: 1;
  transform: translate(40px, -50%); /* حرکت از چپ به داخل سمت راست تصویر */
}

.cap2:not(:hover)::after {
  transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1) 0.1s;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b3d761a */@import url('https://fonts.googleapis.com/css2?family=Vazirmatn&display=swap');

.cap3 {
  position: relative;
  display: inline-block;
  font-family: 'Vazirmatn', sans-serif;
  border-radius: 12px;
  margin-bottom: 36px;
}

.cap3 img {
  display: block;
  width: 100%;
  height: auto;
}

.cap3::after {
  content: "فایل های پژوهشی";
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translate(-100%, -50%); /* شروع از سمت چپ تصویر */
  
  width: fit-content;
  padding: 6px 10px;

  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);

  color: #ffffff;
  font-size: 13px; /* فونت کوچکتر شد */
  line-height: 1.3;
  text-align: center;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 12px;
  border: 1px solid #003366;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);

  opacity: 0;
  transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
  pointer-events: none;
  z-index: 10;
  box-sizing: border-box;

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cap3:hover::after {
  opacity: 1;
  transform: translate(40px, -50%); /* حرکت از چپ به داخل سمت راست تصویر */
}

.cap3:not(:hover)::after {
  transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1) 0.1s;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-61b9ca1 */@import url('https://fonts.googleapis.com/css2?family=Vazirmatn&display=swap');

.cap4 {
  position: relative;
  display: inline-block;
  font-family: 'Vazirmatn', sans-serif;
  border-radius: 12px;
  margin-bottom: 36px;
}

.cap4 img {
  display: block;
  width: 100%;
  height: auto;
}

.cap4::after {
  content: "ابزار های پژوهشی";
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translate(-100%, -50%); /* شروع از سمت چپ تصویر */
  
  width: fit-content;
  padding: 6px 10px;

  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);

  color: #ffffff;
  font-size: 13px; /* فونت کوچکتر شد */
  line-height: 1.3;
  text-align: center;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 12px;
  border: 1px solid #003366;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);

  opacity: 0;
  transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
  pointer-events: none;
  z-index: 10;
  box-sizing: border-box;

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cap4:hover::after {
  opacity: 1;
  transform: translate(40px, -50%); /* حرکت از چپ به داخل سمت راست تصویر */
}

.cap4:not(:hover)::after {
  transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1) 0.1s;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7535ed6 */@import url('https://fonts.googleapis.com/css2?family=Vazirmatn&display=swap');

.cap5 {
  position: relative;
  display: inline-block;
  font-family: 'Vazirmatn', sans-serif;
  border-radius: 12px;
  margin-bottom: 36px;
}

.cap5 img {
  display: block;
  width: 100%;
  height: auto;
}

.cap5::after {
  content: "درختواره موضوعاتی";
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translate(-100%, -50%); /* شروع از سمت چپ تصویر */
  
  width: fit-content;
  padding: 6px 10px;

  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);

  color: #ffffff;
  font-size: 13px; /* فونت کوچکتر شد */
  line-height: 1.3;
  text-align: center;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 12px;
  border: 1px solid #003366;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);

  opacity: 0;
  transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
  pointer-events: none;
  z-index: 10;
  box-sizing: border-box;

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cap5:hover::after {
  opacity: 1;
  transform: translate(40px, -50%); /* حرکت از چپ به داخل سمت راست تصویر */
}

.cap5:not(:hover)::after {
  transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1) 0.1s;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f417d9c */@import url('https://fonts.googleapis.com/css2?family=Vazirmatn&display=swap');

.cap6 {
  position: relative;
  display: inline-block;
  font-family: 'Vazirmatn', sans-serif;
  border-radius: 12px;
  margin-bottom: 36px;
}

.cap6 img {
  display: block;
  width: 100%;
  height: auto;
}

.cap6::after {
  content: "سایت های پژوهشی";
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translate(-100%, -50%); /* شروع از سمت چپ تصویر */
  
  width: fit-content;
  padding: 6px 10px;

  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);

  color: #ffffff;
  font-size: 13px; /* فونت کوچکتر شد */
  line-height: 1.3;
  text-align: center;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 12px;
  border: 1px solid #003366;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);

  opacity: 0;
  transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
  pointer-events: none;
  z-index: 10;
  box-sizing: border-box;

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cap6:hover::after {
  opacity: 1;
  transform: translate(40px, -50%); /* حرکت از چپ به داخل سمت راست تصویر */
}

.cap6:not(:hover)::after {
  transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1) 0.1s;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4e1e181 */@import url('https://fonts.googleapis.com/css2?family=Vazirmatn&display=swap');

.cap7 {
  position: relative;
  display: inline-block;
  font-family: 'Vazirmatn', sans-serif;
  border-radius: 12px;
  margin-bottom: 36px;
}

.cap7 img {
  display: block;
  width: 100%;
  height: auto;
}

.cap7::after {
  content: "آموزش";
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translate(-100%, -50%); /* شروع از سمت چپ تصویر */
  
  width: fit-content;
  padding: 6px 10px;

  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);

  color: #ffffff;
  font-size: 13px; /* فونت کوچکتر شد */
  line-height: 1.3;
  text-align: center;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 12px;
  border: 1px solid #003366;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);

  opacity: 0;
  transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
  pointer-events: none;
  z-index: 10;
  box-sizing: border-box;

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cap7:hover::after {
  opacity: 1;
  transform: translate(40px, -50%); /* حرکت از چپ به داخل سمت راست تصویر */
}

.cap7:not(:hover)::after {
  transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1) 0.1s;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d956739 */@import url('https://fonts.googleapis.com/css2?family=Vazirmatn&display=swap');

.cap8 {
  position: relative;
  display: inline-block;
  font-family: 'Vazirmatn', sans-serif;
  border-radius: 12px;
  margin-bottom: 36px;
}

.cap8 img {
  display: block;
  width: 100%;
  height: auto;
}

.cap8::after {
  content: "اساتید همکار";
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translate(-100%, -50%); /* شروع از سمت چپ تصویر */
  
  width: fit-content;
  padding: 6px 10px;

  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);

  color: #ffffff;
  font-size: 13px; /* فونت کوچکتر شد */
  line-height: 1.3;
  text-align: center;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 12px;
  border: 1px solid #003366;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);

  opacity: 0;
  transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
  pointer-events: none;
  z-index: 10;
  box-sizing: border-box;

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cap8:hover::after {
  opacity: 1;
  transform: translate(40px, -50%); /* حرکت از چپ به داخل سمت راست تصویر */
}

.cap8:not(:hover)::after {
  transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1) 0.1s;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-91029a0 */@import url('https://fonts.googleapis.com/css2?family=Vazirmatn&display=swap');

.cap9 {
  position: relative;
  display: inline-block;
  font-family: 'Vazirmatn', sans-serif;
  border-radius: 12px;
  margin-bottom: 36px;
}

.cap9 img {
  display: block;
  width: 100%;
  height: auto;
}

.cap9::after {
  content: "مشابه یاب";
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translate(-100%, -50%); /* شروع از سمت چپ تصویر */
  
  width: fit-content;
  padding: 6px 10px;

  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);

  color: #ffffff;
  font-size: 13px; /* فونت کوچکتر شد */
  line-height: 1.3;
  text-align: center;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 12px;
  border: 1px solid #003366;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);

  opacity: 0;
  transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
  pointer-events: none;
  z-index: 10;
  box-sizing: border-box;

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cap9:hover::after {
  opacity: 1;
  transform: translate(40px, -50%); /* حرکت از چپ به داخل سمت راست تصویر */
}

.cap9:not(:hover)::after {
  transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1) 0.1s;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b9da3e5 */@import url('https://fonts.googleapis.com/css2?family=Vazirmatn&display=swap');

.cap10 {
  position: relative;
  display: inline-block;
  font-family: 'Vazirmatn', sans-serif;
  border-radius: 12px;
  margin-bottom: 36px;
}

.cap10 img {
  display: block;
  width: 100%;
  height: auto;
}

.cap10::after {
  content: "   پنل کاربری";
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translate(-100%, -50%); /* شروع از سمت چپ تصویر */
  
  width: fit-content;
  padding: 6px 10px;

  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);

  color: #ffffff;
  font-size: 13px; /* فونت کوچکتر شد */
  line-height: 1.3;
  text-align: center;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 12px;
  border: 1px solid #003366;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);

  opacity: 0;
  transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
  pointer-events: none;
  z-index: 10;
  box-sizing: border-box;

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cap10:hover::after {
  opacity: 1;
  transform: translate(40px, -50%); /* حرکت از چپ به داخل سمت راست تصویر */
}

.cap10:not(:hover)::after {
  transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1) 0.1s;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3fdbcf7 */@import url('https://fonts.googleapis.com/css2?family=Vazirmatn&display=swap');

.cap11 {
  position: relative;
  display: inline-block;
  font-family: 'Vazirmatn', sans-serif;
  border-radius: 12px;
  margin-bottom: 36px;
}

.cap11 img {
  display: block;
  width: 100%;
  height: auto;
}

.cap11:after {
  content: "  بستن فهرست";
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translate(-100%, -50%); /* شروع از سمت چپ تصویر */
  
  width: fit-content;
  padding: 6px 10px;

  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);

  color: #ffffff;
  font-size: 13px; /* فونت کوچکتر شد */
  line-height: 1.3;
  text-align: center;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 12px;
  border: 1px solid #003366;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);

  opacity: 0;
  transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
  pointer-events: none;
  z-index: 10;
  box-sizing: border-box;

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cap11:hover::after {
  opacity: 1;
  transform: translate(40px, -50%); /* حرکت از چپ به داخل سمت راست تصویر */
}

.cap11:not(:hover)::after {
  transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1) 0.1s;
}/* End custom CSS */