/*
Theme Name: TechySpecy
Theme URI: https://www.techyspecy.com/
Author: TechySpecy
Author URI: https://www.techyspecy.com/
Description: Custom Wordpress Theme for TechySpecy website.
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Template: customify
Text Domain: techyspecy
*/
@import url(css/globle.css);

body::selection {
  background: var(--bg-color-1);
  color: var(--heading-color);
}

div.link-meta a:hover {
  color: #898989;
}

div#breadcrumbs,
.lnk_pag.link-home .bread-link,
.lnk_pag .bread-parent {
  display: flex;
  justify-content: center;
  gap: 5px;
  align-items: center;
  font-size: 16px;
  font-weight: 400;
  color: var(--text-color-white);
  opacity: 1;
  flex-wrap: wrap;
  gap: 0px 5px;
}

.lnk_pag.separator i {
  font-size: 10px;
}

div#breadcrumbs a:hover,
.lnk_pag .bread-parent:hover {
  opacity: 0.7;
}

div#breadcrumbs {
  margin-top: 5px;
}

.lnk_pag.item-current {
  opacity: 0.7;
}

.lnk_pag.link-home .bread-link i {
  margin-top: 1px;
}

html {
  scroll-behavior: smooth;
}

.elementor-icon-box-title span,
.elementor-icon-box-title a {
  font-family: var(--heading-font);
  font-weight: 600;
}

.hero-area {
  background: var(--bg-gradient);
}

.hero-area-bottom {
  background: var(--bg-gradient-b);
}

.hero-bg {
  /* background: linear-gradient(to right, #ab7efd, #47d2eb); */
    background: linear-gradient(to right, rgb(100, 65, 165), rgb(86 201 228));
}

.bg-highlight {
  background: linear-gradient(to right, rgb(12, 19, 41), rgb(43, 53, 99), rgb(36, 40, 62));
}

.bg-highlight-overlay {
  position: relative;
}

.bg-highlight-overlay::before {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  content: " ";
  background: linear-gradient(to right, rgb(12, 19, 41), rgb(43, 53, 99), rgb(36, 40, 62));
}

.page-titlebar .page-titlebar-inner {
  width: 100%;
  padding: 60px 20px;
  text-align: center;
  z-index: 1;
  background-position: center center;
  position: relative;
  background-image: url("https://techyspecydigital.com/wp-content/uploads/techyspecy-page-title-bg-1.webp");
}

.page-titlebar .page-titlebar-inner::before {
  position: absolute;
  content: " ";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(to right, #ab7efd, #47d2eb);
  opacity: 0.9;
  z-index: -1;
}

.page-titlebar .titlebar-title {
  font-size: var(--font-4xl);
}

.header-main div.light-mode {
  border-bottom: 1px solid var(--border-color-1);
  box-shadow: none;
}

.ff-default .ff-el-form-control {
  line-height: 1.2em !important;
}

.home #mega-menu-wrap-menu-1 {
  background: transparent;
}

.home #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
.home #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link,
.home #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link,
.home #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
  background: transparent;
}

.bottom-shape {
  border-radius: 0 0 70px 70px !important;
}

.top-shape {
  border-radius: 70px 70px 0 0 !important;
}

header a.customify-builder-btn {
  border-radius: 5px;
  background: var(--gradient);
}

header a.customify-builder-btn:hover {
  box-shadow: none;
  background: var(--gradient-hover);
}

/* button */
.elementor .elementor-element.fluent-form-widget-step-header-yes .fluentform-widget-wrapper .ff-el-group .ff-btn-submit {
  background: var(--primary-color) !important;
}

.elementor .elementor-element.fluent-form-widget-step-header-yes .fluentform-widget-wrapper .ff-el-group .ff-btn-submit:hover {
  background: var(--accent-color) !important;
  box-shadow: none !important;
  opacity: 1;
}

/* button style end */
.header-top div.dark-mode {
  background: var(--accent-color) !important;
}

a.client-btn {
  font-size: var(--font-md);
  font-weight: 700;
  color: var(--heading-color) !important;
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 9px 20px;
  border-radius: 5px;
  border: 1px solid var(--border-color-1);
}

a.client-btn i {
  color: var(--primary-color);
  font-size: var(--font-xl);
  padding: 0 !important;
}

a.client-btn:hover {
 
  background-color: #eeeded;
}

.header--row.header-main .customify-grid,
.header--row.header-top .customify-grid {
  margin: 0;
}

#mega-menu-wrap-menu-1 ul#mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
  font-family: var(--body-font);
  font-weight: 500 !important;
  text-transform: capitalize;
}

.mega-menu-item-has-children {
  position: relative;
}

