/* ------------------------------------------------
  Project:   Homesout - Home Guttering & Downspouts WordPress Theme
  Author:    ThemeHt
------------------------------------------------ */

/* ------------------------
    Table of Contents

  1. Button
  2. Feature Box
  3. Blog Post
  4. Accordion
  5. Portfolio
  6. Services
  7. Testimonial
  8. Marquee Text
  9. Counter
  10. Price Table
  11. Team
------------------------*/


/* ------------------------
Button
------------------------*/
.primary-btn { font-weight: 400; font-family: var(--themeht-typography-secondary-font-family); font-size: 16px; display: inline-block; padding: 12px 30px; position: relative; z-index: 9; background-color: var(--themeht-white-color); color: var(--themeht-text-color); border-radius: 30px; border: 1px solid var(--themeht-text-color); }
.primary-btn:hover { background-color: var(--themeht-primary-color); border-color: var(--themeht-primary-color); color: var(--themeht-text-color); transform: scale(1.06) }
.btn-link { position: relative; font-size: 16px; font-weight: 500; border-bottom: 1px solid var(--themeht-text-color); text-decoration: none; }
.btn-link:hover { color: var(--themeht-primary-color); border-bottom: 1px solid transparent; }
.btn-link::before { content: ""; width: 0; height: 1px; bottom: 0; position: absolute; left: auto; right: 0; -webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; -o-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; background: var(--themeht-primary-color); z-index: 1; }
.btn-link:hover::before { width: 100%; left: 0; right: auto; }
.rounded-button { display: flex; width: 60px; height: 60px; justify-content: center; align-items: center; border: 1px solid var(--themeht-border-light-color); border-radius: 50%; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }
.center .rounded-button { margin: 0 auto; }
.right .rounded-button { margin-left: auto; }
.rounded-button:hover { border-color: var(--themeht-primary-color); }
.rounded-button i { color: var(--themeht-primary-color); font-size: 30px; transform: rotate(-40deg); }
.rounded-button:hover i { transform: rotate(0); }

/* ------------------------
  Feature Box
------------------------*/
.feature-box1{box-shadow: 0 6px 18px 0 rgba(0, 0, 0, 0.06); padding: 40px 25px; position: relative; z-index: 9; overflow: hidden; border-radius: 30px;}
.feature-box1 p, .feature-box-2 p, .feature-box-3 p{margin-bottom: 0;}
.feature-box1 .feature-icon {font-size: 70px; line-height: 1; color: var(--themeht-primary-color); margin-bottom: 20px;}
/*featured hover*/
.feature-box1:before{content: ""; background: var(--themeht-primary-color); z-index: -1; width: 100%; height: 0; bottom: auto; top: 0; position: absolute; left: 0; -webkit-transition: height 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; -o-transition: height 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; transition: height 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;}
.feature-box1:hover:before{height: 100%; bottom: 0; top: auto;}
.feature-box1:hover .feature-icon,
.feature-box1:hover h4,
.feature-box1:hover p{color: var(--themeht-text-color);}
.feature-box1 i{-webkit-transition: all 0s ease-in-out 0s; -moz-transition: all 0s ease-in-out 0s; -ms-transition: all 0s ease-in-out 0s; -o-transition: all 0s ease-in-out 0s; transition: all 0s ease-in-out 0s;}

.feature-box-2 { position: relative; z-index: 9; display: flex; align-items: flex-start; }
.feature-box-2 .feature-icon {border-radius: 30px; background: var(--themeht-bg-dark-color); display: inline-block; font-size: 50px; line-height: 1; color: var(--themeht-primary-color); margin-right: 25px; padding: 20px; box-shadow: 0 10px 30px 5px rgb(115 113 255 / 6%); }
.feature-box-2:hover .feature-icon{background: var(--themeht-primary-color); color: var(--themeht-text-color); border-radius: 5px;}

.feature-box-3 { position: relative; z-index: 9; display: flex; align-items: flex-start; border: 1px solid var(--themeht-border-light-color); border-radius: 5px; padding: 30px; }
.feature-box-3 .feature-icon {border-radius: 30px; background: var(--themeht-bg-dark-color); display: inline-block; font-size: 50px; line-height: 1; color: var(--themeht-primary-color); margin-right: 25px; padding: 20px; box-shadow: 0 10px 30px 5px rgb(115 113 255 / 6%); }
.feature-box-3:hover .feature-icon{background: var(--themeht-primary-color); color: var(--themeht-text-color); border-radius: 5px;}



