/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.3.1748692856
Updated: 2025-05-31 15:30:56

*/

.product-course-videos .jet-listing-dynamic-repeater__items  {
    flex-wrap: wrap;
    justify-content: space-between !important;
}

.product-course-videos .jet-listing-dynamic-repeateritems .jet-listing-dynamic-repeateritem {
    width: calc(50% - 20px);
}

.product-course-videos .jet-listing-dynamic-repeateritems .jet-listing-dynamic-repeateritem video {
    margin: 10px 0 10px 0 !important;
}

.product-course-videos .jet-listing-dynamic-repeateritems .jet-listing-dynamic-repeateritem span, .jet-listing-dynamic-repeateritems .jet-listing-dynamic-repeateritem strong {
    margin: 10px 0 0 0 !important;
}

/*header */
.cart-header .elementor-menu-cart__main {
  border-radius: 10px;
  transition: opacity 0.3s ease !important;
  box-shadow: 0px 0px 12px 0px rgba(154, 154, 154, 0.25);
  width: max-content !important;
  min-height: 40px !important;
  left: 86px !important;
}

.search-poup .e-eicon-close.eicon-close {
     display: inline-block;
  transition: transform 0.2s ease-in-out;
}
.search-poup .e-eicon-close.eicon-close:hover{
    transform: rotate(180deg);
}
div#e-n-menu-title-1856 path {
  fill: #02bbd8 !important;
}
div#e-n-menu-title-1853 path{
   fill: #02bbd8 !important;
}
.login-button svg {
  width: 22px !important;
  height: 22px !important;
  border: 2px solid #fff;
  border-radius: 4px;
}

.cart-header .elementor-button-icon-qty {
  top: 11px !important;
  left: 13px !important;
}

.login-button span.elementor-button-text {
  margin-right: 6px;
}
.menu-header .div#menubar-130 li {
    height: 100%!important
    ;
}
.menu-header a.e-n-menu-title-container.e-focus.e-link {
    margin: 0;
    padding: 0 !important;
}

.menu-header .menu-item-58::before {
  content: "";
  background-image: url(https://drplays.com/wp-content/uploads/2025/05/home.svg);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: -5px;
  left: 50%;
  transform: translateX(-50%);
  width: 24px;
  height: 24px;
}

.menu-header a {
  margin-top: 18px;
  padding-bottom: 8px !important;
}

.sub-service-menu{
    box-shadow: 0 15px 30px #4b506930;
}

.menu-header ul li a {
  position: relative;
  text-decoration: none;
}

.menu-header .e-n-menu-title-text::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%) scaleX(0);
  transform-origin: left;
  width: 89px;
  height: 2px;
  background-color: #ffb200 !important;
  transition: transform 0.6s ease, transform-origin 0s;
}

.menu-header .e-n-menu-title-text:hover::after,
.menu-header ul li.current-menu-item a::after {
  transform: translateX(-50%) scaleX(1);
  transform-origin: left;
  background-color: #FFB20;
}

.menu-header .e-n-menu-title-text:not(:hover)::after {
  transform-origin: right;
  background-color: #FFB20;
}

.elementor-widget-nav-menu .elementor-item::before,
.elementor-widget-nav-menu .elementor-item::after {
  background-color: #ffb202 !important;
}

.hamburger-menu {
  background-color: white;
  width: 34px;
  height: 34px;
  border-radius: 2px;
}

.hamburger-menu svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.search-menu button.e-search-submit {
  margin-right: 0 !important;
}

.menu-poup a.dialog-close-button.dialog-lightbox-close-button {
  width: 35px;
  height: 35px;
  background-color: #02bbd8 !important;
  border-radius: 2px;
}

.menu-poup svg.e-font-icon-svg.e-eicon-close.eicon-close {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.menu-header ul#menu-1-180336d li a {
  padding-bottom: 4px !important;
}

.search-poup a.dialog-close-button.dialog-lightbox-close-button {
  right: 24px;
}
.menu-header .e-n-menu-title {
    padding-bottom: 0 !important;
}
.menu-header-in #e-n-menu-title-1855 path{
  fill: #02bbd8!important;
}
div#e-n-menu-title-1806 path {
      fill: #02bbd8!important;
}
#e-n-menu-title-1805 path{
    fill: #02bbd8!important;
}
div#e-n-menu-title-1803 path{
   fill: #02bbd8!important;
}