.mega-menu-item-has-children.mega-menu-grid.mega-hide-arrow .mega-menu-link {
  padding-right: 25px !important;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children > a.mega-menu-link {
  position: relative;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
  position: static !important;
}

.mega-menu.max-mega-menu .mega-menu-item-has-children.mega-menu-grid.mega-hide-arrow.mega-menu-item-type-custom > a.mega-menu-link::before,
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after {
  content: "";
  font-family: "dashicons" !important;
  position: absolute !important;
  top: 1px !important;
  font-size: var(--font-md) !important;
  color: var(--heading-color) !important;
  left: auto !important;
  right: -0px;
}

.mega-menu-item-has-children.mega-menu-grid.mega-hide-arrow .mega-sub-menu .mega-menu-link::before {
  content: none;
}

#mega-menu-wrap-menu-1 ul#mega-menu-menu-1 {
  position: static;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item {
  position: static;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu {
  left: 50%;
  right: auto !important;
  transform: translateX(-50%) !important;
  top: 100%;
}

div#mega-menu-wrap-menu-1 {
  width: 100%;
  position: static;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu {
  top: 100%;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-2-columns > ul.mega-sub-menu > li.mega-menu-item {
  width: 100%;
}

.mega-menu-column:not(:last-child) {
  border-right: 1px solid var(--border-color-1) !important;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
  padding: 0 20px;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
  margin-top: 25px;
  margin-bottom: 10px;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 .mega-btn-wrap a {
  padding: 20px;
  text-align: center;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  font-size: var(--font-md);
  text-transform: uppercase;
  color: var(--text-color-white);
  font-weight: 700;
  margin-bottom: 20px;
  margin-top: 10px;
  border-radius: 5px;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 .mega-btn-wrap.one a {
  background: var(--accent-color);
  color: var(--text-color-white);
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 .mega-btn-wrap.two a {
  background: var(--accent-color);
  color: var(--text-color-white);
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 .mega-btn-wrap.three a {
  background: var(--accent-color);
  color: var(--text-color-white);
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 .mega-btn-wrap.three a:hover {
  background: var(--primary-color);
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 .mega-btn-wrap.one a:hover {
  background: var(--primary-color);
  color: var(--text-color-white);
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 .mega-btn-wrap.two a:hover {
  background: var(--primary-color);
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 .mega-btn-wrap a:hover {
  color: var(--text-color-white);
}

/* header footer */
footer .dark-mode .widget-area .widget_nav_menu li a {
  border-bottom: none;
  font-size: calc(var(--font-base) - 2px);
}

.footer-bottom-inner .widget-area .widget_nav_menu li a,
.footer-bottom-inner .widget-area .widget ul li {
  padding-bottom: 0;
  margin-bottom: 0;
}

h4.widget-title,
.widget-area .widget h2.wp-block-heading {
  font-size: var(--font-1xl);
  margin-bottom: 35px;
  color: var(--text-color-white);
}

.footer--row-inner.dark-mode a:not(.button) {
  fill: #ffffffc9;
}

.footer--row-inner.dark-mode a:not(.button):hover {
  fill: var(--primary-color);
}

.widget-area .widget :last-child {
  margin-bottom: 0;
  font-size: var(--font-md);
}

.widget-area .widget ul li.wp-block-social-link {
  margin: 0;
}

.builder-first--footer-2 {
  padding-left: 100px;
}

footer .footer-main .footer--row-inner {
  padding-top: 80px;
  padding-bottom: 40px;
}

.builder-item {
  padding: 0px !important;
  position: relative;
}

.widget-area .widget.widget_text p {
  line-height: 1.8em;
  padding-right: 80px;
  font-size: 14px;
}

.site-footer .customify-container {
  max-width: 100%;
  width: 1600px;
  margin: 0 auto;
  padding: 0 15px;
}

.footer-main-inner .customify-grid.customify-grid-top {
  align-items: normal;
}

.footer-main-inner .widget_nav_menu {
  text-align: center;
}

/*header btn  */

.dark-mode .nav-menu-desktop.style-plain .nav-menu > li > a:hover,
.nav-menu-desktop .sub-menu li a:hover {
  text-decoration: none;
}

div.page-titlebar {
  padding: 0;
  border-bottom: 1px solid var(--border-color-1);
  word-break: break-word;
  background: var(--bg-color-1);
  border: none;
}

header .customify-builder-btn {
  background-color: var(--primary-color);
  padding: 10px 20px;
  line-height: 1.5em;
}

header .customify-builder-btn:hover {
  text-decoration: none;
}

.home.page .page-titlebar {
  display: none;
}

/* main cass */
body,
pre,
.navbar-nav > li .dropdown-menu {
  background: var(--bg-color-1);
}

.icon-box-squre .elementor-icon {
  position: relative;
  z-index: 1;
}

.border-row {
  position: relative !important;
}

.border-row:after {
  position: absolute;
  height: 100%;
  width: 100%;
  content: " ";
  border-left: 8px solid var(--bg-color-1);
  left: 50%;
}

.icon-box-squre .elementor div.elementor-element.elementor-view-stacked .elementor-icon {
  font-size: var(--font-xl);
  z-index: 1;
  position: relative;
}

/* .icon-wrap-box {
  transform: perspective(300px) rotateY(7deg);
  border-radius: 20px;
}

.icon-wrap-box-2 {
  transform: perspective(300px) rotateY(-7deg);
  border-radius: 20px;
} */

.icon-box-squre div.elementor-shape-circle .elementor-icon {
  border-radius: 4px;
  padding: 10px 20px;
}

.builder-item--footer-6 ul#menu-legal-links {
  display: flex;
  justify-content: end;
}

.builder-item--footer-6 ul#menu-legal-links li {
  margin-left: 15px;
}

div.header-top .header--row-inner {
  background-color: transparent;
  background-image: linear-gradient(90deg, #b288ff -5%, #52cde2 100%);
}

div#cb-row--footer-main .footer--row-inner {
  background-color: #111317;
}

div.footer--row-inner.dark-mode a:not(.button) {
  color: #b6b6b6c9;
}

.footer-copyright p {
  font-size: 13px;
  color: #b6b6b6c9;
}

div.footer--row-inner.dark-mode .footer-copyright a {
  color: var(--text-color-white);
}

.widget-area .widget ul li.wp-block-social-link:hover {
  background-color: var(--primary-color);
}

div.footer--row-inner.dark-mode a:not(.button):hover {
  fill: var(--text-color-white);
  color: var(--primary-color);
}

div#cb-row--footer-bottom {
  border-top: 1px solid #282828;
}

.widget-area .widget .wp-block-social-link {
  width: 40px;
  height: 40px;
  border-radius: 5px;
  background-color: #ffffff1f;
  line-height: 30px;
  text-align: center;
  font-size: var(--font-2xl);
  transition: all 0.5s ease;
}

.widget-area .widget .wp-block-social-links .wp-block-social-link a {
  line-height: 35px;
  font-size: var(--font-xl) !important;
  display: block;
}
.page-case-studies .widget-area .widget .wp-block-social-links .wp-block-social-link a {
  line-height: 28px;

}
.widget-area .widget .wp-block-social-links .wp-block-social-link a svg{
  width: 18px ;
  height: 18px;
}

.widget-area .widget .wp-block-social-link:hover {
  background: var(--gradient) !important;
  color: var(--text-color-white);
}

div.elementor .elementor-element.elementor-widget .fluentform-widget-wrapper .ff-el-group a {
  color: var(--primary-color);
}

div.elementor .elementor-element.elementor-widget .fluentform-widget-wrapper .ff-el-group a:hover {
  color: var(--accent-color);
}

/* resources */
#wp-coupons-wrapper #wp-coupons {
  margin: 0;
  padding: 80px 0;
}

.wp-coupons-discount-percent {
  z-index: 1;
  position: absolute;
  top: 10px;
  left: 10px;
  background: var(--heading-color);
  color: var(--text-color-white);
  padding: 5px 10px;
  font-size: var(--font-base);
  margin: 0;
}

div.wp-coupons-coupon-panel .wp-coupons-discount-percent {
  background: rgb(231, 179, 7);
  color: var(--text-color-white);
  font-size: var(--font-sm);
  border-radius: 5px;
  line-height: 1.2em;
}

.wp-coupons-coupon-panel h2.coupon-title:hover,
.wp-coupons-coupon-panel h2.coupon-link:hover {
  color: var(--primary-color);
}

div.wp-coupons-coupon-panel {
  background: var(--text-color-white);
}

div.wp-coupons-coupon-panel .coupon-title {
  color: var(--heading-color);
  margin-top: 0;
  font-size: var(--font-xl);
}

div.wp-coupons-coupon-panel .coupon-description {
  color: var(--para-color);
  font-size: var(--font-base);
  line-height: 1.4em;
}

.wp-coupons-type-cta-container {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding-top: 10px;
  padding-bottom: 0px;
}

.wp-coupons-coupon-panel hr.coupon-separator {
  border: none;
}

div.wp-coupons-type-cta-container a,
div.wp-coupons-coupon-panel .coupon-link,
div.wp-coupons-coupon-panel .coupon-type {
  flex: 0 0 calc(50% - 10px);
  font-size: var(--font-md) !important;
  font-weight: 700;
  text-align: center;
  padding: 10px 5px;
  border: 1px solid var(--border-color-1);
  color: var(--para-color);
  align-items: center;
  justify-content: center;
  transform: none;
  transition: none;
  text-transform: uppercase;
  border-radius: 5px;
}

div.wp-coupons-coupon-content {
  padding: 15px !important;
}

div.wp-coupons-coupon-panel .coupon-type {
  border: none;
  background: var(--accent-color);
  color: var(--text-color-white) !important;
}

div.wp-coupons-coupon-panel {
  box-shadow: var(--box-shadow);
  border-radius: 10px;
  border: 1px solid var(--border-color-1);
}

div.wp-coupons-type-cta-container a:hover,
div.wp-coupons-coupon-panel .coupon-link:hover,
div.wp-coupons-coupon-panel .coupon-type:hover {
  background: var(--primary-color);
  color: var(--text-color-white) !important;
  transform: none;
  transition: none;
}

body .wp-coupons-navigation li {
  margin-right: 5px;
}

span.wp-coupons-arrow-right {
  display: none !important;
}

form.fluent_form_7 .ff-btn-submit:not(.ff_btn_no_style),
.fluentform-widget-wrapper .ff-el-group .ff-btn-submit {
  background: var(--accent-color);
  border-radius: 5px;
}

form.fluent_form_7 .ff-btn-submit:not(.ff_btn_no_style):hover,
.fluentform-widget-wrapper .ff-el-group .ff-btn-submit:hover {
  background: var(--primary-color);
  box-shadow: none !important;
  opacity: 1 !important;
}

body .wp-coupons-navigation li.active a,
body .wp-coupons-navigation li:hover a {
  background: var(--accent-color) !important;
  padding: 5px 15px;
  color: var(--text-color-white) !important;
}

body .wp-coupons-navigation ul li a {
  color: var(--para-color) !important;
  padding: 5px 15px;
  background-color: var(--bg-color-2) !important;
}

.wp-coupons-coupon-panel a.coupon-link,
.wp-coupons-coupon-panel a.coupon-link:visited {
  color: var(--para-color);
}

.wp-coupons-coupon-panel a.coupon-link:hover {
  color: var(--text-color-white);
}

.wp-coupons-type-cta-container a {
  text-transform: uppercase !important;
}

.wp-coupons-post-content h2 {
  font-size: calc(var(--font-4xl) - 4px) !important;
  color: var(--heading-color) !important;
  margin: 10px 0 20px !important;
  font-weight: 700;
}

div#wp-coupons .wp-coupons-discount-code {
  background: linear-gradient(to right, rgb(15, 12, 41), rgb(48, 43, 99), rgb(36, 36, 62));
  padding: 10px;
  display: flex;
  align-items: center;
  gap: 5px;
}

div.wp-coupons-post-content {
  padding-right: 40px !important;
}

#wp-coupons * p {
  font-size: 19px;
  line-height: 1.6em;
  margin-bottom: 10px;
  color: var(--para-color);
}

/*  nav*/
body div.wp-coupons-nav a,
body div.wp-coupons-nav a:visited {
  color: var(--text-color-white);
  font-weight: 700;
  padding: 8px 15px;
  margin-right: 5px;
  font-size: 15px;
}

body div.wp-coupons-nav a.wp-coupons-nav-selected,
body div.wp-coupons-nav a:hover {
  color: var(--text-color-white);
  font-weight: 700;
}

div.wp-coupons-nav {
  padding: 10px 10px;
  margin-bottom: 35px;

  background: var(--primary-color);
}

body div.wp-coupons-nav a.wp-coupons-nav-selected,
body div.wp-coupons-nav a:hover {
  background: #d4d4d47d;
}

/* vertical scroll*/

.vertical-scroll-wrap .e-con-inner {
  position: relative;
}

.inner-content-wrap .content-wrap {
  position: sticky;
  top: 100px;
}

.drop-cricle {
  position: relative;
}

.drop-cricle:before {
  background-color: var(--text-color-white);
  border-radius: 50%;
  width: 30px;
  height: 30px;
  position: absolute;
  left: -15px;
  border: 1px solid;
  content: "";
}

.drop-cricle:after {
  background-color: var(--heading-color);
  width: 10px;
  text-align: center;
  height: 10px;
  border-radius: 10px;
  position: absolute;
  top: 10px;
  left: -5px;
  content: "";
}

/* header style */
.header-social-icons.customify-builder-social-icons.color-custom li a {
  padding: 8px;
}

.builder-item--nav-icon button.menu-mobile-toggle.item-button {
  padding: 0 0 0 10px;
}

.mega-menu-item .mega-sub-menu {
  margin-top: 1px !important;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column {
  float: none;
  min-height: 1px;
}

.mega-sub-menu .mega-menu-row .mega-sub-menu {
  display: flex !important;
}

.mega-sub-menu .mega-menu-row .mega-sub-menu .mega-sub-menu {
  display: block !important;
}

/* form */
form.frm-fluent-form {
  margin-bottom: 0;
}

.fluentform .ff-el-group.ff_submit_btn_wrapper {
  margin-bottom: 0;
}

footer.site-footer {
  display: flex;
  flex-flow: column;
}

footer.site-footer > div:last-of-type {
  order: 1;
}

footer.site-footer > div:nth-last-of-type(2) {
  order: 2;
}

/*--------------- # Back to top CSS # ---------------*/
#back-to-top {
  position: fixed;
  bottom: 40px;
  right: 30px;
  display: none;
  background: var(--accent-color);
  color: #fff;
  padding: 6px 15px;
  font-size: var(--font-xl);
  border-radius: 50%;
  text-align: center;
  text-decoration: none;
  z-index: 9999;
  transition: var(--transition);
}

#back-to-top:hover {
  background: var(--primary-color);
}

/*--------------- # Back to top CSS Ends # ---------------*/
/* read more and less foooter */
.footer-seo-description {
  overflow: hidden;
}

body .site-footer button.read-more-btn {
  margin: 0;
  margin-top: -10px;
  background: none;
  border: none;
  color: #b6b6b6e1 !important;
  font-weight: 600 !important;
  cursor: pointer;
  padding: 0 !important;
  background-color: transparent !important;
  text-align: left;
  height: auto;
  font-size: 14px;
  font-family: var(--heading-font);
  min-height: 20px !important;
  height: 100%;
  display: block;
  line-height: 1.2em !important;
  text-decoration: underline;
}

body .site-footer button.read-more-btn:hover {
  color: var(--accent-color);
  box-shadow: none !important;
  background-color: transparent !important;
}

/* tab styling */
.e-n-tabs-heading {
  background-color: var(--text-color-white);
  border: 1px solid var(--border-color-1);
  padding: 5px;
  width: max-content;
  margin: 0 auto;
  border-radius: 10px;
}

.elementor div.elementor-element.elementor-widget.elementor-widget-n-tabs > div.elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title {
  border-radius: 5px;
  font-size: var(--font-md);
  line-height: 20px;
  padding: 10px 25px;
  text-transform: capitalize;
  background: var(--bg-color-1);
}

.elementor div.elementor-element.elementor-widget.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"],
.elementor div.elementor-element.elementor-widget.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode="true"] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover,
.elementor div.elementor-element.elementor-widget.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode="false"] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover {
  background: var(--bg-color-2);
  box-shadow: none;
  color: var(--heading-color);
}

button.offcanvas_btn.btn.btn-primary,
button.offcanvas_btn.btn.btn-primary:hover,
button.offcanvas_btn.btn.btn-primary:focus {
  font-size: 0;
  box-shadow: none !important;
  outline: none;
  background-color: transparent !important;
}

button.offcanvas_btn.btn.btn-primary:hover::before {
  color: rgb(233, 233, 233);
}

button.offcanvas_btn.btn.btn-primary::before {
  position: relative;
  content: "\F474";
  font-family: "Bootstrap-icons";

  display: block;
  text-align: center;
  border-radius: 5px;
  line-height: 25px;
  color: var(--text-color-white);
  font-size: var(--font-2xl);
}

.offcanvas-header {
  padding: 20px 30px 20px 30px;
  background: var(--accent-color);
}

.offcanvas-body {
  padding: 30px 30px 30px 30px;
}

.offcanvas-header button.btn-close {
  border-radius: 50% !important;
  position: relative;
  padding: 0px !important;
  min-height: 30px !important;
  width: 30px;
  background-color: #f5f5f5 !important;
  line-height: 30px !important;
  opacity: 1;
}

.offcanvas-header button.btn-close:hover {
  background-color: #d8d8d8 !important;
  box-shadow: none !important;
}

.offcanvas-header button.btn-close:hover::before {
  color: var(--heading-color);
}

.offcanvas-header button.btn-close::before {
  position: absolute;
  content: "\F62A";
  font-family: "Bootstrap-icons";
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: block;
  text-align: center;
  border-radius: 5px;
  line-height: 22px;
  color: var(--para-color);
  font-size: var(--font-xl);
}

div.ff-default .ff-el-input--label label {
  display: inline-block;
  font-weight: 700;
  line-height: 1.4em;
  margin-bottom: 5px;
  font-size: var(--font-base);
  color: var(--heading-color);
}

div.ff-default .ff-el-form-check label.ff-el-form-check-label {
  font-size: var(--font-base);
  color: var(--para-color);
  margin-top: 0px;
}

div.ff-default .ff-el-form-check label.ff-el-form-check-label span {
  padding-left: 5px;
}

.fluentform .ff-dropzone span.ff_upload_btn.ff-btn {
  border: none;
  padding: 10px;
}

.fluentform div.ff_t_c p {
  margin: 0;
  padding: 0 0 0 10px;
  line-height: 1.4em;
}

.fluentform .ff-el-group.ff-dropzone {
  margin-bottom: 0px;
}

.fluentform .ff-el-group.ff-el-input--content {
  margin-bottom: 20px;
}

/*  */
.fluentform .ff-dropzone span.ff_upload_btn.ff-btn {
  background-color: transparent;
}

.ff_file_upload_holder {
  display: flex;
  align-items: left;
  border: 1px solid var(--border-color-1);
  border-radius: 5px;
  height: 40px;
  padding: 0 10px;
  background: transparent;
  cursor: pointer;
  width: 100%;
  max-width: 350px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
  font-family: sans-serif;
  font-size: var(--font-base);
}

.fluentform .ff-dropzone span.ff_upload_btn.ff-btn:hover {
  background-color: transparent;
}

/* Make label button look like input text */
.ff_upload_btn {
  flex: 1;
  color: var(--para-color);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* Hide real file input */
.ff-screen-reader-element {
  display: none;
}

/* Optional: style uploaded list */
.ff-uploaded-list {
  font-size: var(--font-sm);
  margin-top: 10px;
  color: var(--para-color);
}

div.fluentform .ff_upload_btn.ff-btn,
div.fluentform .ff_upload_btn.ff-btn:hover {
  background-color: transparent;
  color: var(--para-color);
  line-height: 1.2em;
}

form.fluent_form_11 button.ff-btn-submit:not(.ff_btn_no_style) {
  background: var(--accent-color);
  border-radius: 5px;
  opacity: 1;
  padding: 12px 50px;
  line-height: 1.23em;
}

form.fluent_form_11 button.ff-btn-submit:not(.ff_btn_no_style):hover {
  background: var(--primary-color);
  box-shadow: none !important;
  opacity: 1;
}

div.ff-default .ff-el-form-control:focus,
div.fluentform .ff_file_upload_holder:focus {
  background-color: var(--text-color-white);
  border-color: var(--primary-color);
  font-family: var(--body-font);
}

div.ff-default .ff-el-form-control {
  font-family: var(--body-font);
}

div.ff-default .ff-el-form-control {
  font-family: var(--body-font);
  min-height: 50px;
  padding: 20px 15px;
  line-height: 1.2em !important;
}

div.ff-default .ff-el-form-control {
  font-family: var(--body-font);
  min-height: 50px;
  padding: 10px 15px;
  line-height: 1.2em !important;
  /* min-height: 60px;
  height: 60px; */
}

div.ff-default .ff-el-form-control[data-name="description"] {
  min-height: 160px;
  height: 160px;
}

.popmake-content h3.wp-block-heading {
  font-size: 25px;
  font-weight: 600;
}

.offcanvas-header {
  border-bottom: 1px solid var(--border-color-1);
}

.offcanvas-header .offcanvas-title {
  font-size: 25px;
  color: var(--text-color-white);
}

.error-full-page {
  text-align: center;
  padding: 80px 0 120px;
}

.error-full-page h1 {
  font-size: 200px;
  color: var(--heading-color);
}

.error-full-page h4 {
  font-size: 45px;
  font-weight: 700;
  color: var(--heading-color);
}

.error-full-page p {
  font-size: var(--font-xl);
  padding: 15px 0 30px 0;
  color: var(--para-color);
}

.error-full-page a {
  font-size: var(--font-base);
  background: var(--gradient);
  color: var(--text-color-white);
  padding: 15px 30px;
  font-weight: 700;
  border-radius: 5px;
  text-transform: uppercase;
}

.error-full-page a:hover {
  background: var(--gradient-hover);
  color: var(--text-color-white);
}

.site-footer .fluentform .ff-el-group.ff-el-form-top .ff-el-input--label {
  display: none !important;
}

.site-footer .fluentform .ff-el-group.ff-el-form-top .ff-el-input--content {
  margin-bottom: 10px;
}

.site-footer .fluentform .ff-el-group {
  margin-bottom: 10px;
}

.site-footer form.fluent_form_2 .wpf_has_custom_css.ff-btn-submit {
  background: var(--accent-color);
  border-radius: 5px;
  font-weight: 700;
}

.sjb-page .job-description p strong,
.sjb-page .sjb-detail .list-data .v2 h3 {
  font-size: 25px !important;
  line-height: 1.3em;
}

.sjb-listing p a.btn-primary {
  background: transparent !important;
  border-radius: 5px;
  font-size: 13px;
  padding: 8px 15px;
  text-transform: uppercase;
  color: var(--heading-color) !important;
  font-weight: 700;
  border: 1px solid var(--border-color-1) !important;
}

.sjb-listing .list-view p a.btn-primary {
  background: var(--accent-color) !important;
  border: none !important;
  border-radius: 5px;
  font-size: 15px;
  padding: 15px 30px;

  text-transform: uppercase;
  color: var(--text-color-white) !important;
  font-weight: 700;
}

div.sjb-page .sjb-listing .list-view .no-job-listing .no-job-listing-text {
  font-size: 33px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0;
  margin: 25px 0;
}

.site-footer form.fluent_form_2 .wpf_has_custom_css.ff-btn-submit:hover {
  background: var(--primary-color);
  color: var(--text-color-white);
}

.sjb-listing p a.btn-primary:focus-visible,
.sjb-listing p a.btn-primary:focus {
  box-shadow: none !important;
  outline: none !important;
}

.sjb-listing p a.btn-primary:hover {
  background: var(--primary-color) !important;
  color: var(--text-color-white) !important;
  border: 1px solid var(--primary-color) !important;
}

.sjb-listing .list-view p a.btn-primary:hover {
  border: none !important;
}

.site-footer form.frm-fluent-form {
  padding: 15px;
  border-radius: 5px;
  background: #f0f0f11a;
}

.site-footer .ff-default .ff-el-form-control {
  color: var(--text-color-white);
  background: #4d4d4d00;
}

.site-footer .ff-default .ff-el-form-control::placeholder {
  color: #b6b6b6c9;
  background: #4d4d4d00;
}

.site-footer .ff-default .ff-el-form-control:focus {
  background: #4d4d4d00;
}

.footer-main-inner .customify-grid-top [class*="customify-col-"]:not(:last-child) {
  border-right: 1px solid #3d3d3d;
}

div.footer--row-inner.dark-mode .btn-foooter a {
  background: var(--accent-color);
  border-radius: 4px;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--text-color-white);
  font-size: 15px;
}

footer .dark-mode .builder-item--footer-6 .widget-area .widget_nav_menu li a {
  font-size: 13px;
}

div.footer--row-inner.dark-mode .btn-foooter a:hover {
  background: var(--primary-color);
  color: var(--text-color-white);
}

header .row-v2 .item--inner {
  margin-left: 5px;
  margin-right: 5px;
}

header .row-v2 .item--inner.builder-item--offcanvas-form {
  margin-top: 1px;
}

#mega-menu-wrap-menu-1 ul#mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link:hover::before {
  color: var(--primary-color) !important;
}

/* .icon-bg.elementor-widget-icon.elementor-view-stacked .elementor-icon {
  background: var(--accent-color);
} */
.icon-bg.elementor-widget-icon.elementor-view-stacked .elementor-icon {
  background: var(--gradient);
}

.ff-el-input--content select {
  appearance: auto;
  -webkit-appearance: auto;
  padding-right: 2.5rem;
}

div.ff-default .ff-el-form-control:active {
  border-color: var(--primary-color) !important;
}

.line-wrapper {
  position: relative;
}

.line-wrapper::after {
  position: absolute;
  content: " ";
  left: 45px;
  top: -15px;
  width: 1px;
  height: 100%;
  border-right: 2px dashed var(--border-color-1);
}

.icon-bgg.elementor-widget-icon-box.elementor-view-stacked {
  z-index: 1;
}

.icon-bg-g.elementor-widget-icon-box.elementor-view-stacked {
  z-index: 1;
}

.icon-bgg.elementor-widget-icon-box.elementor-view-stacked .elementor-icon {
  background: var(--accent-color);
}

.cta-left {
  clip-path: polygon(0 0, 100% 0%, 100% 99%, 7% 100%);
}

.benefits-section {
  position: relative;
}

.benefits-section .benefits-item {
  position: sticky;
  top: 3.5rem;
}

.benefits-section .benefits-item-2 {
  top: 4.5rem;
}

.benefits-section .benefits-item-3 {
  top: 5.5rem;
}

.benefits-section .benefits-item-4 {
  top: 6.5rem;
}

.list-ui .elementor-icon-list-item {
  padding-left: 40px !important;
}

.list-ui .elementor-icon-list-item .elementor-icon-list-icon svg {
  display: none;
}

.list-ui .elementor-icon-list-item .elementor-icon-list-icon::before {
  position: absolute;
  content: "\f138";
  font-family: "Bootstrap-icons";
  left: -40px;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  display: block;
  text-align: center;
  border-radius: 50%;
  line-height: 30px;
  background-color: #ffffff36;
  color: var(--text-color-white);
  /* margin-right: 10px; */
}

.tab-verticle .e-n-tab-title {
  display: flex !important;
}

.tab-verticle .e-n-tabs-heading {
  background-color: var(--text-color-white);
  border: 1px solid var(--border-color-1);
  padding: 15px;
  width: max-content;
  margin: 0 auto;
  border-radius: 10px;
}

.elementor div.elementor-element.elementor-widget.tab-verticle.elementor-widget-n-tabs > div.elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title {
  border-radius: 0;
  border-bottom: 1px solid var(--border-color-1) !important;
}

.pricing-table-elementor-widget.style-3 .badge {
  text-align: center;
  margin: 0 auto;
  width: 100%;
}

.pricing-table-elementor-widget.style-3 .badge {
  background: linear-gradient(to right, rgb(15, 12, 41), rgb(48, 43, 99), rgb(36, 36, 62)) !important;
  border-radius: 10px 10px 0 0 !important;
}

.elementor-accordion-item {
  border-radius: 10px;
}

.stack_wrapper {
  position: relative;
}

.stack_wrapper .case-wrap {
  position: sticky;
  top: 4rem;
  margin-bottom: 20px;
}

.stack_wrapper .case-wrap:nth-child(1n) {
  top: 4rem;
}

.stack_wrapper .case-wrap:nth-child(2n) {
  top: 6rem;
}

.stack_wrapper .case-wrap:nth-child(3n) {
  top: 8rem;
}

.stack_wrapper .case-wrap:nth-child(4n) {
  top: 10rem;
}

.stack_wrapper .case-wrap:nth-child(5n) {
  top: 12rem;
}

/* job  */
div.sjb-page .sjb-filters.sjb-filters-v2 {
  box-shadow: none;
  background-color: transparent;
  border: 1px solid var(--border-color-1);
  padding: 30px 15px !important;
}

div.sjb-page div.list-data .v2 {
  box-shadow: none;
  border: 1px solid var(--border-color-1);
  padding: 20px 5px 20px 5px;
}

form.filters-form {
  margin-bottom: 0;
}

.sjb-archive-page {
  margin-top: 50px;
}

div.sjb-page div.sjb-filters.sjb-filters-v2 input.btn-search,
div.sjb-page .list-data .v2 .sjb-apply-now-btn a.btn-primary,
div.sjb-page .sjb-detail .list-data .v2 .jobpost-form .app-submit {
  background: var(--primary-color);
  border-radius: 5px !important;
}

div.sjb-page div.sjb-filters.sjb-filters-v2 input.btn-search:hover,
div.sjb-page .list-data .v2 .sjb-apply-now-btn a.btn-primary:hover,
div.sjb-page .sjb-detail .list-data .v2 .jobpost-form .app-submit:hover {
  background: var(--accent-color) !important;
  box-shadow: none;
}

div.sjb-page .sjb-filters.sjb-filters-v2 .form-control,
div.sjb-page .sjb-detail .list-data .v2 .jobpost-form .form-control {
  border-radius: 5px;
  border: 1px solid var(--border-color-1);
  box-shadow: none;
  background-color: var(--text-color-white);
}

div.sjb-page .sjb-filters.sjb-filters-v2 .form-control:focus,
div.sjb-page .sjb-detail .list-data .v2 .jobpost-form .form-control:focus,
div.sjb-page .sjb-detail .list-data .v2 .jobpost-form .form-control:hover {
  box-shadow: none;
  outline: none !important;
  border: 1px solid var(--border-color-1);
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
  display: inline-block;
  width: auto;
  background: transparent;
  position: relative;
  pointer-events: auto;
  left: auto;
  min-width: auto;
  font-size: inherit;
  padding: 0;
  margin: 0 0 0 6px;
  height: auto;
  line-height: inherit;
  color: inherit;
  top: 2px;
}

div.sjb-page .sjb-detail .list-data .v2 .jobpost-form .file {
  background: var(--text-color-white);
  border: 1px solid var(--border-color-1);
  border-radius: 5px;
  font-family: var(--heading-font);
  height: 45px;
  padding: 10px 15px;
}

div.sjb-page .sjb-archive-page .job-title {
  font-size: var(--font-2xl);
  font-weight: 700;
}

.sjb-page .list-data .sjb-company-wrapper-details-list {
  padding: 0 0 15px 0px;
}

div.sjb-page {
  margin-bottom: 80px;
}

div.sjb-page .list-data .sjb-company-wrapper-details-list {
  padding: 0 0 15px 0;
}

div.sjb-page .list-data .sjb-job-type-location-date {
  padding: 20px 0px 16px;
  margin: 0;
}

div.sjb-page .job-description-list p,
div.sjb-page,
div.sjb-page div {
  font-family: var(--heading-font);
  line-height: 1.4em;
}

div.sjb-page .job-description-list p {
  margin-top: 0;
  margin-bottom: 0px;
}

div.sjb-page .sjb-archive-page .job-title:hover {
  color: var(--primary-color);
}

.sjb-page .list-data .sjb-company-wrapper-details-list .sjb-company-details {
  display: none;
}

.sjb-page .list-data .v2 .job-info h4 span {
  display: none;
}

.sjb-page .list-data .v2 div.job-info h4 a span {
  display: block;
  font-weight: 600;
  margin-left: -5px;
}

.sjb-page .col-md-12.sjb-search-keywords {
  padding: 0 10px;
}

.sjb-page .col-md-3.sjb-search-categories,
.sjb-page .col-md-3.sjb-search-job-type,
.sjb-page .col-md-3.sjb-search-location,
.sjb-page .col-md-3.sjb-search-button {
  padding: 0 10px;
}

div.sjb-page .sjb-listing .list-data header {
  padding-top: 0;
}

.sjb-page .col-md-3.sjb-search-categories .form-group,
.sjb-page .col-md-3.sjb-search-job-type .form-group,
.sjb-page .col-md-3.sjb-search-location .form-group,
.sjb-page .col-md-3.sjb-search-button .btn-search,
div.sjb-page div.sjb-filters.sjb-filters-v2 input.btn-search {
  margin-bottom: 0;
}

div.sjb-page .list-data .v2 .sjb-apply-now-btn a#quick-apply-btn:hover {
  background: var(--primary-color) !important;
  color: var(--text-color-white) !important;
  border-color: var(--primary-color) !important;
}