/* ------------------------
 Blog Post
------------------------*/
.themeht-blogs .post { margin-bottom: 50px; }
.post-card {position: relative; box-shadow: 0 10px 30px 5px rgb(115 113 255 / 6%); padding: 30px; border-radius: 30px; }
.elementor-widget-post-grid .post-card{height: 100%;}
.post-card .wp-block-quote, .post-card .wp-block-quote.is-large:not(.is-style-plain), .post-card .wp-block-quote.is-style-large:not(.is-style-plain) {border-radius: 30px; background-color: var(--themeht-primary-color); padding: 3rem; color: var(--themeht-white-color); }
.blog .post-desc h4 { font-size: 30px; line-height: 40px; }
.post-card .post-desc { padding-top: 10px; }
.has-post-thumbnail .post-card .post-desc { padding-top: 20px; }
.post-card .post-desc h4 { margin: 10px 0 20px; word-break: break-word; }
.post-thumbnail img { width: 100%; border-radius: 30px; }
.entry-meta span { margin-right: 10px; }
.post-bottom a, .author a { font-size: 16px; text-transform: capitalize; }
.post-card .entry-content blockquote p { margin-bottom: 0; }
.post-list + .post-list { margin-top: 50px; }
.post-bottom li { position: relative; padding-right: 15px; display: inline-block; }
.post-bottom li:before { content: ""; background: var(--themeht-primary-color); height: 5px; width: 5px; border-radius: 50%; position: absolute; right: -2.5px; top: 50%; margin-top: -2.5px; }
.post-bottom li:last-child { margin-right: 0 !important; }
.post-bottom li:last-child:before { display: none; }

.post-bottom li i{font-size: 20px; color: var(--themeht-primary-color); margin-right: 5px; vertical-align: middle;}
.post-bottom li span{display: inline-block;}
.cat-links + .edit-link{margin-left: 15px;}

.post-card .post-image { border-radius: 30px; overflow: hidden; margin-top: 20px; }
.post-card .post-image img { width: 100%; }
.post-card:hover .post-image img { transform: scale3d(1.1, 1.1, 1.1); }
.post-date {text-align: right;}
.post-date span { background: var(--themeht-primary-color); padding: 10px 20px; border-radius: 30px; display: inline-block; box-shadow: 0 10px 30px 5px rgb(115 113 255 / 6%); z-index: 9; }
.has-post-thumbnail .post-date span, .elementor-widget-post-grid .post-date span { position: absolute; top: 30px; right: 50px; }
.post-date a { color: var(--themeht-text-color);  }
.post-date span:hover a { color: var(--themeht-white-color);  }
.post-date span:hover{ background: var(--themeht-secondary-color);}
.themeht-widget .post-date{ position: relative; top: inherit; display: inline-block; right: inherit; padding: 0; background: none;} 
.post-card h3 { word-break: break-word; }
.post-single .post-card { box-shadow: none; padding: 0; }
.post-single .post-card .post-image { margin-bottom: 30px; }
.theme-tags { clear: both; }
.theme-tags > span{display: block;}
.tags-links a { background: var(--themeht-bg-light-color); padding: 7px 20px; color: var(--themeht-text-color); text-decoration: none; margin: 4px; display: inline-block; border-radius: 30px; }
.tags-links a:hover { color: var(--themeht-primary-color); text-decoration: underline; }
.themeht-blogs .post-card p{line-height: 28px;}