/*mini-cart*/
.cart-header .elementor-menu-cart__main{
  width: 300px !important;
}
.elementor-menu-cart__footer-buttons a {
  padding: 0 !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  border-radius: 7px !important;
  background-color: #02bbd8 !important;
}
/*End of header*/

/*sticky header*/
.main-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  background-color: transparent;
  
}
.main-header.scrolled {
  background-color: #ffffff!important;
  box-shadow: none;
      max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
border-bottom: 1px solid #e3e3e3;
}
.main-header.scrolled .sticky-logo{
    display: block!important;
    margin-top: 13px!important;
}
.main-header .sticky-logo{
    display: none!important
}
.main-header.scrolled .logo-header{
    display: none;
}
.main-header.scrolled .menu-header span:not(.sub-menu-box *){
    color: #0099b1!important;
}

.main-header.scrolled .menu-header path:not(.sub-menu-box *){
    fill: #00bbd8!important;
}

.main-header.scrolled .search-icon-header svg:not(.sub-menu-box *){
    fill: #00bbd8!important;
}
/*End of sticky header*/

/*body-home*/

.hero-main-slider .swiper-slide .swiper-slide-bg {
  border-radius: 27px;
  overflow: hidden;
}

.hero-main-slider .swiper-slide {
  border-radius: 27px !important;
  overflow: hidden !important;
}

.subtitle span::before {
  content: "";
  display: inline-block;
  width: 37px;
  height: 3px;
  background-color: #ffb200;
  margin-left: 10px;
  vertical-align: middle;
}
.icon-services .elementor-icon-box-icon {
  background-color: #02bbd8;
  position: absolute;
  right: -87px;
  width: 47px;
  height: 55px;
  border-radius: 2px 20px 20px 20px;
}

.icon-services span.elementor-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.service-hover:hover .elementor-icon-box-icon {
  background-color: #00ddff;
}

.service-hover:hover .elementor-icon-box-title {
  color: #00ddff;
}

.elementor-icon-box-icon,
.elementor-icon-box-title {
  transition: all 0.3s ease;
}

.list-title-course span.elementor-icon-list-icon {
  border-left: 1px solid #929292;
}

.list-title-course .elementor-icon-list-text {
  margin-right: 15px;
}

/*products*/