div.sjb-page .sjb-listing .row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

div.sjb-page .list-data .sjb-job-type-location-date .row .col-md-3 {
  width: auto;
}

div.sjb-page .list-data .v2 div.job-info h4 a {
  margin: 0px !important;
  display: inline-block;
}

.sjb-page .list-data .sjb-company-wrapper-details-list .sjb-company-details i {
  color: var(--primary-color);
}

div.sjb-page .sjb-detail.sjb-v2 div.list-data .v2 {
  background: #fff;
  border: none;
  box-shadow: none;
  padding: 0;
}

.sjb-page .col-md-2 {
  width: 12%;
}

div.sjb-page .form-group.sjb-filter-tags,
div.sjb-page .form-group.sjb-filter-tags p {
  margin-bottom: 0px;
}

div.sjb-page .list-data .v2 .sjb-apply-now-btn a,
div.sjb-page .list-data .v2 .sjb-apply-now-btn a#quick-apply-btn {
  margin: 0;
}

div.sjb-page .list-data .v2 .sjb-apply-now-btn a#quick-apply-btn {
  background: transparent;
  color: var(--para-color) !important;
  margin-right: 10px;
  border: 1px solid var(--border-color-1) !important;
}

div.sjb-page .list-data .v2 .sjb-apply-now-btn p {
  margin: 0;
}