/* ---- Sidebar Widget ----*/
.themeht-sidebar .widget-area { box-shadow: 0 10px 30px 5px rgb(115 113 255 / 6%); padding: 30px; display: inline-block; border-radius: 30px; }
.widget h2 { position: relative; padding-left: 40px; color: var(--themeht-text-color); font-size: 24px !important; line-height: 34px !important; display: inline-block; margin-bottom: 20px; }
.widget h2:before { font-family: 'Line Awesome Free'; content: "\f621"; font-size: 35px; line-height: 1; font-weight: 900; color: var(--themeht-primary-color); top: 0; position: absolute; left: 0; width: 35px; height: 35px; animation-name: spin; animation-duration: 5000ms; animation-iteration-count: infinite; animation-timing-function: linear; }
.themeht-widget.widget, .wp-block-search { margin-bottom: 50px }
.themeht-widget.widget:last-child { margin-bottom: 0 }
.themeht-widget.widget ul, .themeht-widget.widget ol, .wp-block-archives ul { margin: 0; padding-left: 0; }
.themeht-widget.widget ul.children, .themeht-widget.widget ol.children { margin-left: 15px; margin-top: 15px; }
.themeht-widget.widget ul li, .themeht-widget.widget ol li, .wp-block-archives li, .wp-block-latest-posts li { list-style-type: none; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dashed var(--themeht-border-light-color); }
.themeht-widget.widget ul li:last-child, .themeht-widget.widget ol li:last-child, .wp-block-latest-posts li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
.themeht-widget.widget .tagcloud a, .wp-block-tag-cloud a {background: var(--themeht-bg-light-color); font-size: 16px !important; padding: 7px 20px; border-radius: 30px; color: var(--themeht-text-color); text-decoration: none; margin: 4px; display: inline-block; }
.themeht-widget.widget .tagcloud a:hover, .wp-block-tag-cloud a:hover { background: var(--themeht-primary-color); color: var(--themeht-text-color); }
.themeht-widget.widget_recent_entries li, .wp-block-latest-posts li { margin-bottom: 15px; }
.themeht-widget.widget_recent_entries li a, .wp-block-latest-posts li a {font-weight: 600; display: block;  margin-bottom: 10px; }
.search-form { position: relative }
.search-form label { width: 100%; }
.themeht-widget.widget.widget_pages ul, .themeht-widget.widget.widget_nav_menu ul { padding-left: 20px; }
.search-form button[type="submit"] { background: inherit; color: var(--themeht-text-color); font-size: 30px; line-height: 55px; text-align: center; cursor: pointer; position: absolute; right: 15px; padding: 0; border: none; top: 0; z-index: 1; }
.search-form button[type="submit"]:hover { color: var(--themeht-primary-color); }
.comment-author-link, .wp-block-latest-comments__comment-author, .widget_archive li a, .wp-block-archives li a, .widget select, .wp-block-archives select, .wp-block-categories select { font-weight: 500; font-size: 18px; }
.wp-block-search__inside-wrapper { position: relative; }
.wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button { position: absolute; padding: 0; border: none; background: transparent !important; font-size: 0; right: 15px; }
.wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:before { position: absolute; content: "\f002"; font-family: 'Line Awesome Free'; font-weight: 900; color: var(--themeht-text-color); font-size: 30px; line-height: 55px; text-align: center; cursor: pointer; right: 0; padding: 0; border: none; top: 0; z-index: 1; }
.wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:hover:before { color: var(--themeht-primary-color); }

.widget_themeht_recentpost li { display: flex; align-items: center; }
.themeht-post-image { flex-shrink: 0; width: 80px; height: 80px; margin-right: 20px; }
.themeht-post-image img { border-radius: 8px; }
.themeht-post-date { display: block; color: var(--themeht-secondary-color);}