.products-content {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.products-content * {
    font-size: 14px !important;
}

.price-products del {
  display: none !important;
}

.title-products {
  height: 70px;
}

.product-templates {
  box-shadow: 0 0 12px 0 rgb(154 154 154 / 0.48) !important;
}

.product-metas {
    padding: 8px 0;
    overflow: scroll hidden;
}

.single-product-loop-custom .product-metas {
    max-width: 315px !important;
}

.product-metas::-webkit-scrollbar {
    height: 6px;
}

.product-metas::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
.product-metas::-webkit-scrollbar-thumb {
  background: #888; 
}

.product-metas::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

.product-metas .product_meta {
    flex-wrap: nowrap !important;
    justify-content: flex-start;
    align-items: center;
}

.product-metas .product_meta > span {
    flex-grow: 1;
    white-space: nowrap;
}

.product-templates span.detail-label {
  display: none;
}

.product-templates span.detail-content {
  color: #929292;
  padding: 5px 10px 5px 10px;
  margin: 5px 0 5px 5px;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #929292;
  border-radius: 6px 6px 6px 6px;
}

.product-templates span.detail-content a {
  color: #929292;
}

.product-templates span.detail-content a:hover {
  color: #f4c801 !important;
}

.loop-products .elementor-swiper-button {
  background-color: #f7f7f7;
  padding: 8px;
}

.calling-banner .elementor-icon-box-icon {
  background-color: #f4c801;
  border-radius: 8px;
  padding: 10px;
}

.call-code {
  color: #f4c801;
}


.product-templates {
  position: relative;
  overflow: hidden;
  transition: all 0.4s ease;
  transform: scale(1);
  box-shadow: 0 0 12px 0 rgb(154 154 154 / 0.48) !important;
}

div:has(> .product-templates) {
    padding: 20px 10px 20px 10px;
}

div:has(> .product-templates)::before {
    content: "";
    position: absolute;
   top: 14px;
    right: 5px;
    width: calc(100% - 20px);
    height: calc(100% - 30px);
    background-image: linear-gradient(124deg, #FFFFFF 57%, #f4c801 87%);
    border-radius: 20px;
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: -1;
}

div:has(> .product-templates):hover::before {
    opacity: 1;
     animation: pulse-zoom 0.9s ease-in-out infinite;
}


.product-templates:hover {
  transform: scale(1.03) translateY(-4px);
   animation: pulse-zoom 0.9s ease-in-out infinite;
}
@keyframes pulse-zoom {
  0% {
    transform: scale(1.03) translateY(-4px);
  }
  50% {
    transform: scale(1.05) translateY(-4px);
  }
  100% {
    transform: scale(1.03) translateY(-4px);
  }
}
.categories-sidebar h5 {
  display: none;
}
.categories-sidebar ul.product-categories a {
  color: #656565 !important;
  font-size: 14px;
  font-weight: 500;
}
.teacher-name span{
  background-color: #F146471C;
  font-family: "Peida-bold", Sans-serif;
  font-size: 15px!important;
  font-weight: 800!important;
  text-align: right;
  color: #f4c801!important;
  padding: 8px 8px 8px 8px;
  border-radius: 6px 6px 6px 6px;
}
.teacher-name li::before {
  content: "";
  background-color: #F7F7F7;
  font-family: "Peida-bold", Sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-align: right;
  color: #929292;
  padding: 8px 8px 8px 8px;
  border-radius: 6px 6px 6px 6px;
  margin-left: 5px;
}
.search-box button.jet-search-filter__submit.apply-filters__button {
  overflow: visible !important;
}
/*products*/
.video-about::before {
  content: "";
  background-color: #fee159ed !important;
  position: absolute;
  top: -11px;
  height: 60px;
  border-radius: 20px;
  width: 96%;
  left: 50%;
  transform: translateX(-50%);
}
/*aboutus*/

/*socialbox*/
.social-box .icon-social .elementor-icon {
  background-color: #f7f7f7;
  font-size: 34px;
  text-align: center;
  color: #656565;
  padding: 6px 8px 8px 8px;
  margin: 0 0 0 0;
  border-radius: 12px 12px 12px 12px;
}
.social-box:hover h3 {
  color: white !important;
}
.social-box:hover p {
  color: white !important;
}
.social-box:hover i {
  color: white !important;
}
.social-box:hover .icon-arrow svg {
  fill: white !important;
}

/*socialbox*/
/*gallery*/
.content-slider {
    display: none;
}
.gallery-page .swiper-slide:hover .content-slider{
  display: block!important;
} 
.gallery-page .swiper-wrapper {
  display: flex !important;
  gap: 1rem;
  justify-content: center;
  align-items: flex-start; /* اضافه: اجازه تغییر ارتفاع */
}

.gallery-page .swiper-slide {
  flex: 1 1 0;
  border-radius: 0.75rem;
  overflow: hidden;
  cursor: pointer;
  transition: 
    flex 0.5s ease-in-out,
    height 0.5s ease-in-out;
  height: 250px !important; /* اجباری */
}

.gallery-page .swiper-slide:hover {
  flex: 2.5;
  height: 400px !important; /* اجباری */
}

.gallery-page .swiper-wrapper:has(.swiper-slide:hover) .swiper-slide:not(:hover) img {
  filter: grayscale(100%);
}

.gallery-page .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.5s ease;
}


/* وقتی یکی از اسلایدها هاور شد */
.gallery-page .swiper-slide:hover {
  flex: 2.5;
}

/* بقیه اسلایدها grayscale بشن */
.gallery-page .swiper-wrapper:has(.swiper-slide:hover) .swiper-slide:not(:hover) img {
  filter: grayscale(100%);
}

/* تصویر داخل اسلاید */
.gallery-page .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.5s ease;
} 

/*blog-content*/

.blog-title {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;    
}

.reading-time {
  text-align: left;
}