div.job-description li::before,
div.job-description li::before {
  color: var(--primary-color);
}

div.sjb-page .sjb-detail .list-data .v2 .job-detail h3 span,
div.sjb-page .list-data .v2 div.job-info h4 a {
  font-family: var(--heading-color);
}

div.sjb-page .sjb-detail .list-data .v2 .job-detail h3 span {
  font-size: var(--font-3xl);
  font-weight: 700;
}

.sjb-page .list-data .v1 .job-type i,
.sjb-page .list-data .v1 .job-location i,
.sjb-page .list-data .v1 .job-date i,
.sjb-page .list-data .v2 .job-type i,
.sjb-page .list-data .v2 .job-location i,
.sjb-page .list-data .v2 .job-date i,
.sjb-page .sjb-detail .list-data .v2 .job-features .sjb-title-value h4 i,
.sjb-listing .list-data .v2 .job-features .sjb-title-value h4 i {
  margin-top: 3px;
}

div.sjb-page .list-data .v2 .sjb-with-logo .job-info {
  margin-left: 2px;
}

div.sjb-page .list-data .v2 .header-margin-top,
div.sjb-page .list-data .sjb-job-characteristics {
  padding: 0;
}

div.sjb-page .list-data .v2 .header-margin-top {
  margin-bottom: 0;
}