/* ---- Post Comments ----*/
.post-comment .comments-title, .post-comment .comment-reply-title { font-size: 34px; line-height: 44px; margin-bottom: 30px; }
.post-comment .comment-reply-title { margin-bottom: 15px; }
.comments-box { box-shadow: 0 10px 30px 5px rgb(115 113 255 / 6%); padding: 30px; padding-bottom: 0; display: inline-block; margin-top: 50px; border-radius: 30px; width: 100%; }
.comment-author img { border-radius: 50%; margin-right: 15px; width: 60px; height: 60px; display: inline-block; position: absolute; left: 20px; top: 20px; }
.post-comment li.comment, .post-comment li.trackback, .post-comment li.pingback{ margin-bottom: 30px; list-style-type: none; }
.post-comment li.comment .comment-body, .post-comment li.trackback .comment-body, .post-comment li.pingback .comment-body{position: relative; border-radius: 30px; border: 1px solid var(--themeht-border-light-color); margin-bottom: 30px; padding: 20px; padding-left: 100px; list-style-type: none; }
.post-comment .comment-meta {margin-bottom: 10px; }
.comment-form-author { float: left; width: 50%; padding-right: 15px; margin-top: 15px; margin-bottom: 15px; }
.comment-form-email { float: left; width: 50%; padding-left: 15px; margin-top: 15px; margin-bottom: 15px; }
.comment-form-url { clear: both; margin-bottom: 15px; }
.post-comment .form-submit { margin-top: 30px; margin-bottom: 38px; }
.comment-respond { margin-top: 50px; }
.comment-author.vcard a{font-size: 20px; font-weight: 600;}
.comment-form-comment { margin-top: 30px; margin-bottom: 0; }
.comment-body .reply { position: absolute; top: 20px; right: 20px;}
.comment-reply-link, .comment-reply-link:focus, .comment-reply-link:visited, .comment-reply-link:active { padding: 3px 14px; background: var(--themeht-bg-dark-color); color: var(--themeht-white-color); display: inline-block; border-radius: 10px; font-size: 15px; }
.comment-reply-link:hover{ background: var(--themeht-primary-color); color: var(--themeht-white-color); }
.post-comment .comment-metadata a { font-size: 15px; color: var(--themeht-primary-color); }
.comment-content p{margin-bottom: 0;}
#comments small #cancel-comment-reply-link {margin-left: 15px; font-size: 22px; font-weight: 600;}
.says{display: none;}
.site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin-top: 40px; clear: both; }
.site-main .comment-navigation .nav-links a,
.site-main .posts-navigation .nav-links a,
.site-main .post-navigation .nav-links a{border-radius: 30px; background: var(--themeht-white-color); padding: 25px; padding-left: 85px; display: inline-block; box-shadow: 0 10px 55px 5px rgb(137 173 255 / 15%); transition: all 0s ease-in-out 0s; position: relative; }
.site-main .comment-navigation .nav-links a:hover,
.site-main .posts-navigation .nav-links a:hover,
.site-main .comment-navigation .nav-links a:hover{ color: var(--themeht-primary-color); }
.nav-title { display: inline-block; word-break: break-word; font-size: 16px; font-weight: 500; text-transform: capitalize;}
.site-main .comment-navigation .nav-links .nav-next a,
.site-main .posts-navigation .nav-links .nav-next a,
.site-main .post-navigation .nav-links .nav-next a{padding-left: 25px; padding-right: 85px;}

.site-main .comment-navigation .nav-links .nav-next a,
.site-main .posts-navigation .nav-links .nav-next a,
.site-main .post-navigation .nav-links .nav-next a{margin-left: auto;}

.site-main .comment-navigation .nav-previous a:before,
.site-main .posts-navigation .nav-previous a:before,
.site-main .post-navigation .nav-previous a:before,
.site-main .comment-navigation .nav-next a:after,
.site-main .posts-navigation .nav-next a:after,
.site-main .post-navigation .nav-next a:after { position: absolute; top: 50%; left: 25px; box-shadow: 0 10px 55px 5px rgb(137 173 255 / 15%); font-family: 'Line Awesome Free'; font-weight: 900; content: "\f30a"; font-size: 35px; display: inline-block; z-index: 99; background: var(--themeht-primary-color); width: 50px; height: 50px; text-align: center; line-height: 50px; border-radius: 100%; color: var(--themeht-white-color); margin-top: -25px; }
.site-main .comment-navigation .nav-next a:after, .site-main .posts-navigation .nav-next a:after, .site-main .post-navigation .nav-next a:after { left: inherit; right: 25px; content: "\f30b"; }
.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { padding-right: 30px; }
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { padding-left: 30px; }
.search-page .search-form, .error-404 .search-form { max-width: 500px; margin: 0 auto; }

.post.sticky .post-card{background: var(--themeht-bg-light-color); box-shadow: none; border: 8px solid var(--themeht-text-color);}

/* ------------------------
 Accourdion
------------------------*/
.themeht-accordion.elementor-widget-accordion .elementor-accordion .elementor-accordion-item { border-color: var(--themeht-border-light-color); border-radius: 30px; }
.elementor-accordion .elementor-accordion-item + .elementor-accordion-item { border-top: 1px solid var(--themeht-border-light-color) !important; }
.elementor-accordion .elementor-accordion-item { margin-bottom: 15px; }
.elementor-accordion .elementor-accordion-item:last-child { margin-bottom: 0; }
.themeht-accordion.elementor-widget-accordion .elementor-accordion .elementor-accordion-title, .themeht-accordion.elementor-widget-accordion .elementor-accordion-icon {font-family: var(--themeht-typography-secondary-font-family); color: var(--themeht-body-color); font-size: 18px; line-height: 30px; font-weight: 600; }
.themeht-accordion.elementor-widget-accordion .elementor-accordion .elementor-accordion-title:hover, .themeht-accordion.elementor-widget-accordion .elementor-accordion .elementor-active .elementor-accordion-title, .themeht-accordion.elementor-widget-accordion .elementor-active .elementor-accordion-icon { color: var(--themeht-primary-color) }
.themeht-accordion.elementor-widget-accordion .elementor-accordion .elementor-tab-content { color: var(--themeht-body-color); border-color: var(--themeht-border-light-color); font-family: var(--themeht-typography-body-font-family); font-weight: 400; font-size: 16px; }
.themeht-accordion.elementor-widget-accordion .elementor-accordion .elementor-tab-content p { line-height: 30px; }