.blog-content {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.blog-content * {
    font-size: 14px !important;
}

.loop-blog .elementor-swiper-button {
  background-color: #f7f7f7;
  padding: 8px;
}

.blog-content blockquote {
  margin: 0;
}
/*footer*/
.footer-around .e-con-boxed {
  padding: 0 !important;
}
#backToTop {
  position: fixed;
  bottom: 30px;
  left: 30px;
  width: 45px;
  height: 45px;
  background-color: #011916;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  box-shadow: 0 3px 12px #28292f3d;
}

#backToTop img {
  width: 24px;
  height: 24px;
}

#backToTop:hover {
  background-color: #ffb200;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

#backToTop.show {
  opacity: 1;
  visibility: visible;
}

.blog-column {
  position: relative;
  overflow: hidden;
  transition: all 0.4s ease;
  transform: scale(1);
  box-shadow: 0 0 12px 0 rgb(154 154 154 / 0.48) !important;
}

div:has(> .blog-column) {
    padding: 20px 10px 20px 10px;
    position: relative;
}

div:has(> .blog-column)::before {
    content: "";
    position: absolute;
    top: 7px;
    right: 4px;
    width: calc(100% - 20px);
    height: calc(100% - 30px);
    background-image: linear-gradient(45deg, #ffffff 57%, #f4c801 87%);
    border-radius: 20px;
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: -1;
}

div:has(> .blog-column):hover::before {
    opacity: 1;
}

.blog-column::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.15);
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: -1;
}

.blog-column:hover {
  transform: scale(1.03) translateY(-4px);
}
.img-blog-carousel img {
  filter: grayscale(100%);
  transition: filter 0.6s ease;
}
.blog-column:hover .img-blog-carousel img {
  filter: grayscale(0%);
}
/* نوار زرد واقعی و واضح */

.blog-column * {
  transition: opacity 0.3s ease;
}

.blog-column:hover * {
  opacity: 0.9;
}
/*services-template*/
.service-box{
    box-shadow: 0 0 10px 0 rgb(0 0 0 / .24)
}
 .title-service{   box-shadow: 0 0 19px 0 rgb(0 0 0 / .36);}
 .shadow-bos-service{
    box-shadow: 0 0 10px 0 rgb(0 0 0 / .2);

}

/*scrollbar*/

body::-webkit-scrollbar {
  width: 9px;
}

body::-webkit-scrollbar-track {
  background: #ffffff00;
  border-radius: 10px;
}

body::-webkit-scrollbar-thumb {
  background: #e63946;
  border-radius: 10px;
}

body::-webkit-scrollbar-thumb:hover {
  background: #F4C801;
}
/*scrollbar*/

/*blog-page*/
.search-sidebar button{
 margin-right: -7px;
}
.blog-categories h5 {
    display: none;
}
.blog-categories ul li {
    list-style: none;
    line-height: 40px;
}
.blog-categories ul li a {
  color:#656565;
  font-size: 14px;
  font-weight: 600;
}
.blog-categories ul {
    padding-right: 0!important;
}
.blog-categories ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.blog-categories {
    width: 100%;
}
.blog-categories li.cat-item {
  display: flex;
  justify-content: space-between;
  width: 100%;
  direction: rtl;
}
.search-sidebar form{
    border: 1px solid #E4E4E4;
    border-radius: 10px
}