div.sjb-page .list-data .sjb-job-characteristics .sjb-job-type-location-date {
  padding-bottom: 10px;
}

div.sjb-page .list-data .v2 .job-info h4 a:hover {
  color: var(--primary-color);
}

.sjb-page .sjb-detail .list-data .v2 .job-features .sjb-title-value p {
  margin: 0;
}

div.sjb-page div.sjb-title-value {
  border-radius: 5px;
}

div.sjb-page .sjb-detail .list-data .v1 h3,
div.sjb-page .sjb-detail .list-data .v2 h3,
div.sjb-page .sjb-detail .list-data ul li::before,
div.sjb-page .sjb-detail .list-data .v1 .job-detail h3,
div.sjb-page .sjb-detail .list-data .v2 .job-detail h3,
div.sjb-page .sjb-archive-page .job-title,
div.sjb-page .job-features h3 {
  font-weight: 600;
  font-size: var(--font-2xl);
}

div.sjb-page .sjb-filters.sjb-filters-v2 .form-control,
div.sjb-page .sjb-detail .list-data .v2 .jobpost-form .form-control,
div.sjb-page .sjb-filters.sjb-filters-v2 input#keywords {
  padding: 12px;
  height: 100%;
}

div.sjb-page .list-data .v2 .job-description {
  padding: 0;
}

div.sjb-page .sjb-detail .list-data .v2 .job-features .sjb-title-value h4 {
  margin-bottom: 0px;
  color: var(--heading-color);
  font-size: 16px;
}

div.sjb-page .sjb-detail .list-data .v2 .job-features .table,
div.sjb-page .job-features {
  margin-bottom: 0;
}

.sjb-company-tagline {
  display: none;
}

.sjb-page .sjb-detail .list-data .v2 .job-type,
.sjb-page .sjb-detail .list-data .v2 .job-location,
.sjb-page .sjb-detail .list-data .v2 .job-date {
  font-size: 16px;
}

div.sjb-page .sjb-detail .list-data .sjb-job-type-location-date {
  padding: 15px 0px 20px !important;
  margin: 0;
}

div.sjb-page .sjb-detail .list-data .v2 .jobpost-form .file:focus-within,
div.sjb-page .sjb-detail .list-data .v2 .jobpost-form .file {
  outline: none !important;
  box-shadow: none;
}

div.sjb-page .sjb-filters.sjb-filters-v2 .form-control:focus,
div.sjb-page .sjb-detail .list-data .v2 .jobpost-form .form-control:focus,
div.sjb-page .sjb-detail .list-data .v2 .jobpost-form .form-control:hover,
div.ff-default .ff-el-form-control:focus,
div.ff-default .ff-el-form-control:hover,
div.ff-default .ff-el-form-control:focus-within,
div.sjb-page .sjb-detail .list-data .v2 .jobpost-form .file:hover {
  border-color: var(--primary-color) !important;
  box-shadow: none;
}

.job-description .wp-block-list li {
  padding-left: 35px;
}

.job-description .wp-block-list li::before,
.job-description .wp-block-list li::before {
  font-size: 14px;
}

.job-description .wp-block-list li::before {
  position: absolute;
  content: "\f138";
  font-family: "Bootstrap-icons";
  left: 0;
  top: 14px;
  width: 25px;
  height: 25px;
  transform: translateY(-50%);
  display: block;
  text-align: center;
  border-radius: 50%;
  color: var(--para-color);
  /* margin-right: 10px; */
  background: var(--bg-color-1);
  line-height: 25px;
}

div.sjb-page .list-data .v2 .job-description p,
div.sjb-page .sjb-detail .list-data .v2 ul li,
div.job-description .wp-block-list li {
  color: var(--para-color);
}

div.sjb-page .sjb-detail .list-data .v2 .job-features .sjb-title-value p {
  color: var(--para-color);
  font-size: 14px;
}

div.sjb-page .sjb-detail .list-data .v2 form.jobpost-form label {
  color: var(--heading-color);
}

div.job-description p strong {
  font-weight: 600;
}

.job-description ol.wp-block-list {
  margin-bottom: 15px;
}

.job-features div.sjb-title-value {
  box-shadow: none;
  background-color: var(--bg-color-3);
}

div.sjb-page .list-data .sjb-job-info h4 span i {
  color: var(--primary-color);
  padding: 5px 0;
}

div.sjb-page .sjb-detail .list-data .v2 .jobpost-form .file div {
  color: var(--primary-color) !important;

  top: 8px;
  font-family: var(--heading-font);
}

div.sjb-page .sjb-detail .list-data .v2 .jobpost-form .file:focus {
  border-color: var(--border-color-1);
}

/* resorces style */
div.wp-coupons-nav {
  border: 1px solid var(--border-color-1);
  border-radius: 5px;
  background-color: transparent;
  text-align: center;
  width: fit-content;
  margin: 0 auto 40px;
  padding: 6px;
}

body div.wp-coupons-nav a,
body div.wp-coupons-nav a:visited {
  color: var(--para-color);
  border-radius: 5px;
  padding: 10px 15px;
}

body div.wp-coupons-nav a:visited,
body div.wp-coupons-nav a.wp-coupons-nav-selected,
body div.wp-coupons-nav a:hover {
  background: var(--bg-color-2);
  color: var(--heading-color);
}

.ff-default div.ff-el-form-check label.ff-el-form-check-label {
  margin-bottom: 0;
}

div.wpcd-coupon.wpcd-coupon-default {
  background-color: transparent;
  border: 1px solid var(--border-color-1);
  box-shadow: none;
  border-radius: 10px;
  margin: 0;
}

div.wpcd-template-default-mobile div.coupon-type,
div.wpcd-template-default-mobile div.deal-type {
  padding: 4px 10px 2px;
  color: var(--heading-color);
  font-size: 10px;
  font-weight: 700;
  position: absolute;
  text-transform: uppercase;
  line-height: 1.5em;
  left: 20px;

  top: 20px;
}

div.wpcd-template-default-mobile div.wpcd-coupon-discount-text {
  color: var(--text-color-white);
}

.wpcd-template-default-mobile .wpcd-col-1-8,
div.wpcd-coupon-header {
  background: linear-gradient(to right, rgb(15, 12, 41), rgb(48, 43, 99), rgb(36, 36, 62));
}

.wpcd-template-default-mobile .wpcd-col-1-8 {
  border-radius: 10px 10px 0 0;
}

.wpcd-coupon-description p {
  text-align: center;
}

div.wpcd-col-3-4 {
  padding: 0;
}

.wpcd-coupon-content.wpcd-col-7-8 {
  padding: 0;
}

div.wpcd-coupon.wpcd-coupon-default,
.wpcd-col-1-4,
.wpcd-template-default-mobile .wpcd-col-1-8 {
  padding: 0;
}

div.wpcd-coupon-header,
div.wpcd-extra-content .wpcd-col-3-4 {
  padding: 15px 15px;
}

div.wpcd-extra-content .wpcd-col-3-4 .wpcd-col-3-4 {
  padding: 0;
}

div.wpcd-coupon-header {
  height: 160px;
}

div.wpcd-extra-content .wpcd-col-3-4 {
  height: 140px;
}

div.wpcd-coupon-expire {
  color: #037c03;
  text-align: center;
  background: #cde5cd;
  margin-top: 5px;
  width: 100%;
  font-size: 14px;
  padding-left: 5px;
  font-weight: 700;
  border-radius: 0 0 10px 10px;
  padding: 10px;
}

div.wpcd-col-one-7-8 {
  padding: 0;
}

.wpcd-col-1-4 .wpcd-coupon-code,
.wpcd-col-1-4 .wpcd-coupon-expire,
.wpcd-col-1-4 .wpcd-coupon-expired,
.wpcd-col-1-4 .coupon-code-wpcd {
  margin: 0;
}