/* ------------------------
 Portfolio
------------------------*/
.portfolio-item .portfolio-image { z-index: 9; }
.portfolio-item:hover .portfolio-image img { filter: blur(15px); }
.portfolio-image img { width: 100%; border-radius: 30px; }
.portfolio-desc { padding-top: 20px; }
.popup-img { width: 50px; height: 50px; line-height: 50px; text-align: center; border-radius: 50%; display: block; font-size: 30px; color: var(--themeht-white-color); background: var(--themeht-primary-color); opacity: 0; visibility: hidden; position: absolute; top: 3.9rem; right: 0; z-index: 500; }
.popup-img:hover { color: var(--themeht-text-color); }
.portfolio-item:hover .popup-img { opacity: 1; visibility: visible; right: 3rem; }
.portfolio-single p { margin-bottom: 15px; }
.elementor-widget-project-box .row [class*='col-']:nth-child(odd) { margin-top: 80px }
.portfolio-item h4 { margin: 0 0 8px;}
.bg-dark .portfolio-item h4 a { color: var(--themeht-white-color); }
.portfolio-item h4 a:hover { color: var(--themeht-primary-color); }
.portfolio-cat a { font-size: 16px; font-weight: 500; color: var(--themeht-text-color); background: var(--themeht-primary-color); padding: 2px 10px; border-radius: 30px; }
.portfolio-cat a:hover{color: var(--themeht-text-color); text-decoration: underline;}
.portfolio-meta{border-radius: 30px;}
.portfolio-meta ul, .service-list ul, .post-single .entry-content .elementor-widget-text-editor ul { padding-left: 0; }
.portfolio-meta ul li, .service-list ul li, .post-single .entry-content .elementor-widget-text-editor ul li { position: relative; padding-left: 20px; list-style-type: none; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dashed var(--themeht-border-light-color); }
.portfolio-meta ul li:last-child, .service-list ul li:last-child, .post-single .entry-content .elementor-widget-text-editor ul li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
.portfolio-meta ul li:before, .service-list ul li:before, .post-single .entry-content .elementor-widget-text-editor ul li:before { content: ""; background: var(--themeht-primary-color); position: absolute; left: 0; top: 10px; width: 6px; height: 6px; }

/* ------------------------
 Services
------------------------*/
.service-item { position: relative; overflow: hidden; margin: 25px; }
.service-item p { margin-bottom: 20px; }
.service-item h4 { margin: 0 0 10px; }
.service-item.style-1 .service-img { padding-right: 50px; }
.service-item.style-1 .service-img img { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; height: 100%; }
.service-item.style-1 .service-desc { background: var(--themeht-white-color); padding: 50px 40px; position: relative; z-index: 9; margin-top: -100px; width: 80%; margin-left: auto; border-radius: 30px; }
.service-item.style-1 .service-icon { display: flex; width: 20%; height: 120px; padding: 15px; background: var(--themeht-bg-dark-color); position: absolute; left: 0; align-items: center; justify-content: center; border-bottom-left-radius: 30px !important; }
.service-item.style-1 .service-icon img { max-width: 60px !important; border-radius: 0 !important; }
.service-item.style-1:hover .service-icon { background: var(--themeht-primary-color); }

.service-item.style-2 {overflow: inherit; border-bottom: 1px solid var(--themeht-text-color); padding-bottom: 40px; margin: 0; margin-bottom: 40px; }
.service-item.style-2 .service-image { position: absolute; top: 75px; height: auto; right: 15%; z-index: 1; visibility: hidden; opacity: 0; transform: translateY(40px) rotate(0deg) skewY(-20deg); transform-origin: top center; transition: all .45s; width: 250px; overflow: hidden; }
.service-item:hover .service-image { opacity: 1; transform: translateY(0) skewY(0) scaleZ(1) rotate(-25deg); visibility: visible; }
.service-item.style-2 p { margin-bottom: 0; }
.service-btn.style-2 { margin-left: auto; }
.service-item.style-2 h3{ font-weight: 500;}
.bg-dark .service-item.style-2 h3 a{ color:var(--themeht-white-color);}
.bg-dark .service-item.style-2 h3 a:hover{color:var(--themeht-primary-color);}
.service-item.style-2:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0;}