/*single-blog*/
.column-blog{
    box-shadow: 0px 0px 12px 0px rgba(154, 154, 154, 0.25);
    
}
.blog-comment .single-content-blog h2{
    font-size: 26px;
    font-weight: 800;
}
.blog-comment .single-content-blog p{
    font-size: 14px;
}
.blog-comment h2#reply-title{
    display: none;
}
.blog-comment div#respond{
    box-shadow: 0px 0px 10px 0px rgba(154, 154, 154, 0.25);
    border-radius: 10px;
    padding: 15px;
}
.blog-comment p.logged-in-as {
    font-weight: 700;
}
.blog-comment p.logged-in-as a {
    color: #F4C801 !important;
}
.blog-comment input#submit {
    background-color: #F4C801;
    color: white;
    border: none;
    box-shadow: 0px 0px 20px 0px rgba(76, 86.00000000000001, 134, 0.07);
    border-radius: 7px;
}
.blog-comment div#respond textarea#comment {
    background-color: #fff;
    font-size: 16px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #E8E8E8;
    border-radius: 7px 7px 7px 7px;
    box-shadow: 0px 0px 20px 0px rgba(76, 86.00000000000001, 134, 0.07);
}
.blog-comment h2.title-comments {
    display: none;
}
.blog-comment ol.comment-list article {
    border: none !important;
}
.blog-comment ol.comment-list li {
    padding: 8px !important;
    border-radius: 15px;
    margin-bottom: 30px;
    border: 1px solid #dcdfe7;
    margin-bottom: 35px !important;
}
.blog-comment .comment-metadata {
   
}
.blog-comment a.url {
    color: #4b546e;
    line-height: 1.5;
    font-weight: 700;
    margin-top: -15px;
    font-size: 16px;
   
}
.blog-comment img.avatar {
    margin: 0px 0px 0px 20px;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #DEE1ED;
    box-shadow: 0px 4px 15px 0px rgba(156, 156, 156, 0.15);
     width: 60px!important;
    margin-left: 30px;
    margin-top: -11px;
}
.blog-comment .comment-metadata {
    margin-top: 5px;
}
.blog-comment footer.comment-meta {
    margin-right: 14px !important;
}
.blog-comment a.comment-reply-link {
    font-size: 0.9rem;
    margin-left: 80px;
    padding: 2px 14px;
    border-radius: 50px;
    background-color: #f4c801;
    color: white;
        margin-right: 10px;
}
.blog-comment .comment-metadata {
    position: absolute;
    top: 42px;
}
.blog-comment .comment-content {
    margin-bottom: 1rem;
    margin-top: 25px;
    margin-right: 13px;
}
.blog-comment .comment-metadata a {
    color: #97a6b3 !important;
    font-size: 12px !important;
    font-weight: 600;
}


.blog-comment .comment-content {
    margin-bottom: 1rem;
}
.blog-comment span.says {
    display: none;
}
.blog-comment article {
    padding-bottom: 15px !important;
    padding-top: 15px !important;
}
.contact-us-img{
  position: absolute;
  top: -8.6rem;
  right: 20px;
}
/*product-single-page*/
.tabs-products .e-n-tabs-heading{
 padding: 8px 8px 8px 8px;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #E8E8E8;
  border-radius: 10px 10px 10px 10px;

}
.product-comment h2.woocommerce-Reviews-title {
  display: none;
}
.product-comment p.woocommerce-noreviews {
  display: none;
}
/* account-page */
.e-my-account-tab.e-my-account-tab__dashboard p, a, h1, h2, h3, h4, h5, h6 {
  font-family: 'peyda' !important;
}
/* login-button */
.login-dr span.elementor-button-content-wrapper {
  font-weight: 500;
  line-height: 20px;
  background-color: #F4C801;
  border-radius: 7px;
  padding: 13px 15px;
  color: white;
}
.login-dr svg{
  fill: white!important;
}
/* age-order-recieved  */

p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
  color: #3e991a;
  font-weight: 600;
}
.woocommerce-order * {
  font-family: 'peyda' !important;
}
.woocommerce-table.order_details {
  width: 100%;
  border-collapse: collapse;
  margin: 30px auto;
  font-family: 'iranyekan', 'Vazir', sans-serif;
  font-size: 15px;
  color: #333;
  background-color: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05);
}

.woocommerce-table.order_details thead {
  background-color: #f4c801;
}

.woocommerce-table.order_details thead th {
  padding: 16px;
  text-align: right;
  color: #222;
  font-size: 15px;
  font-weight: bold;
  border-bottom: 1px solid #e6e6e6;
}

.woocommerce-table.order_details tbody tr {
  transition: background 0.3s;
}

.woocommerce-table.order_details tbody tr:hover {
  background-color: #fffdf2;
}

.woocommerce-table.order_details td {
  padding: 14px 18px;
  border-bottom: 1px solid #f2f2f2;
  vertical-align: middle;
}

.woocommerce-table.order_details td.product-name a {
  color: #0073aa;
  text-decoration: none;
  font-weight: 500;
}
.woocommerce-table.order_details td.product-name a:hover {
  color: #004f76;
  text-decoration: underline;
}