div.wpcd-coupon-expired {
  color: #910404;
  text-align: center;
  background: #f7d8d8;
  margin-top: 5px;
  width: 100%;
  font-size: 14px;
  padding-left: 5px;
  font-weight: 700;
  border-radius: 0 0 10px 10px;
  padding: 10px;
}

.wpcd-coupon-code a.wpcd-btn {
  background-color: #e1dfff;
  color: var(--heading-color);
  margin: 10px 0 15px 0;
}

.wpcd-coupon-content div.wpcd-coupon-header {
  border-color: var(--text-color-white);
}

.wpcd-template-default-mobile .wpcd-coupon-description {
  padding: 0;
  margin: 0 0 0;
  text-align: center;
}

div h1.wpcd-coupon-title a {
  color: var(--text-color-white);
  line-height: 1.2em;
  font-size: 19px;
}

div.wpcd-template-default-mobile div.wpcd-coupon-discount-text {
  padding-top: 30px;
  margin: 0 0 -10px 0;
}

a.wpcd-btn .wpcd_coupon_icon,
a.wpcd-btn .wpcd_deal_icon {
  margin-right: 5px;
}

.elementor .elementor-element .elementor-accordion-item .elementor-tab-title.elementor-active {
  padding-bottom: 20px;
  border-bottom: 1px solid #c2e0ff !important;
  margin-bottom: 20px;
  border-radius: 10px 10px 0 0;
}

div.elementor-accordion .elementor-accordion-item {
  box-shadow: none !important;
  border: 1px solid #c2e0ff !important;
  background-color: var(--text-color-white) !important;
}

.elementor-accordion .elementor-accordion-item + .elementor-accordion-item,
.elementor-accordion-item {
  background-color: var(--text-color-white) !important;
  border-radius: 10px 10px;
}

.box-overlay-wrapper:hover::before {
  background: #000000 !important;
}

#wp-coupons a.wp-coupons-breadcrumbs,
#wp-coupons a.wp-coupons-breadcrumbs:visited {
  color: var(--para-color) !important;
  font-weight: 700;
  padding-left: 37px;
  position: relative;
  margin-top: 5px;
  font-style: normal;
}

#wp-coupons a.wp-coupons-breadcrumbs:hover,
#wp-coupons a.wp-coupons-breadcrumbs:visited:hover {
  color: var(--primary-color) !important;
}

#wp-coupons a.wp-coupons-breadcrumbs::before {
  position: absolute;
  content: "\F12F";
  font-family: "Bootstrap-icons";
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  display: block;
  text-align: center;
  border-radius: 50%;
  line-height: 30px;
  background: var(--accent-color);
  color: var(--text-color-white);
  /* margin-right: 10px; */
}

#wp-coupons a.wp-coupons-breadcrumbs:hover::before {
  color: var(--text-color-white);
}

div#wp-coupons .wp-coupons-coupon-panel .wp-coupons-discount-percent {
  background: #e7b307;
  color: var(--heading-color);
  font-size: 16px;
  margin: -10px !important;
  border-radius: 0;
  padding: 12px 10px 30px;
}

div#wp-coupons .wp-coupons-coupon-panel .coupon-panel-image-wrapper .wp-coupons-discount-percent {
  padding: 2px 5px;
  font-size: 12px;
  margin: 5px !important;
  font-weight: 700;
  line-height: 1.4em;
}

div#wp-coupons a.wp-coupons-button,
aside .wp-coupons-coupon-content a.wp-coupons-button {
  background: var(--accent-color);
  border: none;
  text-transform: uppercase;
  padding: 10px;
  font-weight: 700;
  margin-top: 5px;
}

div#wp-coupons a.wp-coupons-button:hover,
aside .wp-coupons-coupon-content a.wp-coupons-button:hover {
  background: var(--primary-color);
  color: var(--text-color-white);
}

div#wp-coupons .wp-coupons-banner-text .coupon-title,
aside .widget-area .wp-coupons-coupon-content .coupon-title {
  font-size: 25px;
  color: var(--heading-color);
  margin-bottom: 10px;
}

aside .widget-area .wp-coupons-coupon-content .coupon-title {
  font-size: 19px;
}

div.wp-coupons-banner-text {
  padding: 25px 25px 25px 25px;
  background-color: var(--text-color-white);
}

div#wp-coupons .wp-coupons-banner .wp-coupons-discount-description,
aside .widget-area .wp-coupons-coupon-content .coupon-description {
  font-size: 16px;
  line-height: 1.3em;
  color: var(--para-color);
}

aside .widget-area .wp-coupons-coupon-content .coupon-description {
  margin-bottom: 10px;
  min-height: 100%;
}

.case_study_archive.casestudy_layout {
  padding: 80px 0;
}

/* blog */
.blog .site-content,
.single-post .site-content {
  padding: 80px 0;
}

.posts-layout article.post:first-child {
  padding-top: 0;
}

.posts-layout article.post {
  padding: 20px 0px 35px;
  border-radius: 0px;
  border-bottom: 1px solid var(--border-color-1);
  margin-bottom: 0px;
}

article.post img,
.posts-layout div.entry-thumbnail {
  border-radius: 15px;
  object-fit: cover;
}

.widget_block ol.wp-block-latest-comments {
  margin-left: 0;
}

.widget_block ol.wp-block-latest-comments .wp-block-latest-comments__comment:not(:last-child) {
  border-bottom: 1px solid var(--border-color-1);
  padding: 0px 0 20px;
}

.widget_block ol.wp-block-latest-comments .wp-block-latest-comments__comment {
  border-radius: 0px;
  background-color: var(--text-color-white);
}

.widget-area input.wp-block-search__input {
  border: none;
  background-color: transparent;
  box-shadow: none;
  color: var(--para-color);
  padding: 0;
  padding-left: 5px;
}

aside div.wpcd-coupon,
aside .wpcd-coupon-content,
aside .wpcd-col-1-1 {
  padding: 0;
}

aside .wpcd-coupon-content.wpcd-col-1-1 {
  border-radius: 10px !important;
  overflow: hidden;
  background-color: var(--text-color-white);
  border: 1px solid var(--border-color-1);
}

aside .wpcd-coupon.wpcd-widget.wpcd-widget-default.wpcd-coupon-id-2520 {
  box-shadow: none;
  background-color: transparent;
}

aside .wpcd_deal_icon {
  position: relative;
}

aside .wpcd_deal_icon::before {
  position: absolute;
  content: "\f138";
  font-family: "Bootstrap-icons";
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: var(--accent-color);
  color: var(--text-color-white);
  width: 25px;
  height: 25px;
  line-height: 25px;
  border-radius: 50%;
}

aside .wpcd-coupon-description {
  padding: 15px;
}

aside div.wpcd-coupon-expire {
  border-radius: 0;
}

aside .wpcd-coupon-content div.wpcd-coupon-header {
  padding: 25px 15px;
}

.wp-block-search__inside-wrapper .wp-block-search__button.wp-element-button {
  background: var(--accent-color);
  border-radius: 5px;
  font-family: var(--body-font);
  font-weight: 700;
}

.wp-block-search__inside-wrapper .wp-block-search__button.wp-element-button:hover {
  background: var(--primary-color);
  box-shadow: none;
}

.wp-block-search__inside-wrapper {
  border: 1px solid var(--border-color-1);
  padding: 10px;
  border-radius: 10px;
  background: #fff;
}

.posts-layout div.entry--item.link-meta {
  margin-bottom: 10px;
}

div.posts-layout .entry-title {
  font-size: calc(var(--font-3xl) + 2px);
  font-weight: 600;
  margin-bottom: 10px;
}

div.posts-layout div.entry-inner {
  padding-bottom: 0;
  border: none;
}

div.posts-layout .entry-excerpt p {
  font-size: 19px;
  font-weight: 400;
  color: var(--para-color);
  line-height: 1.4em;
  padding: 10px 0;
}

div.posts-layout a.readmore-button {
  background: var(--accent-color);
  border: none;
  padding: 15px 25px;
  font-size: 15px;
  border-radius: 5px;
  font-weight: 700;
  color: var(--text-color-white);
}

div.posts-layout a.readmore-button:hover {
  background: var(--primary-color);
}

.entry-content h1,
.wp-block h1,
.entry-single h1.entry-title {
  font-size: var(--body-font);
  font-size: var(--font-5xl);
}

.entry-content.entry--item p {
  font-size: 19px;
  margin-bottom: 15px;

  color: var(--para-color);
}

div.posts-layout .entry-title a:hover,
a:hover,
a:focus,
.link-meta:hover,
.link-meta a:hover {
  color: var(--primary-color);
}

.link-meta,
.link-meta a {
  font-weight: 500;
  font-size: 15px;
  text-transform: capitalize;
}

.link-meta i,
.link-meta a i {
  color: var(--primary-color);
}

nav.pagination .nav-links span,
nav.pagination .nav-links > * {
  border: none;
  background-color: var(--bg-color-1);
  border-radius: 3px;
  font-size: 14px;
}

nav.pagination .nav-links span.page-numbers.current,
nav.pagination .nav-links a:hover {
  background: var(--accent-color);
}

.widget-area .widget .wp-block-heading,
.widget-area .widgettitle {
  font-size: var(--font-xl);
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 15px;
  border-bottom: 1px solid var(--border-color-1);
  padding-bottom: 10px;
  color: var(--heading-color);
}

aside form.frm-fluent-form {
  border-radius: 10px;
}

div h1.wpcd-coupon-title a {
  color: var(--text-color-white);
  line-height: 1.2em;
  font-size: 20px !important;
  text-align: center;
  font-weight: 600;
  text-transform: capitalize;
}

aside .wp-block-tag-cloud {
  display: flex;
  gap: 10px 5px;
  flex-wrap: wrap;
}