.service-item.style-3 .service-img { position: relative; }
.service-item.style-3 .service-icon { width: 80px; height: 80px; background: var(--themeht-bg-dark-color); position: absolute; bottom: 20px; right: 20px; border-radius: 10px !important; display: flex; align-items: center; justify-content: center; }
.service-item.style-3 .service-icon img { max-width: 50px !important; border-radius: 0 !important; }
.service-item.style-3:hover .service-icon { background: var(--themeht-primary-color); }
.service-item.style-3 { margin: 15px; background: var(--themeht-white-color); border-radius: 30px; box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.1); }
.service-item.style-3 .service-img img { border-radius: 0 !important; }
.service-item.style-3 .service-desc { padding: 30px; }

/* ---- Service Single ----*/
.service-page-sidebar { border-radius: 30px; background: var(--themeht-white-color); box-shadow: 0 10px 30px 5px rgb(115 113 255 / 6%); padding: 30px; }
.service-widget { margin-bottom: 50px; }
.service-widget ul{padding-left: 0;}
.service-widget ul li { position: relative; list-style-type: none; margin-bottom: 1px; font-weight: 600; font-size: 18px; }
.service-widget ul li.current-menu-item:before { background: var(--themeht-white-color); }
.service-widget ul li a { background: var(--themeht-white-color); border: 1px solid var(--themeht-border-light-color); color: var(--themeht-body-color); padding: 12px 30px 12px 20px; display: inline-block; width: 100%; position: relative; }
.service-widget ul li:hover a, .service-widget ul li.current-menu-item a {background: var(--themeht-primary-color); color: var(--themeht-text-color); padding-left: 50px; }
.service-widget ul li a:before { content: ""; background: var(--themeht-text-color); position: absolute; left: 10px; top: 50%; width: 0; height: 2px; }
.service-widget ul li:hover a:before, .service-widget ul li.current-menu-item a:before { width: 30px; }

/* ------------------------
 Testimonial
------------------------*/
.testimonial-box p { font-size: 24px; }
.testimonial-box h4 { margin-bottom: 0; margin-top: 30px; display: inline-block; text-decoration: underline; }
.testimonial-box span{display: block;}
.testimonial-box i { font-size: 400px; line-height: 1; position: absolute; left: -50px; top: 50%; opacity: 0.05; transform: translateY(-50%); }

.bg-primary .testimonial-box h4, .bg-primary .testimonial-box p, .bg-primary .testimonial-box span{color: var(--themeht-text-color);}

/* ------------------------
 Marquee Text
------------------------*/
.marquee-wrap { position: relative; overflow: hidden; display: block; }
.marquee-text { animation: marquee 50s linear infinite; position: relative; display: inline-block; font-size: 100px; width: 100%; white-space: nowrap; line-height: 150px; font-family: var(--themeht-typography-secondary-font-family); color: var(--themeht-text-color); font-weight: 700;}
.marquee-text i { font-size: 40px; display: inline-block; vertical-align: middle; line-height: 1; margin: 0 30px; color: var(--themeht-primary-color); }

/* ------------------------
 Counter
------------------------*/
.counter-box { position: relative; border-bottom: 1px dashed; padding-bottom: 20px; }
.counter-box span.h3 { color: var(--themeht-text-color); font-size: 40px; line-height: 40px; font-weight: 600; }
.counter-box h6 { margin-top: 10px; font-weight: 500; }
.counter-icon { font-size: 50px; color: var(--themeht-primary-color); margin-right: 15px; line-height: 1; }
.elementor-widget-counter-box:last-child .counter-box { border-bottom: none; padding-bottom: 0; }