.woocommerce-table.order_details .product-quantity {
  background-color: #f1f1f1;
  border-radius: 5px;
  padding: 2px 7px;
  font-size: 13px;
  margin-right: 8px;
  display: inline-block;
}

.woocommerce-table.order_details tfoot {
  background-color: #e5f5ff;
}

.woocommerce-table.order_details tfoot th,
.woocommerce-table.order_details tfoot td {
  padding: 14px 18px;
  border-top: 1px solid #eee;
  font-size: 14px;
  text-align: right;
}
.woocommerce-table.order_details tfoot td, th {
  border: 1px solid #fffefe !important;
}
.woocommerce-table.order_details tfoot th {
  color: #444;
}

.woocommerce-table.order_details tfoot td span.amount {
  font-weight: bold;
  color: #111;
}
th.woocommerce-table__product-name.product-name {
  background-color: #f4c801!important;
  padding: 15px !important;
}
th.woocommerce-table__product-table.product-total{
  background-color: #f4c801!important;
  padding: 15px !important;
}

.elementor-widget-woocommerce-checkout-page .woocommerce .shop_table tbody td {
  color: #000000;
  border: 1px solid #f3f2f2 !important;
}
section.woocommerce-customer-details p.woocommerce-customer-details--phone::before {
    display: none!important;
}
.elementor-element.elementor-element-2d7f4e1.e-checkout-layout-two-column.elementor-widget.elementor-widget-woocommerce-checkout-page {
    text-align: center;
    font-size: 25px;
    font-weight: 600;
    font-family: 'peyda' !important;
}
span.woocommerce-Price-currencySymbol {
    font-size: 16px;
}
ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
    margin-top: 63px !important;
}
.woocommerce ul.order_details li strong {
    font-size: 1rem!important;
    line-height: 3.5!important;
    font-weight:600!important;
}
.woocommerce ul.order_details {
    display: flex;
    justify-content: center;
    flex-wrap: wrap; 
    gap: 1em; 
    padding: 0;
}

.woocommerce ul.order_details li {
    float: none; 
    border-left: 1px dashed #cfc8d8;
    padding-left: 2em;
    text-transform: uppercase;
    font-size: .715em;
    line-height: 1;
    list-style-type: none;
}
ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details li {
    border: 1px solid #dfdede;
    padding: 24px;
    width: 210px;
    margin: 0 !important;
    border-radius: 11px;
}
.woocommerce-customer-details address p:not(:last-child) {
  border-bottom: 1px solid #ddd;
  padding-bottom: 5px;
  margin-bottom: 10px;
}

.woocommerce-customer-details address {
  font-style: normal;
  line-height: 1.8;
  position: relative;
}

.woocommerce-customer-details address p {
  margin: 8px 0;
  border-bottom: 1px dashed #ccc;
  padding-bottom: 6px;
}

.woocommerce-customer-details address p:last-child {
  border-bottom: none;
}


.woocommerce-customer-details address {
  display: flex;
  flex-direction: column;
}
.elementor-menu-cart__product-name.product-name a {
    color:#02bbd8!important;
}
/*responsive site*/
@media (max-width: 768px) {
  .icon-services .elementor-icon-box-icon {
    background-color: #02bbd8;
    position: absolute;
    right: -100px;
    top: -12px;
    width: 47px;
    height: 55px;
    border-radius: 2px 20px 20px 20px;
  }
  .top-footer {
    background-color: #053b36 !important;
  }
  .top-footer .elementor-widget-container {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .contact-top-footer svg {
    top: 5px;
  }
  .slider-comment .e-flex.e-con-boxed {
    height: 270px !important;
  }
.blog-section .elementor-swiper-button{
    display: none!important
    
}
.loop-products .elementor-swiper-button {
  display: none !important;
}
.contact-us-img{
  position: absolute;
   left: 50%;
transform: translateX(-50%);
top: -9rem;
}
.calling-banner .elementor-icon-box-icon svg {
  top: 5px;
}
.icon-services .elementor-icon-box-icon {
  display: block !important;
  position: relative;
          background-color: #02bbd8;
      right: 0;
      top: 0;
      width: 47px;
      height: 55px;
      border-radius: 2px 20px 20px 20px;
      margin-bottom:0!important;
}

}
/*body-home*/