aside .wp-block-tag-cloud a {
  background: var(--text-color-white);
  padding: 5px 10px;
  color: var(--para-color);
  border: 1px solid var(--border-color-1);
  font-weight: 500;
  font-size: 14px !important;
  border-radius: 5px;
}

aside .wp-block-tag-cloud a:hover {
  color: var(--primary-color);
  border-color: var(--primary-color);
}

aside .fluentform div.ff-el-form-hide_label > .ff-el-input--label {
  display: none !important;
}

aside .fluentform .ff-el-group,
aside .ff-field_container.ff-name-field-wrapper {
  margin-bottom: 15px;
}

.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta {
  margin-left: 0;
  line-height: 1.5em;
}

div.widget-area .widget {
  margin-bottom: 30px;
}

.wp-block-latest-comments__comment-meta a {
  font-weight: 600;
  font-size: 16px;
  color: var(--heading-color);
  font-size: 14px;
}

.wp-block-social-links .wp-social-link span:not(.screen-reader-text) {
  font-size: 0;
}

.wp-block-latest-posts__list li {
  border-radius: 10px;
  padding: 15px;
  border: 1px solid var(--border-color-1);
  margin-bottom: 15px !important;
  background-color: var(--text-color-white);
}

.wp-block-latest-posts__list li:last-child {
  margin-bottom: 0 !important;
}

.wp-block-latest-posts__list a {
  width: 100%;
}

.wp-block-latest-posts__list img {
  border-radius: 5px;
  width: 100%;
}

.wp-block-latest-posts__list .wp-block-latest-posts__post-title {
  font-size: var(--font-xl);
  font-weight: 700;
  line-height: 1.3em;
  margin-top: 10px;
  margin-bottom: 5px;
  display: block;
  color: var(--heading-color);
}

.wp-block-latest-posts__post-author,
.wp-block-latest-posts__post-date {
  display: block;
  font-size: 14px;
  font-weight: 700;
  display: inline;
  color: var(--para-color);
  margin-right: 10px;
}

aside .wp-block-latest-posts__post-excerpt {
  font-size: 16px;
  color: var(--para-color);
  font-weight: 400;
  margin-top: 5px !important;
}

aside .widget-area .widget .wp-block-social-links .wp-block-social-link a {
  line-height: 36px;
  font-size: var(--font-xl) !important;
  display: block;
  height: 100%;
}

aside .widget-area .widget .wp-block-social-link {
  width: 40px;
  height: 40px;
  border-radius: 5px;
  background-color: var(--bg-color-1);
  line-height: 30px;
  text-align: center;
  font-size: var(--font-2xl);
  transition: all 0.5s ease;
}

aside .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor svg {
  color: var(--para-color);
  fill: var(--para-color);
}

aside .wp-block-social-links .wp-block-social-link.wp-social-link:hover .wp-block-social-link-anchor svg {
  color: var(--text-color-white);
  fill: var(--text-color-white);
}

aside .wp-block-archives-list a,
aside .wp-block-archives-list li,
.wp-block-archives__label,
.wp-block-categories .wp-block-categories__label {
  font-size: 16px !important;
  color: var(--para-color);
}

aside .wp-block-archives__label,
aside .wp-block-categories .wp-block-categories__label {
  margin-bottom: 5px;
  font-weight: 700;
}

aside .job-listing-widget li a {
  font-weight: 700;
  color: var(--heading-color);
  font-size: 19px;
  line-height: 1.4em;
  display: block;
  padding-bottom: 5px;
}

aside .widget-area .widget select {
  height: 50px;
  background-color: var(--text-color-white);
  border-radius: 5px;
}

aside .job-listing-widget li a:hover {
  color: var(--primary-color);
}

aside .job-listing-widget li {
  border-bottom: 1px solid var(--border-color-1);
  padding-bottom: 10px;
}

aside .job-listing-widget li i {
  color: var(--primary-color);
  padding-right: 5px;
}

/* blog single */
body.single .entry-meta {
  margin-bottom: 1.41575em;
  margin: 15px 0 20px !important;
}

.single article.post img {
  width: 100%;
}

.single .entry-content .bsf-rt-reading-time,
.single .post-content .bsf-rt-reading-time {
  background: var(--bg-color-1);
  font-size: 15px;
  margin-bottom: 15px;
  color: var(--para-color);
}

blockquote.wp-block-quote,
.wp-block-pullquote {
  background-color: var(--bg-color-1);
  border-color: var(--primary-color);
  padding: 30px 25px;
  font-style: italic;
  font-weight: 500;
}

blockquote.wp-block-quote cite,
figure.wp-block-pullquote cite {
  font-size: 15px;
}

blockquote.wp-block-quote p {
  margin: 0;
  line-height: 1.4em;
}

blockquote cite {
  margin-left: 0;
  margin-top: 10px;
  font-weight: 700;
  line-height: 1.2em;
  font-size: 15px;
}

blockquote.wp-block-quote cite {
  margin-left: 0;
}

body ul.wp-block-list {
  list-style: none;
}

body ul.wp-block-list > li {
  position: relative;
  padding-left: 32px;
  margin-left: 0;
}

body ul.wp-block-list > li::before {
  position: absolute;
  content: "\f138";
  font-family: "Bootstrap-icons";
  left: 0;
  top: 0;
  transform: translateY(-4px);
  width: 30px;
  height: 30px;
  display: block;
  text-align: center;
  border-radius: 50%;
  line-height: 30px;
  background-color: #ffffff36;
  color: var(--para-color);
}

.nav-previous a:hover {
  color: var(--primary-color);
}

div.entry-content h2,
.wp-block h2,
h3.wp-block-heading,
.comments-area h3.comment-reply-title {
  font-weight: 700;
  font-size: var(--font-2xl);
  margin: 15px 0;
}

.entry-content.entry--item h3.wp-block-heading {
  font-size: var(--font-2xl);
  font-weight: 700;
}

.aligncenter.size-full .wp-element-caption {
  margin-bottom: 0;
  font-size: 12px;
  background-color: var(--heading-color);
  color: var(--text-color-white);
  padding: 5px 10px;
  border-radius: 0px 0 15px 15px;
  margin-top: -50px;
}

figure.wp-block-pullquote {
  border-bottom: 4px solid var(--primary-color);
  border-top: 4px solid var(--primary-color);
  margin-left: 0;
  margin-right: 0;
  padding: 1em 0;
  text-align: center;
  margin: 20px 0;
  line-height: 1.4em;
}

figure.wp-block-pullquote p {
  font-size: 19px;
  font-weight: 500;
}

.entry--item.entry-tags.tags-links a {
  background: var(--text-color-white);
  padding: 5px 10px;
  color: var(--para-color);
  border: 1px solid var(--border-color-1);
  font-weight: 500;
  font-size: 14px !important;
  border-radius: 5px;
  margin: 0 7px 0px 5px;
  line-height: 1.4em;
  display: inline-block;
}

.comments-area p.comment-form-comment label,
.comments-area p.comment-form-author label,
.comments-area p.comment-form-email label,
.comments-area p.comment-form-url label {
  font-weight: 700;
  margin-bottom: 10px;
  text-transform: capitalize;
}

.comment-form-comment textarea,
.comment-form-author input,
.comment-form-email input,
.comment-form-url input,
#respond .comment-form-author input,
#respond .comment-form-email input,
#respond .comment-form-url input {
  background-color: transparent;
  border-radius: 5px;
  margin-bottom: 15px;
}

form.fluent_form_14 .wpf_has_custom_css.ff-btn-submit {
  min-height: 50px;
}

form p.form-submit input[type="submit"].submit,
form.fluent_form_14 .wpf_has_custom_css.ff-btn-submit {
  border-radius: 5px;

  background: var(--primary-color) !important;
  font-weight: 700;
  font-size: 15px;
}

form p.form-submit input[type="submit"].submit:hover,
form.fluent_form_14 .wpf_has_custom_css.ff-btn-submit:hover {
  background: var(--accent-color) !important;
  box-shadow: none !important;
  opacity: 1;
  color: var(--text-color-white) !important;
}

div#respond .comment-form-cookies-consent #wp-comment-cookies-consent {
  position: relative;
  top: 1px;
  margin-right: 5px;
  margin-bottom: 25px;
}

.aligncenter.size-full .wp-element-caption {
  margin-bottom: 0;
}

.elementor .elementor-element.partner-logo .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image {
  padding: 10px 15px;
  height: 70px;
  width: 100%;
}

.portfolio-item .product-btn-wrap .btn {
  background: var(--accent-color);
  border: none;
  padding: 8px 20px;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.4em;
  text-transform: uppercase;
  display: block;
}

.portfolio-item .product-btn-wrap .btn:hover {
  background: var(--primary-color);

  color: var(--text-color-white);
}

.portfolio-item .card-wrapper {
  box-shadow: none;
  border-radius: 10px;
  padding: 0px;
  border: 1px solid var(--border-color-1);
}

div.swiper-button-prev,
div.swiper-button-next {
  width: 45px !important;
  height: 45px !important;
}

div.swiper-button-prev::after,
div.swiper-button-next::after {
  color: var(--text-color-white) !important;
  width: 45px !important;
  height: 45px !important;
  border-radius: 50%;
  line-height: 45px;
  font-weight: 700;
  min-width: 45px;
  font-size: 15px;
  display: block;
  text-align: center;
  background: var(--primary-color) !important;
}

div.swiper-button-prev:hover::after,
div.swiper-button-next:hover:after {
  background: var(--primary-hover) !important;
}

.portfolio-item .image img {
  border-radius: 10px 10px 0 0;
}

.portfolio-layout.portfolio_carousel div.swiper-button-prev,
.portfolio-layout.portfolio_carousel div.swiper-button-next {
  opacity: 0;
  visibility: hidden;
}