/* ------------------------
 Price Table
------------------------*/
.price-table-box { padding: 70px 50px; background: var(--themeht-white-color); box-shadow: 0 10px 30px 5px rgb(115 113 255 / 6%); text-align: center; position: relative; z-index: 9; border-radius: 30px; }
.price-table-box:after { border: 1px dashed var(--themeht-primary-color); content: ''; height: calc(100% - 40px); left: 20px; position: absolute; top: 20px; width: calc(100% - 40px); z-index: -1; border-radius: 30px; }
.price-table-box h2 { font-family: var(--themeht-typography-body-font-family); color: var(--themeht-primary-color); box-shadow: 0 10px 30px 5px rgb(115 113 255 / 6%); display: inline-block; padding: 8px 30px 0px; border-radius: 10px; text-decoration: underline; }


.price-table-box li svg {
    width: 20px;
    height: 20px;
    fill: var(--themeht-primary-color);
}

/* ------------------------
 Team
------------------------*/
.team-member .team-img { position: relative; overflow: hidden; border-radius: 30px; }
.team-member:hover .team-img img { transform: scale3d(1.1, 1.1, 1.1); }
.team-member span p { color: var(--themeht-primary-color); margin-bottom: 0; }
.team-member .theme-social li a { font-size: 16px; }
.team-member .theme-social li { margin: 0 5px; display: inline-block; }
.team-member .theme-social { background-color: var(--themeht-white-color); border-bottom-right-radius: 30px; border-top-left-radius: 30px; position: absolute; margin: 0; bottom: 0; right: 0; padding: 20px; -webkit-transform: translateX(101%); -ms-transform: translateX(101%); transform: translateX(101%); -webkit-transition: .5s all ease; -o-transition: .5s all ease; transition: .5s all ease; }
.team-member:hover .theme-social { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }

.team-contact {
    padding-top: 30px;
}

.team-meta li {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}

.team-meta li i {
    font-size: 30px;
    color: var(--themeht-primary-color);
    vertical-align: middle;
    margin-right: 15px;
}

.team-meta li span {
    margin-right: 10px;
    font-weight: 500;
    color: var(--themeht-text-color);
}

.team-social-icon li {
    margin: 0;
    display: inline-block;
}

.team-social-icon li a {
    border-radius: 50%;
    border: 1px solid var(--themeht-border-light-color);
    font-size: 20px;
    height: 50px;
    width: 50px;
    line-height: 50px;
    color: var(--themeht-body-color);
    display: inline-block;
    text-align: center;
}

.team-social-icon li a:hover {
    background: var(--themeht-primary-color);
    color: var(--themeht-text-color);
}

/* ------------------------
  Swiper Arrow 
------------------------*/
.swiper .swiper-button-prev { left: 40px !important; }
.swiper .swiper-button-next { right: 40px !important; }
.swiper .swiper-button-prev, .swiper .swiper-button-next { background: var(--themeht-bg-dark-color); width: 40px; height: 40px; border-radius: 100%; border: 1px solid var(--themeht-bg-dark-color); display: inline-block; text-align: center; line-height: 40px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; opacity: 0; }
.swiper:hover .swiper-button-prev, .swiper:hover .swiper-button-next { opacity: 1; }
.swiper:hover .swiper-button-prev { left: 20px !important; }
.swiper:hover .swiper-button-next { right: 20px !important; }
.swiper .swiper-button-prev:hover, .swiper .swiper-button-next:hover { background: var(--themeht-primary-color); border-color: var(--themeht-primary-color); }
.swiper .swiper-button-next:after, .swiper .swiper-button-prev:after { color: var(--themeht-white-color); font-size: 14px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; line-height: 40px !important; font-weight: 900; }
.swiper .swiper-button-next:hover::after, .swiper .swiper-button-prev:hover::after { color: var(--themeht-white-color); }

/* ------------------------
  Swiper Dot Pagination
------------------------*/
.swiper-pagination { position: inherit !important; text-align: center; -webkit-transition: 300ms opacity; -o-transition: 300ms opacity; transition: 300ms opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; margin-top: 50px; }
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 10px; left: 0; width: 100%; }
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; }
.swiper-pagination-clickable .swiper-pagination-bullet { background-color: var(--themeht-text-color); border-radius: 50%; width: 10px; height: 10px; opacity: 1; display: inline-block; }
.swiper-pagination-clickable .swiper-pagination-bullet-active { opacity: 1; background: var(--themeht-primary-color); }

.swiper-nav-none .swiper-button-prev, .swiper-nav-none .swiper-button-next, .swiper-nav-none .swiper-pagination {display: none;}
.swiper-nav-dots .swiper-button-prev, .swiper-nav-dots .swiper-button-next {display: none;}
.swiper-nav-arrow .swiper-pagination {display: none;}