.portfolio-layout.portfolio_carousel:hover div.swiper-button-prev,
.portfolio-layout.portfolio_carousel:hover div.swiper-button-next {
  opacity: 1;
  visibility: visible;
}

.features .item .icon {
  margin-top: 5px;
}

.pricing-table-elementor-widget .description p {
  line-height: 1.2em;
}

div.pricing-table-elementor-widget.style-3 .badge {
  font-weight: 700;
  padding: 10px 15px !important;
  line-height: 1.4em;
}

div.ff-message-success {
  box-shadow: none;
  margin-top: 15px;
  padding: 8px 10px;
  position: relative;
  color: #118f0d !important;
  line-height: 1.4em;
  background: #edffed;
  border: 1px solid #118f0d;
  border-radius: 5px;
  font-size: 14px;
}

div.ff-errors-in-stack {
  box-shadow: none;
  margin-top: 15px;
  padding: 8px 10px;
  position: relative;
  color: #d92626 !important;
  line-height: 1.4em;
  background: #ffefef;
  border: 1px solid #d92626;
  border-radius: 5px;
  font-size: 14px;
}

.sjb-page .sjb-detail .list-data .v2 form.jobpost-form {
  padding-bottom: 0px;
  margin-bottom: -25px;
}

ol.comment-list {
  background: var(--bg-color-1);
  padding: 25px 25px 15px 25px;
  margin-top: 15px;
}

ol.comment-list article.comment {
  background: transparent;
  padding: 15px 15px;
  border-radius: 5px;
  border: 1px solid var(--border-color-1);
  margin-bottom: 15px;
}

ol.comment-list .children li.comment {
  border: none;
}

ol.comment-list .children li.comment:after {
  content: none;
}

.link-meta a:hover,
.comment-list a:hover,
.nav-next a:hover,
a:focus,
.link-meta:hover,
.link-meta a:hover {
  text-decoration: none !important;
  color: var(--primary-color) !important;
}

article.comment div.comment-meta {
  display: block;
  margin: 5px 0 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #eaecee;
}

.entry-content a {
  font-weight: 500;
  color: var(--primary-color);
}

.entry-content a.link-wrap-txt {
  color: var(--para-color);
}

.entry-content a:hover,
.entry-content a.link-wrap-txt:hover {
  color: var(--primary-color);
  text-decoration: none !important;
}

footer .elementor-icon-box-title a {
  text-transform: none;
}

button.read-more-btn {
  text-align: left;
  justify-content: left !important;
}

button.read-more-btn:hover {
  color: var(--primary-color);
}

body .site-footer button.read-more-btn:hover {
  color: var(--accent-color) !important;
  box-shadow: none !important;
  background-color: transparent !important;
}

header .header-top div.dark-mode {
  background: linear-gradient(to right, rgb(12, 19, 41), rgb(43, 53, 99), rgb(36, 40, 62)) !important;
}

.casestudy_layout .techno-wrap ul li {
  margin: 0;
}

.description.highlights li {
  position: relative;
  padding-left: 40px;
  margin-left: 0;
}

header.site-header {
  z-index: 99999999;
}

.sjb-page header {
  position: static !important;
}

.sjb-page h1,
.sjb-page h2,
.sjb-page h3 {
  font-weight: 600;
}

.content-sidebar.sidebar_vertical_border .content-area {
  border: none !important;
}

aside#sidebar-primary {
  border: 1px solid #d6d6d6;
  padding: 20px;
  border-radius: 5px;
}

.content-sidebar.sidebar_vertical_border .sidebar-primary-inner {
  padding-left: 0 !important;
}

.time-wrap.d-flex.gap-2 {
  display: none !important;
}

nav.pagination .nav-links > * {
  border: 1px solid #eaecee;
  color: #6d6d6d;
  padding: 0;
  width: 45px;
  height: 45px;
  font-weight: 500;
  letter-spacing: 0.8px;
  font-size: 16px;
  display: inline-block;
  text-align: center;
  line-height: 45px;
}

nav.pagination .nav-links .next.page-numbers {
  width: max-content;
  padding: 0 10px;
}

time.wp-block-latest-comments__comment-date {
  margin: 5px 0 5px 48px !important;
}

ul.wp-block-latest-posts__list.has-dates.has-author.wp-block-latest-posts li {
  border: none;
  border-radius: 0;
  margin-bottom: 10px;
  padding: 0;
}

ul.wp-block-latest-posts__list.has-dates.has-author.wp-block-latest-posts li:not(:last-child) {
  border-bottom: 1px solid var(--border-color-1);
  padding: 0 0 15px 0;
}

.wp-block-image .aligncenter > figcaption,
.wp-block-image .alignleft > figcaption,
.wp-block-image .alignright > figcaption,
.wp-block-image.aligncenter > figcaption,
.wp-block-image.alignleft > figcaption,
.wp-block-image.alignright > figcaption {
  caption-side: bottom;
  display: block;
}

.comments-area ol.comment-list {
  background: #f5f5f5;
  padding: 0;
  margin-top: 15px;
  border-radius: 0;
}

.comments-area header {
  background: #f5f5f5;
}

.social_share_wrapper.share_sticky ul {
  display: flex;
}

.social_share_wrapper.share_sticky ul {
  display: flex;
  margin: 5px 0 25px;
  gap: 10px;
}

.vbox-overlay.form_pop_wrap {
  z-index: 100000000;
}

footer .widget-title {
  font-weight: 600 !important;
}

.entry-content h1,
.wp-block h1,
.entry-single .entry-title {
  font-family: "Poppins";
  font-weight: 600 !important;
}

.top-meta .techno-wrap {
  margin-top: 0px;
  margin-bottom: 15px;
}

.top-meta .title h2 {
  color: var(--text-color-white);
}

.builder-item--primary-menu .nav-menu-desktop .primary-menu-ul > li > a,
.builder-item-sidebar .primary-menu-sidebar .primary-menu-ul > li > a,
.builder-item--primary-menu .nav-menu-desktop .primary-menu-ul > li > a span {
  font-family: var(--heading-font);
}

.builder-item--primary-menu .nav-menu-desktop .primary-menu-ul > li > a {
  padding: 12px 20px 12px;
}

.sjb-job-detail .job-title {
  font-size: var(--font-5xl);
}

.sjb-page .list-data .v2 .job-info h4 a span {
  font-family: var(--heading-font);
  font-size: var(--font-3xl);
  line-height: 1.2em;
}

.ps-carousel-wrap.serv_1 .icon-wrap svg,
.ps-carousel-wrap.serv_1 .icon-wrap img {
  fill: var(--text-color-white);
  stroke: var(--text-color-white);
  width: 45px;
  height: 55px;
}

form.fluent_form_12 button.wpf_has_custom_css.ff-btn-submit {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
  color: #ffffff;
  min-width: 100%;
}

:not(.page-dermats-landing .serv-wrap .btn-wrap .btn, .page-dermats-landing .vertical_scroll_wrap ul li .schedule-btn-btn).serv-wrap .btn-wrap .btn,
.vertical_scroll_wrap ul li .schedule-btn-btn {
  background: var(--gradient);
  border: none;
}

:not(.page-dermats-landing .serv-wrap .btn-wrap .btn:hover, .page-dermats-landing .vertical_scroll_wrap ul li .schedule-btn-btn:hover).serv-wrap .btn-wrap .btn:hover,
.vertical_scroll_wrap ul li .schedule-btn-btn:hover {
  background: var(--gradient-hover);
}

:not(.page-dermats-landing .popular-services-swiper div.swiper-button-next, .page-dermats-landing .popular-services-swiper div.swiper-button-prev) .popular-services-swiper div.swiper-button-next,
.popular-services-swiper div.swiper-button-prev,
:not(.page-dermats-landing form.fluent_form_7 .ff-btn-submit:not(.ff_btn_no_style)) form.fluent_form_7 .ff-btn-submit:not(.ff_btn_no_style) {
  background: var(--gradient);
}
:not(.page-dermats-landing .popular-services-swiper div.swiper-button-next:hover, .page-dermats-landing .popular-services-swiper div.swiper-button-prev:hover) .popular-services-swiper div.swiper-button-next:hover,
.popular-services-swiper div.swiper-button-prev:hover,
:not(.page-dermats-landing form.fluent_form_7 .ff-btn-submit:not(.ff_btn_no_style):hover) form.fluent_form_7 .ff-btn-submit:not(.ff_btn_no_style):hover {
  background: var(--gradient-hover);
}
div.swiper-button-prev::after,
div.swiper-button-next::after {
  background-color: transparent !important;
}
.popular-services-swiper .bottom-wrap .icon-wrap::before,
.icon-wrap-ld .elementor-icon::before {
  background-color: var(--text-color-white);
}
.icon-bg .elementor-icon {
  background: var(--gradient);
}
.popular-services-swiper .swiper-btn-wrap {
  opacity: 0;
}
.popular-services-swiper:hover .swiper-btn-wrap {
  opacity: 1;
}

.fluentform-widget-wrapper .ff-el-group .ff-btn-submit {
  background: var(--gradient);
}
.fluentform-widget-wrapper .ff-el-group .ff-btn-submit:hover {
  background: var(--gradient-hover);
}
.page-dermats-landing .fluentform-widget-wrapper .ff-el-group .ff-btn-submit {
  background: var(--primary-color);
}
.elementor-accordion .elementor-tab-title {
  border-radius: 10px;
}
.elementor .elementor-element .elementor-accordion-item .elementor-tab-title.elementor-active,
div.elementor-accordion .elementor-accordion-item {
  border-color: var(--border-color-1) !important;
}

.hero-d-bg{
  background: linear-gradient(to right, rgb(100, 65, 165), rgb(86 201 228));
}

 .fluentform-widget-wrapper .ff-el-group .ff-btn-submit {
 
    padding: 15px 25px 15px 25px !important;
 
}