@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Sora:wght@100..800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");
:root {
  /**
  @font family declaration
  */
  --st-ff-body: 'Roboto', sans-serif;
  --st-ff-heading: 'Sora', sans-serif;
  --st-ff-p: 'Roboto', sans-serif;
  --st-ff-menu: 'Sora', sans-serif;
  --st-ff-button: 'Sora', sans-serif;
  /**
  @color declaration
  */
  --st-common-white: #ffffff;
  --st-common-black: rgba(195, 195, 195, 0.25);
  --st-common-light-white: rgb(238, 238, 238);
  --st-heading-primary: rgb(17, 24, 39);
  --st-grey-1: rgb(17, 24, 39);
  --st-grey-2: rgb(230, 240, 252);
  --st-text-body: #70747D;
  --st-theme-primary: rgb(5, 103, 225);
  --st-theme-secondery: rgb(159, 38, 255);
  --st-theme-gradient_1: linear-gradient(to left, rgb(159, 38, 255), rgb(5, 103, 225));
  --st-theme-gradient_2: linear-gradient(to left, rgb(5, 103, 225), rgb(255, 255, 255), rgb(159, 38, 255));
  --st-theme-gradient_3: linear-gradient(to right, rgb(159, 38, 255), rgb(5, 103, 225));
  --st-border-1: rgb(243, 243, 244);
  --st-border-2: rgb(232, 232, 234);
  --st-bg-1: rgb(242, 247, 253);
  --st-bg-2: rgb(250, 252, 254);
  --st-bg-3: rgb(242, 247, 253);
  --st-bg-4: rgb(17, 24, 39);
  /**
  @font weight declaration
  */
  --st-fw-regular: 400;
  --st-fw-medium: 500;
  --st-fw-sbold: 600;
  --st-fw-bold: 700;
  --st-fw-heading: 700;
  --st-fw-ebold: 800;
  /**
  @font size declaration
  */
  --st-fz-body: 16px;
  --st-fz-p: 16px;
  --st-fz-p2: 14px;
  --st-fz-h1: 68px;
  --st-fz-h2: 40px;
  --st-fz-h3: 32px;
  --st-fz-h4: 28px;
  --st-fz-h5: 24px;
  --st-fz-h6: 20px;
  --st-fz-button: 20px;
  --st-fz-mob-body: 14px;
  --st-fz-mob-p: 14px;
  --st-fz-mob-p2: 12px;
  --st-fz-mob-h1: 36px;
  --st-fz-mob-h2: 28px;
  --st-fz-mob-h3: 24px;
  --st-fz-mob-h4: 20px;
  --st-fz-mob-h5: 18px;
  --st-fz-mob-h6: 16px;
  --st-fz-mob-button: 16px;
  --st-fz-tab-body: 15px;
  --st-fz-tab-p: 15px;
  --st-fz-tab-p2: 13px;
  --st-fz-tab-h1: 48px;
  --st-fz-tab-h2: 32px;
  --st-fz-tab-h3: 28px;
  --st-fz-tab-h4: 24px;
  --st-fz-tab-h5: 20px;
  --st-fz-tab-h6: 18px;
  --st-fz-tab-button: 18px;
  /**
  @line height declaration
  */
  --st-lh-body: 25.6px;
  --st-lh-p: 25.6px;
  --st-lh-p2: 22.4px;
  --st-lh-h1: 88.4px;
  --st-lh-h2: 60px;
  --st-lh-h3: 48px;
  --st-lh-h4: 40px;
  --st-lh-h5: 32px;
  --st-lh-h6: 28px;
  --st-lh-button: 24px;
  --st-lh-body-tab: 24px;
  --st-lh-p-tab: 24px;
  --st-lh-p2-tab: 20.8px;
  --st-lh-h1-tab: 62.4px;
  --st-lh-h2-tab: 48px;
  --st-lh-h3-tab: 42px;
  --st-lh-h4-tab: 34.56px;
  --st-lh-h5-tab: 26.6px;
  --st-lh-h6-tab: 25.2px;
  --st-lh-button-tab: 23.4px;
  --st-lh-body-mob: 22.4px;
  --st-lh-p-mob: 22.4px;
  --st-lh-p2-mob: 19.2px;
  --st-lh-h1-mob: 46.8px;
  --st-lh-h2-mob: 42px;
  --st-lh-h3-mob: 36px;
  --st-lh-h4-mob: 28.6px;
  --st-lh-h5-mob: 23.94px;
  --st-lh-h6-mob: 22.4px;
  --st-lh-button-mob: 19.2px;
}

:root {
  /**
  @font family declaration
  */
  --st-ff-body: 'Roboto', sans-serif;
  --st-ff-heading: 'Sora', sans-serif;
  --st-ff-p: 'Roboto', sans-serif;
  --st-ff-menu: 'Sora', sans-serif;
  --st-ff-button: 'Sora', sans-serif;
  /**
  @color declaration
  */
  --st-common-white: #ffffff;
  --st-common-black: rgba(195, 195, 195, 0.25);
  --st-common-light-white: rgb(238, 238, 238);
  --st-heading-primary: rgb(17, 24, 39);
  --st-grey-1: rgb(17, 24, 39);
  --st-grey-2: rgb(230, 240, 252);
  --st-text-body: #70747D;
  --st-theme-primary: rgb(5, 103, 225);
  --st-theme-secondery: rgb(159, 38, 255);
  --st-theme-gradient_1: linear-gradient(to left, rgb(159, 38, 255), rgb(5, 103, 225));
  --st-theme-gradient_2: linear-gradient(to left, rgb(5, 103, 225), rgb(255, 255, 255), rgb(159, 38, 255));
  --st-theme-gradient_3: linear-gradient(to right, rgb(159, 38, 255), rgb(5, 103, 225));
  --st-border-1: rgb(243, 243, 244);
  --st-border-2: rgb(232, 232, 234);
  --st-bg-1: rgb(242, 247, 253);
  --st-bg-2: rgb(250, 252, 254);
  --st-bg-3: rgb(242, 247, 253);
  --st-bg-4: rgb(17, 24, 39);
  /**
  @font weight declaration
  */
  --st-fw-regular: 400;
  --st-fw-medium: 500;
  --st-fw-sbold: 600;
  --st-fw-bold: 700;
  --st-fw-heading: 700;
  --st-fw-ebold: 800;
  /**
  @font size declaration
  */
  --st-fz-body: 16px;
  --st-fz-p: 16px;
  --st-fz-p2: 14px;
  --st-fz-h1: 68px;
  --st-fz-h2: 40px;
  --st-fz-h3: 32px;
  --st-fz-h4: 28px;
  --st-fz-h5: 24px;
  --st-fz-h6: 20px;
  --st-fz-button: 20px;
  --st-fz-mob-body: 14px;
  --st-fz-mob-p: 14px;
  --st-fz-mob-p2: 12px;
  --st-fz-mob-h1: 36px;
  --st-fz-mob-h2: 28px;
  --st-fz-mob-h3: 24px;
  --st-fz-mob-h4: 20px;
  --st-fz-mob-h5: 18px;
  --st-fz-mob-h6: 16px;
  --st-fz-mob-button: 16px;
  --st-fz-tab-body: 15px;
  --st-fz-tab-p: 15px;
  --st-fz-tab-p2: 13px;
  --st-fz-tab-h1: 48px;
  --st-fz-tab-h2: 32px;
  --st-fz-tab-h3: 28px;
  --st-fz-tab-h4: 24px;
  --st-fz-tab-h5: 20px;
  --st-fz-tab-h6: 18px;
  --st-fz-tab-button: 18px;
  /**
  @line height declaration
  */
  --st-lh-body: 25.6px;
  --st-lh-p: 25.6px;
  --st-lh-p2: 22.4px;
  --st-lh-h1: 88.4px;
  --st-lh-h2: 60px;
  --st-lh-h3: 48px;
  --st-lh-h4: 40px;
  --st-lh-h5: 32px;
  --st-lh-h6: 28px;
  --st-lh-button: 24px;
  --st-lh-body-tab: 24px;
  --st-lh-p-tab: 24px;
  --st-lh-p2-tab: 20.8px;
  --st-lh-h1-tab: 62.4px;
  --st-lh-h2-tab: 48px;
  --st-lh-h3-tab: 42px;
  --st-lh-h4-tab: 34.56px;
  --st-lh-h5-tab: 26.6px;
  --st-lh-h6-tab: 25.2px;
  --st-lh-button-tab: 23.4px;
  --st-lh-body-mob: 22.4px;
  --st-lh-p-mob: 22.4px;
  --st-lh-p2-mob: 19.2px;
  --st-lh-h1-mob: 46.8px;
  --st-lh-h2-mob: 42px;
  --st-lh-h3-mob: 36px;
  --st-lh-h4-mob: 28.6px;
  --st-lh-h5-mob: 23.94px;
  --st-lh-h6-mob: 22.4px;
  --st-lh-button-mob: 19.2px;
}

/*-----------------------------------------------------------------------------------

    Theme Name: Nobo Theme Portfolio
    Author: SOFTZINO
    Support: info@softzino.com
    Description: Nobo Theme Portfolio  – HTML5 Template
    Version: 1.0

-----------------------------------------------------------------------------------

/************ TABLE OF CONTENTS ***************

    01. THEME DEFAULT CSS
    02. HEADER CSS



**********************************************/
/*----------------------------------------*/
/*  01. THEME DEFAULT CSS START
/*----------------------------------------*/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/*---------------------------------
    typography css start 
---------------------------------*/
body {
  font-family: var(--st-ff-body);
  font-size: var(--st-fz-body);
  font-weight: normal;
  color: var(--st-text-body);
  line-height: var(--st-lh-body);
  overflow-x: hidden;
}
@media (max-width: 575.98px) {
  body {
    font-size: var(--st-fz-p2);
    line-height: var(--st-lh-p2);
  }
}

a {
  text-decoration: none;
  color: var(--st-heading-primary);
}

h1, h2, h3, h4, h5, h6 {
  transition: all 0.3s ease-out 0s;
  margin: 0;
  color: var(--st-heading-primary);
  font-family: var(--st-ff-heading);
}

h1 {
  font-size: var(--st-fz-h1);
  line-height: var(--st-lh-h1);
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  h1 {
    font-size: var(--st-fz-tab-h1);
    line-height: var(--st-lh-h1-tab);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  h1 {
    font-size: var(--st-fz-mob-h1);
    line-height: var(--st-lh-h1-mob);
  }
}

h2 {
  font-size: var(--st-fz-h2);
  line-height: var(--st-lh-h2);
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  h2 {
    font-size: var(--st-fz-tab-h2);
    line-height: var(--st-lh-h2-tab);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  h2 {
    font-size: var(--st-fz-mob-h2);
    line-height: var(--st-lh-h2-mob);
  }
}

h3 {
  font-size: var(--st-fz-h3);
  line-height: var(--st-lh-h3);
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  h3 {
    font-size: var(--st-fz-tab-h3);
    line-height: var(--st-lh-h3-tab);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  h3 {
    font-size: var(--st-fz-mob-h3);
    line-height: var(--st-lh-h3-mob);
  }
}

h4 {
  font-size: var(--st-fz-h4);
  line-height: var(--st-lh-h4);
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  h4 {
    font-size: var(--st-fz-tab-h4);
    line-height: var(--st-lh-h4-tab);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  h4 {
    font-size: var(--st-fz-mob-h4);
    line-height: var(--st-lh-h4-mob);
  }
}

h5 {
  font-size: var(--st-fz-h5);
  line-height: var(--st-lh-h5);
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  h5 {
    font-size: var(--st-fz-tab-h5);
    line-height: var(--st-lh-h5-tab);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  h5 {
    font-size: var(--st-fz-mob-h5);
    line-height: var(--st-lh-h5-mob);
  }
}

h6 {
  font-size: var(--st-fz-h6);
  line-height: var(--st-lh-h6);
  font-weight: normal;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  h6 {
    font-size: var(--st-fz-tab-h6);
    line-height: var(--st-lh-h6-tab);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  h6 {
    font-size: var(--st-fz-mob-h6);
    line-height: var(--st-lh-h6-mob);
  }
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

p {
  font-family: var(--st-ff-p);
  font-size: var(--st-fz-p);
  font-weight: var(--st-fw-regular);
  color: var(--st-text-body);
  line-height: var(--st-lh-p);
  margin: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  p {
    font-size: var(--st-fz-tab-p);
    line-height: var(--st-lh-p-tab);
  }
}
@media (max-width: 575.98px) {
  p {
    font-size: var(--st-fz-mob-p);
    line-height: var(--st-lh-p-mob);
  }
}

.comments-list-wrapper .comment-form-author {
  display: inline-flex;
  width: 50%;
}
.comments-list-wrapper .comment-form-author input {
  width: 100%;
  background: var(--st-bg-2);
  border: 1px solid var(--st-border-2);
  outline: none;
  padding: 11px 16px;
  border-radius: 4px;
}
.comments-list-wrapper .comment-form-email {
  display: contents;
  width: 50%;
}
.comments-list-wrapper .comment-form-email input {
  width: 49%;
  background: var(--st-bg-2);
  border: 1px solid var(--st-border-2);
  padding: 11px 16px;
  border-radius: 4px;
}
.comments-list-wrapper .comment-notes {
  padding: 8px 0px 24px 0px;
}

.form-submit {
  margin: 32px 0;
}
.form-submit .submit {
  background: transparent;
  outline: none;
  border: none;
  color: #fff;
}

.wp-block-search__inside-wrapper {
  border: 1px solid var(--st-border-2);
  background: var(--st-bg-2);
  border-radius: 4px;
}
.wp-block-search__inside-wrapper .wp-block-search__input {
  border: none;
  outline: none;
  background: var(--st-bg-2);
}
.wp-block-search__inside-wrapper .search-icon {
  padding: 13px;
}

.nt-sidebar-block .widget-area .widget {
  border: 1px solid var(--st-border-2);
  background: var(--st-bg-2);
  border-radius: 4px;
  margin-bottom: 32px;
  padding: 32px;
}
.nt-sidebar-block .widget-area .widget ul {
  list-style: square;
  padding: 0px 18px;
}
.nt-sidebar-block .widget-area .widget ul li a {
  color: #414652;
  font-family: var(--st-ff-body);
}
.nt-sidebar-block .widget-area .widget_block {
  padding: 32px;
}
.nt-sidebar-block .widget-area .nt-search {
  display: flex;
}
.nt-sidebar-block .widget-area .nt-search .search-field {
  border: none;
  outline: none;
  background: var(--st-bg-2);
  width: 100%;
}
.nt-sidebar-block .widget-area .widget-title {
  font-size: 24px;
  border-bottom: 1px solid var(--st-border-2);
  background: var(--st-bg-2);
  margin-bottom: 20px;
}
.nt-sidebar-block .widget-area .widget_tag_cloud {
  background: var(--st-bg-2);
  border: 1px solid var(--st-border-2);
  padding: 32px;
  border-radius: 4px;
}
.nt-sidebar-block .widget-area .widget_tag_cloud .widget-title {
  border-bottom: 1px solid var(--st-border-2);
  margin-bottom: 20px;
}
.nt-sidebar-block .widget-area .widget_tag_cloud .tagcloud a {
  font-size: 20px !important;
  color: #70747D;
}
.nt-sidebar-block .widget-area .calendar_wrap .wp-calendar-table {
  width: 100%;
}
.nt-sidebar-block .widget-area .gallery-size-thumbnail {
  display: flex;
  gap: 32px;
  flex-wrap: wrap;
}
.nt-sidebar-block .widget_search {
  padding: 20px !important;
}

.comment-form .comment-notes {
  padding-bottom: 10px;
}
.comment-form .comment-form-author {
  display: inline-flex;
  width: 49%;
}
.comment-form .comment-form-email {
  display: inline-flex;
  width: 50%;
}
.comment-form .author-email {
  width: 100%;
  padding: 12px 24px;
  border: 1px solid #E8E8EA;
  border-radius: 4px;
}
.comment-form .comment-form-comment textarea {
  width: 100%;
  background: var(--st-bg-2);
  border: 1px solid var(--st-border-2);
  border-radius: 4px;
  margin: 32px 0px;
  height: 120px;
  padding: 12px 16px;
}

.comments-area .comment-area-wrapper .comment-list .top-comment-area {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--st-border-2);
  padding-bottom: 33px;
}
.comments-area .comment-area-wrapper .comment-list .top-comment-area .comment-count i {
  font-size: 28px;
}
.comments-area .comment-area-wrapper .comment-list .top-comment-area .comment-count h4 {
  display: inline-block;
}
.comments-area .comment-area-wrapper .comment-list .top-comment-area .comment-filter {
  position: relative;
}
.comments-area .comment-area-wrapper .comment-list .top-comment-area .comment-filter select {
  border: 1px solid var(--st-border-2);
  border-radius: 4px;
  padding: 8px 48px 8px 16px;
  background-size: 24px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.comments-area .comment-area-wrapper .comment-list .top-comment-area .comment-filter .custom-select-icon {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  font-size: 20px;
  color: #555;
}
.comments-area .comment-area-wrapper .comment-list .customer-comments {
  padding-top: 32px;
}
.comments-area .comment-area-wrapper .comment-list .customer-comments ul .comment-item {
  background: var(--st-bg-2);
  border: 1px solid var(--st-border-2);
  border-radius: 8px;
  padding: 24px;
  margin-top: 32px;
}
.comments-area .comment-area-wrapper .comment-list .customer-comments ul .comment-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.comments-area .comment-area-wrapper .comment-list .customer-comments ul .comment-header .comment-author {
  display: flex;
  gap: 8px;
}
.comments-area .comment-area-wrapper .comment-list .customer-comments ul .comment-header .comment-author img {
  display: inline-block;
  width: 28px;
  height: 28px;
  border-radius: 2px;
  background: rgb(205, 225, 249);
}
.comments-area .comment-area-wrapper .comment-list .customer-comments ul .comment-replies {
  position: relative;
  margin-left: 60px;
}
.comments-area .comment-area-wrapper .comment-list .customer-comments ul .comment-replies::after {
  content: "";
  height: 20px;
  width: 20px;
  position: absolute;
  top: -10px;
  left: 5%;
  background: var(--st-bg-2);
  border-top: 1px solid var(--st-border-2);
  border-left: 1px solid var(--st-border-2);
  border-radius: 6px 0;
  transform: rotate(45deg);
}
.comments-area .comment {
  background: var(--st-bg-2);
  border: 1px solid var(--st-border-2);
  border-radius: 8px;
  padding: 24px;
  margin-top: 32px;
}
.comments-area .comment .comment-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.comments-area .comment .comment-meta .fn {
  display: inline-flex;
  color: var(--st-heading-primary);
  font-weight: bolder;
}
.comments-area .comment .comment-author-nobotheme {
  margin-left: 60px;
  position: relative;
}
.comments-area .comment .comment-author-nobotheme::after {
  content: "";
  height: 20px;
  width: 20px;
  position: absolute;
  top: -10px;
  left: 5%;
  background: var(--st-bg-2);
  border-top: 1px solid var(--st-border-2);
  border-left: 1px solid var(--st-border-2);
  border-radius: 6px 0;
  transform: rotate(45deg);
}

.comments-area .comment-respond {
  background: var(--st-bg-2);
  margin-top: 60px;
  margin-bottom: 120px;
  padding: 20px;
  border-radius: 12px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .comments-area .comment-respond {
    margin-top: 40px;
    margin-bottom: 80px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px), (max-width: 450px) {
  .comments-area .comment-respond {
    margin-top: 30px;
    margin-bottom: 50px;
  }
}
.comments-area .comment-respond .comment-reply-title {
  display: flex;
  justify-content: space-between;
  padding-bottom: 16px;
}

.pagination-area {
  display: flex;
  justify-content: center;
  margin-top: 32px;
}
.pagination-area .nav-links .current {
  background: var(--st-theme-gradient_1);
  color: var(--st-common-white);
}
.pagination-area .nav-links .page-numbers {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  border: 1px solid var(--st-border-2);
  color: var(--st-grey-1);
  font-weight: var(--st-fw-bold);
  border-radius: 2px;
  font-family: var(--st-ff-menu);
  transition: all 0.4s ease-out 0s;
}

.comment-metadata {
  color: var(--st-heading-primary);
}

.primary-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 24px;
  border-radius: 4px;
  font-weight: var(--st-fw-sbold);
  color: var(--st-bg-1);
  background: var(--st-theme-gradient_1);
  font-size: var(--st-fz-h6);
  text-decoration: none;
  cursor: pointer;
  transition: all 0.4s ease-out 0s;
}
.primary-btn:hover {
  transition: all 0.4s ease-out 0s;
  background: var(--st-theme-gradient_3);
  transition: all 300ms ease;
}
.primary-btn:hover svg path {
  fill: var(--st-common-white);
}
.primary-btn svg {
  width: 24px;
  height: 24px;
}
.primary-btn svg path {
  fill: var(--st-common-white);
}
@media (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .primary-btn {
    padding: 8px 15px;
    font-size: 14px;
    line-height: 18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .primary-btn {
    padding: 8px 20px;
    font-size: 15px;
    line-height: 22px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .primary-btn {
    padding: 10px 22px;
    font-size: 15px;
    line-height: 22px;
  }
}

.primary-btn-v2 {
  display: inline-block;
  text-align: center;
  padding: 12px 24px;
  font-size: var(--st-fz-h6);
  font-weight: var(--st-fw-sbold);
  position: relative;
  border: solid 1px transparent;
  background: linear-gradient(white, white) padding-box, linear-gradient(262.44deg, #9F26FF 0%, #0567E1 99.51%) border-box;
  border-radius: 4px;
  font-size: var(--st-fz-button);
  font-weight: var(--st-fw-sbold);
  line-height: var(--st-lh-button);
}
@media (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .primary-btn-v2 {
    padding: 8px 15px;
    font-size: 14px;
    line-height: 18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .primary-btn-v2 {
    padding: 8px 20px;
    font-size: 15px;
    line-height: 22px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .primary-btn-v2 {
    padding: 10px 22px;
    font-size: 15px;
    line-height: 22px;
  }
}
.primary-btn-v2 span {
  background: var(--st-theme-gradient_1);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
          background-clip: text;
  padding-right: 3px;
}
.primary-btn-v2::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-radius: inherit;
  transition: all 0.4s ease-out 0s;
}
.primary-btn-v2:hover {
  transition: all 0.4s ease-out 0s;
  background: var(--st-theme-gradient_1);
  cursor: pointer;
}
.primary-btn-v2:hover span {
  background: var(--st-common-white);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
          background-clip: text;
}
.primary-btn-v2:hover::before {
  width: 100%;
}
.primary-btn-v2:hover:hover svg path {
  fill: var(--st-common-white);
}

.primary-btn-blog {
  display: inline-flex;
}

.see-details-btn {
  display: inline-block;
  text-align: center;
  padding: 12px 24px;
  font-size: var(--st-fz-h6);
  font-weight: var(--st-fw-sbold);
  position: relative;
  border-bottom: solid 1px transparent;
  background: transparent;
  padding-left: 0;
  margin-top: 15px;
  border-radius: 4px;
  font-size: var(--st-fz-button);
  font-weight: var(--st-fw-sbold);
  line-height: var(--st-lh-button);
}
@media (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .see-details-btn {
    padding: 8px 15px;
    font-size: 14px;
    line-height: 18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .see-details-btn {
    padding: 8px 20px;
    font-size: 15px;
    line-height: 22px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .see-details-btn {
    padding: 10px 22px;
    font-size: 15px;
    line-height: 22px;
  }
}
.see-details-btn span {
  background: var(--st-theme-gradient_1);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
          background-clip: text;
  padding-right: 3px;
}
.see-details-btn::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-radius: inherit;
  transition: all 0.4s ease-out 0s;
}

.main-menu {
  text-align: center;
}
.main-menu nav ul {
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .main-menu nav ul {
    text-align: end;
  }
}
.main-menu nav ul li {
  list-style: none;
  display: inline-block;
  margin-right: 22px;
  position: relative;
  transition: all 0.3s ease-out 0s;
}
.main-menu nav ul li:hover .sub-menu {
  visibility: visible;
  opacity: 1;
  transform: scaleY(1);
}
.main-menu nav ul li:hover .mega-menu {
  transform: scaleY(1);
  visibility: visible;
  opacity: 1;
  top: 52px;
  width: 100%;
}
.main-menu nav ul li:last-child {
  margin-right: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .main-menu nav ul li {
    margin-right: 16px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .main-menu nav ul li .p-lg-inherit {
    position: inherit;
  }
}
.main-menu nav ul li .sub-menu,
.main-menu nav ul li .sub-submenu {
  position: absolute;
  top: 80px;
  left: 0;
  width: 100%;
  z-index: 99;
  visibility: hidden;
  opacity: 0;
  transform-origin: top center;
  transform: scaleY(0);
  box-shadow: 0px 20px 30px rgba(3, 4, 28, 0.1);
  transition: all 0.3s ease-out;
  background: transparent;
}
.main-menu nav ul li .sub-submenu {
  top: -1px !important;
}
.main-menu nav ul li:hover > .sub-menu {
  visibility: visible;
  opacity: 1;
  transform: scaleY(1);
}
.main-menu nav ul li .sub-menu li {
  position: relative;
}
.main-menu nav ul li .sub-menu li .sub-submenu {
  transform: scaleY(0);
  margin-left: 201px;
}
.main-menu nav ul li .sub-menu li:hover > .sub-submenu {
  visibility: visible;
  opacity: 1;
  transform: scaleY(1);
}
.main-menu nav ul li .sub-menu,
.main-menu nav ul li .sub-submenu {
  z-index: 999;
}
.main-menu nav ul li .sub-menu li,
.main-menu nav ul li .sub-submenu li {
  margin-right: 0;
  min-width: 220px;
  border-bottom: 1px solid var(--st-border-1);
  background: var(--st-common-white);
  z-index: 999;
}
.main-menu nav ul li .sub-menu li:first-child,
.main-menu nav ul li .sub-submenu li:first-child {
  border-top: 1px solid var(--st-border-1);
}
.main-menu nav ul li .sub-menu li a,
.main-menu nav ul li .sub-submenu li a {
  display: block;
  padding: 12px 24px;
  color: var(--st-grey-1);
  text-transform: capitalize;
  transition: all 0.3s ease-out;
  font-family: var(--st-ff-menu);
  font-size: var(--st-fz-menu);
  line-height: var(--st-lh-menu);
}
.main-menu nav ul li .sub-menu li a:hover,
.main-menu nav ul li .sub-submenu li a:hover {
  color: var(--st-theme-primary);
  padding-left: 35px;
}
.main-menu nav ul li > a {
  display: inline-flex;
  color: var(--st-grey-1);
  padding: 34px 0;
  text-align: left;
  transition: all 0.3s ease;
  position: relative;
  font-weight: var(--st-fw-normal);
  font-family: var(--st-ff-menu);
  font-size: 20px;
  line-height: 28px;
}
.main-menu nav ul li > a i {
  font-size: 26px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .main-menu nav ul li > a i {
    margin-left: -4px;
  }
}
.main-menu nav ul li:hover > a,
.main-menu nav ul li .sub-menu li:hover > a {
  color: var(--st-theme-primary);
}
.main-menu nav ul .mega-menu {
  position: absolute;
  z-index: 9999;
  top: 100%;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  transform-origin: top;
  left: 0;
  right: 0;
  margin: 0 auto;
  max-width: 700px !important;
  width: 100%;
  min-height: 320px;
  height: 100%;
  background: var(--st-common-white);
  transform: scaleY(0);
  border-top: 1px solid var(--st-border-1);
  box-shadow: 0px 20px 30px rgba(3, 4, 28, 0.1);
}

.main-menu nav ul li > a {
  position: relative;
}

.main-menu nav ul li > a:hover {
  color: var(--st-theme-primary);
}

.main-menu nav ul li .submenu li:hover {
  color: var(--st-theme-primary);
}

.main-has-submenu {
  width: 100%;
  padding: 30px 30px 10px 30px;
  background-color: var(--st-common-white);
  left: 0;
  right: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  .main-has-submenu {
    width: 100%;
    padding-top: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  .main-has-submenu {
    background: none;
    box-shadow: none;
    padding: 0;
    border: none;
  }
}
.main-has-submenu .homemenu {
  padding: 0px 10px;
  max-width: 250px;
  width: 100%;
  max-height: 250px;
  height: 100%;
}
@media (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px), only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .main-has-submenu .homemenu {
    margin: 22px 0;
  }
}
.main-has-submenu .homemenu .homemenu-thumb {
  box-shadow: 0 1px 3px rgba(1, 15, 28, 0.2);
  transition: all 0.3s ease-out 0s;
}
.main-has-submenu .homemenu .homemenu-thumb a {
  position: relative;
  display: block;
  overflow: hidden;
}
.main-has-submenu .homemenu .homemenu-thumb a img {
  transition: all 0.3s ease-out 0s;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1/1;
}
.main-has-submenu .homemenu .homemenu-thumb a img:hover {
  transform: scale(1.1);
}
.main-has-submenu .homemenu .homemenu-title a {
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  background-image: linear-gradient(var(--st-theme-primary), var(--st-theme-primary)), linear-gradient(var(--st-theme-primary), var(--st-theme-primary));
  background-size: 0 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 0.3s linear;
  color: var(--st-common-black);
}
.main-has-submenu .homemenu .homemenu-title a:hover {
  background-size: 0 1px, 100% 1px;
  background-position: 100% 100%, 0 100%;
  transition: background-size 0.3s linear;
  color: var(--st-theme-primary);
}

.offcanvas-menu {
  margin-bottom: 40px;
}
.offcanvas-menu ul {
  list-style: none;
}
.offcanvas-menu ul li {
  position: relative !important;
}
.offcanvas-menu ul li:not(:last-child) > a {
  border-bottom: 1px solid var(--st-border-1);
}
.offcanvas-menu ul li a {
  padding: 12px 0;
  display: block;
  font-size: var(--st-fz-p);
  font-weight: 600;
  font-family: var(--st-ff-menu);
}
@media(max-width: 575.98px) {
  .offcanvas-menu ul li a {
    font-size: var(--st-fz-p2);
  }
}
.offcanvas-menu ul li a:hover {
  color: var(--st-theme-primary);
}
.offcanvas-menu ul li.active > a {
  color: var(--st-theme-primary);
}
.offcanvas-menu ul li.active > .menu-close {
  color: var(--st-common-white);
  background: var(--st-theme-primary);
  border-color: var(--st-theme-primary);
}
.offcanvas-menu ul li.active > .menu-close i {
  transform: rotate(90deg);
}
.offcanvas-menu ul li .sub-menu {
  display: none;
  padding-left: 20px;
}
.offcanvas-menu ul li .sub-submenu {
  display: none;
  padding-left: 20px;
}
.offcanvas-menu ul li .mega-menu {
  display: none;
  padding-left: 0;
}
.offcanvas-menu ul li .megamenu-list ul li a {
  border-bottom: 1px solid var(--st-border-1);
}
.offcanvas-menu .homemenu-title {
  margin-bottom: 25px;
}
@media (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .offcanvas-menu ul li a i {
    display: none;
  }
}

.nt-section-title .main-title-wrapper {
  margin-bottom: 12px;
}
.nt-section-title .main-title-wrapper h2 .regular-title {
  color: var(--st-heading-primary);
}
.nt-section-title .main-title-wrapper h2 .gradient-title {
  background: var(--st-theme-gradient_1);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
          background-clip: text;
}
.nt-section-title .description {
  padding: 0 10rem;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .nt-section-title .description {
    padding: 0 6rem;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px), (max-width: 450px) {
  .nt-section-title .description {
    padding: 0 1rem;
  }
}
.nt-section-title .description-plugin {
  padding: 0 8rem;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .nt-section-title .description-plugin {
    padding: 0 5rem;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px), (max-width: 450px) {
  .nt-section-title .description-plugin {
    padding: 0 1rem;
  }
}

.header-bg-area {
  padding-top: 24px;
  z-index: 0;
}
.header-bg-area .main-navbar {
  padding: 0 24px;
  position: relative;
  z-index: 999;
  border: 1px solid transparent;
  border-radius: 12px;
  background: linear-gradient(white, white) padding-box, linear-gradient(262.44deg, #9F26FF 0%, #FFFFFF 48.86%, #0567E1 99.51%) border-box;
}
@media (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .header-bg-area .main-navbar {
    padding: 16px;
  }
}
.header-bg-area .main-navbar .my-account-btn {
  text-align: end;
}
@media (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .header-bg-area .main-navbar .my-account-btn {
    display: flex;
    gap: 24px;
    justify-content: end;
    flex-direction: row-reverse;
    align-items: center;
  }
}
.header-bg-area .banner-title {
  padding-top: 80px;
  z-index: 99;
  position: relative;
}
@media (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .header-bg-area .banner-title {
    padding-top: 50px;
  }
}
.header-bg-area .banner-title h1 {
  color: var(--st-grey-1);
}
.header-bg-area .banner-title h1 span {
  background: var(--st-theme-gradient_1);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}
.header-bg-area .toggle-btn i {
  font-size: 32px;
  background: var(--st-theme-gradient_1);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}
.header-bg-area .account-icon-mobile i {
  font-size: 32px;
  background: var(--st-theme-gradient_1);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}
.header-bg-area .banner-btn-wrapper {
  gap: 32px;
  padding-top: 48px;
  position: relative;
  z-index: 99;
}
@media (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .header-bg-area .banner-btn-wrapper {
    padding-top: 32px;
  }
}
@media (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .header-bg-area .banner-btn-wrapper {
    gap: 16px;
  }
}
.header-bg-area .laptop-mockup {
  padding-top: 80px;
  margin: 0 auto;
  z-index: 10;
  position: relative;
}
@media (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .header-bg-area .laptop-mockup {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.header-bg-area .laptop-mockup .custom-video-wrapper {
  width: 100%;
  max-width: 870px;
  height: auto;
  aspect-ratio: 870/440;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}
.header-bg-area .laptop-mockup .custom-video-wrapper video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  border-radius: 12px;
}
.header-bg-area .laptop-mockup img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

footer .footer-main-wrapper {
  border-top: 1px solid rgb(232, 232, 234);
  position: relative;
  overflow: hidden;
}
footer .footer-main-wrapper .purple-circle-shape {
  bottom: 119px !important;
  left: -78px !important;
  width: 200px !important;
  height: 188px !important;
  top: unset;
}
footer .footer-main-wrapper .soft-blue-shape {
  top: 54%;
  right: 74px;
  bottom: unset;
  left: unset;
  width: 65px;
  height: 65px;
}
@media (max-width: 575.98px), (max-width: 450px), only screen and (min-width: 576px) and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  footer .footer-main-wrapper .soft-blue-shape {
    display: none;
  }
}
footer .footer-main-wrapper .footer-icon-wrapper {
  position: relative;
  z-index: 2;
}
footer .footer-main-wrapper .footer-icon-wrapper::after {
  position: absolute;
  width: 100%;
  height: 1px;
  content: "";
  background: rgb(232, 232, 234);
  top: 50%;
  transform: translateY(-50%);
  z-index: -1;
}
footer .footer-main-wrapper .footer-icon-wrapper .footer-icon-list {
  gap: 24px;
  max-width: 536px;
  width: 100%;
  margin: 0 auto;
  background: var(--st-common-white);
}
@media (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  footer .footer-main-wrapper .footer-icon-wrapper .footer-icon-list {
    gap: 8px;
    max-width: 230px;
  }
}
footer .footer-main-wrapper .footer-icon-wrapper .footer-icon-list li {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  max-width: 88px;
  width: 100%;
  min-height: 88px;
  height: 100%;
  background: #FAFEFC;
  border-radius: 4px;
  text-align: center;
  border: 1px solid rgb(232, 232, 234);
}
@media (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  footer .footer-main-wrapper .footer-icon-wrapper .footer-icon-list li {
    max-width: 40px;
    min-height: 40px;
  }
}
footer .footer-main-wrapper .footer-icon-wrapper .footer-icon-list li a {
  line-height: 1;
}
footer .footer-main-wrapper .footer-icon-wrapper .footer-icon-list li a i {
  font-size: 20px;
  padding-bottom: 8px;
}
@media (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  footer .footer-main-wrapper .footer-icon-wrapper .footer-icon-list li a i {
    padding-bottom: 0;
  }
}
footer .footer-main-wrapper .footer-icon-wrapper .footer-icon-list li a p {
  color: rgb(17, 24, 39);
  font-size: 14px;
}
@media (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  footer .footer-main-wrapper .footer-icon-wrapper .footer-icon-list li a p {
    display: none;
  }
}
footer .footer-main-wrapper .footer-top {
  text-align: center;
}
footer .footer-main-wrapper .footer-top .footer-logo {
  padding-bottom: 32px;
  max-width: 212px;
  width: 100%;
  margin: 0 auto;
  min-height: 40px;
  height: 100%;
}
footer .footer-main-wrapper .footer-top .footer-logo img {
  width: 100%;
}
footer .footer-main-wrapper .footer-top .footer-text {
  padding-bottom: 32px;
}
footer .footer-main-wrapper .footer-menu-wrapper {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  footer .footer-main-wrapper .footer-menu-wrapper {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
footer .footer-main-wrapper .footer-menu-wrapper .footer-single-wrapper .footer-single-title {
  padding-bottom: 24px;
}
@media (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  footer .footer-main-wrapper .footer-menu-wrapper .footer-single-wrapper .footer-single-title {
    padding-bottom: 16px;
  }
}
footer .footer-main-wrapper .footer-menu-wrapper .footer-single-wrapper .footer-single-content .footer-menu-list {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-left: 16px;
  padding-right: 20%;
}
@media (max-width: 450px) {
  footer .footer-main-wrapper .footer-menu-wrapper .footer-single-wrapper .footer-single-content .footer-menu-list {
    padding-right: 0;
  }
}
footer .footer-main-wrapper .footer-menu-wrapper .footer-single-wrapper .footer-single-content .footer-menu-list li {
  list-style: disc;
  margin: 0 12px;
}
footer .footer-main-wrapper .footer-menu-wrapper .footer-single-wrapper .footer-single-content .footer-menu-list li a {
  color: rgb(112, 116, 125);
  transition: all 0.3s ease-in-out;
}
footer .footer-main-wrapper .footer-menu-wrapper .footer-single-wrapper .footer-single-content .footer-menu-list li a:hover {
  color: var(--st-theme-primary);
}
footer .copyright-section {
  border-top: 1px solid rgb(232, 232, 234);
  padding: 16px 0;
  position: relative;
}
footer .copyright-section .primary-btn {
  position: fixed;
  right: 32px;
  bottom: 3px;
}

form input[type=email] {
  padding: 12px 24px;
  border-radius: 4px;
  border: 1px solid #E8E8EA;
  margin-bottom: 16px;
  width: 100%;
  transition: all 0.3s ease-in-out;
  outline: none;
}
@media (max-width: 575.98px) {
  form input[type=email] {
    width: 60%;
  }
}
@media (max-width: 450px) {
  form input[type=email] {
    width: 80%;
  }
}
form input[type=email]:focus {
  border-color: rgb(8, 102, 255);
  box-shadow: 0 0 0 1px rgba(8, 102, 255, 0.2);
}
form button {
  outline: none;
  border: none;
}

.mc4wp-alert.mc4wp-notice {
  margin-top: 12px;
}
.mc4wp-alert.mc4wp-notice p {
  color: var(--st-theme-primary);
}

.facebook-icon i {
  color: rgb(8, 102, 255);
}

.Linkedin-icon i {
  color: rgb(10, 102, 194);
}

.youtube-icon i {
  color: rgb(255, 0, 0);
}

.insta-icon i {
  background: linear-gradient(180deg, #7723BD 0%, #C42B67 50%, #E09B3D 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.nt-call-to-action-wrapper .nt-section-title .call-title {
  text-align: end;
  padding-left: min(48px, 8%);
  margin: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px), (max-width: 450px) {
  .nt-call-to-action-wrapper .nt-section-title .call-title {
    padding: 0 1rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .nt-call-to-action-wrapper .nt-section-title .call-title h2 {
    padding: 0;
    text-align: center;
    margin-bottom: 32px;
  }
}
@media (max-width: 575.98px), (max-width: 450px) {
  .nt-call-to-action-wrapper .nt-section-title .call-title h2 {
    padding: 0;
    text-align: center;
    margin-bottom: 24px;
  }
}
.nt-call-to-action-wrapper .call-description-wrapper {
  display: flex;
  align-items: center;
  background-color: var(--st-common-white);
  border: 1px solid var(--st-border-2);
  border-radius: 8px;
  padding: 32px 46px;
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px), (max-width: 450px) {
  .nt-call-to-action-wrapper .call-description-wrapper {
    padding: 26px;
    flex-direction: column;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .nt-call-to-action-wrapper .call-description-wrapper {
    padding: 26px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px), (max-width: 450px) {
  .nt-call-to-action-wrapper .call-description-wrapper {
    flex-direction: column;
  }
}
.nt-call-to-action-wrapper .call-description-wrapper .call-content {
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px), (max-width: 450px) {
  .nt-call-to-action-wrapper .call-description-wrapper .call-content {
    padding: 20px 0;
  }
}
.nt-call-to-action-wrapper .call-description-wrapper .call-content .call-email {
  background: var(--st-theme-gradient_1);
  margin: 0 12px 0px 24px;
  border-radius: 4px;
}
.nt-call-to-action-wrapper .call-description-wrapper .call-content .call-email i {
  color: var(--st-common-white);
  font-size: 24px;
  padding: 12px;
}

/* Animations */
@keyframes marquee-left {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0%);
  }
}
@keyframes marquee-right {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}
.bg-position {
  background-repeat: no-repeat;
}

.purple-circle-shape {
  position: absolute;
  top: -50px;
  left: -79px;
  width: 314px;
  height: 314px;
  border-radius: 50%;
  z-index: -1;
  filter: blur(150px);
  opacity: 0.7;
  background: rgb(159, 38, 255);
}

.blue-circle-shape {
  position: absolute;
  top: 341px;
  right: -40px;
  width: 314px;
  height: 314px;
  border-radius: 50%;
  z-index: -1;
  filter: blur(150px);
  opacity: 0.7;
  background: rgb(5, 103, 225);
}

@keyframes float-purple {
  0% {
    transform: translateY(0) rotate(0deg);
  }
  50% {
    transform: translateY(-20px) rotate(10deg);
  }
  100% {
    transform: translateY(0) rotate(0deg);
  }
}
@keyframes float-blue {
  0% {
    transform: translateY(0) scale(1);
  }
  50% {
    transform: translateY(15px) scale(1.1);
  }
  100% {
    transform: translateY(0) scale(1);
  }
}
.soft-purple-shape {
  position: absolute;
  width: 91px;
  height: 91px;
  right: 30px;
  top: 126px;
  background: linear-gradient(45.88deg, #E2CBFE 14.53%, #F7F1FF 85.98%);
  border-radius: 50%;
  animation: float-purple 3s ease-in-out infinite;
  opacity: 0.9;
  z-index: 1;
}

.soft-blue-shape {
  position: absolute;
  width: 65px;
  height: 65px;
  left: 74px;
  bottom: 20%;
  background: linear-gradient(248.42deg, rgba(255, 255, 255, 0.5) -7.15%, rgba(51, 84, 235, 0.5) 68.03%);
  border-radius: 50%;
  animation: float-blue 3s ease-in-out infinite;
  opacity: 0.85;
  z-index: 1;
}

/*----------------------------------------*/
/* Mobile css
/*----------------------------------------*/
.menu-close {
  position: absolute;
  right: 0;
  top: 11px;
  height: 30px;
  width: 30px;
  font-size: 20px;
  line-height: 29px;
  text-align: center;
  background: rgb(242, 247, 253);
  border: 1px solid rgba(1, 15, 28, 0.12);
}
@media (max-width: 575.98px) {
  .menu-close {
    top: 9px;
  }
}

.menu-close i {
  transition: all 0.3s;
}

/*----------------------------------------*/
/*offcanvas css
  /*----------------------------------------*/
.body-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99998;
  background: rgba(0, 0, 0, 0.7);
  transform: translateX(100%);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: transform 0.5s ease, opacity 0.5s ease, visibility 0.5s ease;
}

.body-overlay.opened {
  transform: translateX(0);
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.offcanvas-logo svg {
  max-width: 60px;
  width: 100%;
}

.offcanvas-area {
  position: fixed;
  top: 0;
  right: 0;
  width: 500px;
  height: 100%;
  z-index: 99999;
  padding: min(48px, 8%);
  overflow-y: scroll;
  overflow-x: hidden;
  scrollbar-width: none;
  background: var(--st-common-white);
  overscroll-behavior-y: contain;
  transform: translateX(100%);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: transform 0.5s ease, opacity 0.5s ease, visibility 0.5s ease;
  transition-delay: 0s;
}

.offcanvas-area.opened {
  transform: translateX(0);
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition-delay: 0.5s;
}

@media (max-width: 450px) {
  .offcanvas-area {
    padding: 35px 30px;
  }
}
@media (max-width: 575.98px) {
  .offcanvas-area {
    width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .offcanvas-area {
    width: 450px;
  }
}
.offcanvas-top {
  margin-bottom: 16px;
}

.offcanvas-close-btn {
  border: none;
  background: none;
  outline: none;
  color: var(--st-common-white);
  width: 40px;
  height: 40px;
  background: var(--st-theme-gradient_1);
  -webkit-text-fill-color: transparent;
  font-size: 20px;
  transition: all 0.3s ease-out 0s;
  border: 1px solid transparent;
}
.offcanvas-close-btn svg {
  width: 30px;
}

.offcanvas-close-btn svg path {
  transition: all 0.3s ease-out 0s;
}

.offcanvas-content {
  margin-bottom: 32px;
}

.offcanvas-title.sm {
  font-size: 20px;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-weight: var(--st-fw-bold);
}

.offcanvas-title {
  margin-bottom: 24px;
}

.offcanvas-logo a svg path {
  fill: var(--st-theme-primary);
}

.custom-pagination {
  gap: 10px;
  padding-top: 32px;
}
.custom-pagination .page-item .page-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border: 1px solid var(--st-border-2);
  color: var(--st-grey-1);
  font-weight: var(--st-fw-bold);
  border-radius: 2px;
  background: var(--st-bg-2);
  font-family: var(--st-ff-menu);
  font-size: 20px;
  line-height: 24px;
  transition: all 0.4s ease-out 0s;
}
@media (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .custom-pagination .page-item .page-link {
    width: 36px;
    height: 36px;
    font-size: 14px;
  }
}
.custom-pagination .page-item .page-link i {
  font-size: 28px;
  line-height: 28px;
}
.custom-pagination .page-item .page-link:hover {
  background: var(--st-theme-gradient_1);
  color: var(--st-common-white);
}
.custom-pagination .page-item .page-link:focus, .custom-pagination .page-item .page-link:active {
  outline: none;
  box-shadow: none;
  border-color: var(--st-theme-primary);
  background: var(--st-theme-gradient_1);
  color: var(--st-common-white);
}
.custom-pagination .page-item.active .page-link {
  background: var(--st-theme-gradient_1);
  color: var(--st-common-white);
}

.page-template-area .soft-blue-shape {
  top: 20%;
  z-index: 0;
}
.page-template-area .purple-page-center {
  top: 70%;
}

.section-spacing {
  padding: 120px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .section-spacing {
    padding: 80px 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px), (max-width: 450px) {
  .section-spacing {
    padding: 50px 0;
  }
}

.section-inner-spacing {
  padding-top: 45px;
}

.mb-20 {
  margin-bottom: 20px;
}

.pt-120 {
  padding-top: 120px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .pt-120 {
    padding-top: 80px;
  }
}
@media (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .pt-120 {
    padding-top: 50px;
  }
}

.pb-120 {
  padding-bottom: 120px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .pb-120 {
    padding-bottom: 80px;
  }
}
@media (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .pb-120 {
    padding-bottom: 50px;
  }
}

.mb-120 {
  margin-bottom: 120px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .mb-120 {
    margin-bottom: 80px;
  }
}
@media (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .mb-120 {
    margin-bottom: 50px;
  }
}

.mt-120 {
  margin-top: 120px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .mt-120 {
    margin-top: 80px;
  }
}
@media (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .mt-120 {
    margin-top: 50px;
  }
}

.mt-80 {
  margin-top: 80px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .mt-80 {
    margin-top: 50px;
  }
}
@media (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .mt-80 {
    margin-top: 30px;
  }
}

.pt-60 {
  padding-top: 60px;
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  .pt-60 {
    padding-top: 30px;
  }
}

.pb-60 {
  padding-bottom: 60px;
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  .pb-60 {
    padding-bottom: 30px;
  }
}

.pl-0 {
  padding-left: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  .pl-0 {
    padding-left: 12px;
  }
}

.pt-40 {
  padding-top: 40px;
}

.mt-60 {
  margin-top: 60px;
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  .mt-60 {
    margin-top: 30px;
  }
}

.mb-60 {
  margin-bottom: 60px;
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  .mb-60 {
    margin-bottom: 30px;
  }
}

.ml-40 {
  margin-left: 40px;
}
@media (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .ml-40 {
    margin-left: 0;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .ml-sm-24 {
    margin-left: 24px;
  }
}

.mb-24 {
  margin-bottom: 24px;
}

.ml-24 {
  margin-left: 24px;
}

.mr-24 {
  margin-right: 24px;
}

.mt-24 {
  margin-top: 24px;
}

.ml-16 {
  margin-left: 16px;
}

.sidebar-card {
  background: var(--st-bg-2);
  padding: 32px;
  border-radius: 8px;
  border: 1px solid var(--st-border-2);
  width: 100% !important;
  float: unset !important;
  /* Style the custom checkmark box */
  /* Checkmark icon (tick) */
  /* Show checkmark if checked */
}
.sidebar-card .content-position {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sidebar-card .dropdown h5 {
  padding-bottom: 24px;
  border-bottom: 1px solid var(--st-border-2);
  cursor: pointer;
}
.sidebar-card .dropdown-wrapper {
  position: relative;
}
.sidebar-card .dropdown-options {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: white;
  border: 1px solid var(--st-border-2);
  border-top: none;
  border-radius: 0 0 8px 8px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
  z-index: 10;
  padding: 12px;
}
.sidebar-card .single-option {
  cursor: pointer;
}
.sidebar-card .single-option:first-of-type {
  padding-bottom: 8px;
}
.sidebar-card .sidebar-list {
  padding: 24px 0 60px 0;
  border-bottom: 1px solid var(--st-border-2);
}
.sidebar-card .sidebar-list li {
  display: flex;
  gap: 8px;
  align-items: center;
  padding-bottom: 12px;
}
.sidebar-card .sidebar-list li:last-of-type {
  padding-bottom: 0;
}
.sidebar-card .sidebar-list i {
  font-size: 20px;
  color: var(--st-theme-gradient_1);
}
.sidebar-card .price-section {
  padding: 24px 0;
  border-bottom: 1px solid var(--st-border-2);
}
.sidebar-card .price-section h5 {
  border-bottom: none;
  padding-bottom: 16px;
}
.sidebar-card .total-price {
  padding: 24px 0;
}
.sidebar-card .btn-wrapper {
  gap: 20px;
  width: 100%;
}
.sidebar-card .btn-wrapper .main-primary-btn {
  width: 100%;
}
.sidebar-card .btn-wrapper .primary-btn {
  width: 100%;
}
.sidebar-card .cart-icon {
  border: solid 1px var(--st-theme-primary);
  width: 60px;
  background: transparent;
}
.sidebar-card .custom-checkbox {
  display: flex;
  align-items: center;
  gap: 8px;
}
.sidebar-card .custom-checkbox input[type=checkbox] {
  display: none;
}
.sidebar-card .custom-checkbox .checkmark {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  position: relative;
  transition: all 0.2s ease;
  border: 1px solid var(--st-theme-primary);
}
.sidebar-card .custom-checkbox input[type=checkbox]:checked + .checkmark {
  background: var(--st-theme-gradient_1);
}
.sidebar-card .custom-checkbox .checkmark::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 0;
  width: 6px;
  height: 12px;
  border: solid #fff;
  border-width: 0 3px 3px 0;
  opacity: 0;
  transform: rotate(45deg) scale(0.8);
  transition: all 0.2s ease;
}
.sidebar-card .custom-checkbox input[type=checkbox]:checked + .checkmark::after {
  opacity: 1;
}

.marque-wrapper {
  margin-left: -45px;
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-43%);
  z-index: -1;
}
@media (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .marque-wrapper {
    bottom: 0;
    top: unset;
  }
}

.slanted-marquee-container {
  width: 120vw;
  overflow: visible;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: relative;
  z-index: 1;
}

.slanted-marquee {
  width: 120vw;
  min-width: 300px;
  background: linear-gradient(-262.44deg, #9F26FF 0%, #0567E1 99.51%);
  border-radius: 8px;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.1882352941);
  padding: 6p 0;
  position: relative;
  transform: rotate(-9deg);
  filter: drop-shadow(0 6px 16px rgba(0, 0, 0, 0.1333333333));
  overflow: hidden;
}
@media (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .slanted-marquee {
    transform: rotate(0deg);
  }
}

.marquee-item b svg {
  margin-left: 32px;
  rotate: -8deg !important;
}
@media (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .marquee-item b svg {
    transform: rotate(0);
  }
}

.slanted-marquee-2 {
  transform: rotate(9deg);
  background: linear-gradient(262.44deg, #9F26FF 0%, #0567E1 99.51%);
}
@media (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .slanted-marquee-2 {
    display: none;
  }
}
@media (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .slanted-marquee-2 {
    transform: rotate(0deg);
    margin-top: 16px;
  }
}
.slanted-marquee-2 .marquee-track .marquee-item b svg {
  rotate: -8deg !important;
}
@media (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .slanted-marquee-2 .marquee-track .marquee-item b svg {
    transform: rotate(0);
  }
}

.marquee-item {
  display: inline-block;
  padding: 6px 2rem;
  color: #fff;
  white-space: nowrap;
}

.marquee-track {
  display: flex;
  animation: scroll-left 30s linear infinite;
  width: -moz-max-content;
  width: max-content;
}

.marquee-left {
  animation-name: scroll-left;
}

.marquee-right {
  animation-name: scroll-right;
}

@keyframes scroll-left {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}
@keyframes scroll-right {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0%);
  }
}
.marquee-content {
  display: flex;
  width: 50%;
}

.header-wrapper {
  position: relative;
}
.header-wrapper .woocommerce-page-title {
  padding: 95px 0;
  text-align: center;
}
.header-wrapper .woocommerce-page-title span {
  background: var(--st-theme-gradient_1);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}
.header-wrapper .singular_page_title {
  font-size: var(--st-fz-h2);
  line-height: var(--st-lh-h2);
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .header-wrapper .singular_page_title {
    font-size: var(--st-fz-tab-h2);
    line-height: var(--st-lh-h2-tab);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  .header-wrapper .singular_page_title {
    font-size: var(--st-fz-mob-h2);
    line-height: var(--st-lh-h2-mob);
  }
}
.header-wrapper .header-with-breadcrumb-area {
  background: rgba(248, 246, 255, 0.3);
}
.header-wrapper .blue-circle-shape {
  top: unset;
  bottom: 0;
}
.header-wrapper .breadcrumb-footer {
  display: inline-block;
  position: absolute;
  bottom: -27px;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.07);
  background: var(--st-common-white);
  border-radius: 999px;
  padding: 16px 40px;
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  .header-wrapper .breadcrumb-footer {
    padding: 16px 20px;
  }
}
@media (max-width: 575.98px) {
  .header-wrapper .breadcrumb-footer {
    width: calc(100% - 30px);
  }
}
.header-wrapper .custom-breadcrumb-wrapper {
  text-align: center;
}
.header-wrapper .woocommerce-breadcrumb {
  font-size: 20px;
  line-height: 24px;
  color: rgb(65, 70, 82);
  font-weight: 400;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .header-wrapper .woocommerce-breadcrumb {
    font-size: 16px;
    line-height: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  .header-wrapper .woocommerce-breadcrumb {
    font-size: 14px;
    line-height: 18px;
  }
}
.header-wrapper .woocommerce-breadcrumb a:first-child {
  background: var(--st-theme-gradient_1);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.header-container {
  padding-bottom: 30px;
  overflow: hidden;
  position: relative;
}
.header-container::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30px;
  background: var(--st-common-white);
  z-index: -1;
}

.themes-wrapper .single-item,
.plugin-wrapper .single-item,
.blog-item-wrapper .single-item {
  background: var(--st-bg-2);
  border: 1px solid var(--st-border-2);
  border-radius: 8px;
  overflow: hidden;
  padding: 16px 16px 0;
  transition: all 500ms ease-in-out;
}
.themes-wrapper .single-item:hover,
.plugin-wrapper .single-item:hover,
.blog-item-wrapper .single-item:hover {
  transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
}
.themes-wrapper .single-item .card-image,
.themes-wrapper .single-item .blog-image,
.plugin-wrapper .single-item .card-image,
.plugin-wrapper .single-item .blog-image,
.blog-item-wrapper .single-item .card-image,
.blog-item-wrapper .single-item .blog-image {
  position: relative;
}
.themes-wrapper .single-item .card-image img,
.themes-wrapper .single-item .blog-image img,
.plugin-wrapper .single-item .card-image img,
.plugin-wrapper .single-item .blog-image img,
.blog-item-wrapper .single-item .card-image img,
.blog-item-wrapper .single-item .blog-image img {
  width: 100%;
  border-radius: 8px;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 16/9;
}
.themes-wrapper .single-item .card-image .discount-badge,
.themes-wrapper .single-item .blog-image .discount-badge,
.plugin-wrapper .single-item .card-image .discount-badge,
.plugin-wrapper .single-item .blog-image .discount-badge,
.blog-item-wrapper .single-item .card-image .discount-badge,
.blog-item-wrapper .single-item .blog-image .discount-badge {
  max-width: 84px;
  width: 100%;
  display: flex;
  text-align: center;
  position: absolute;
  bottom: -58px;
  right: 15px;
  flex-direction: column;
  box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
  border-bottom: solid 4px transparent;
  background: linear-gradient(white, white) padding-box, linear-gradient(262.44deg, #9F26FF 0%, #0567E1 99.51%) border-box;
  border-radius: 12px 12px 4px 4px;
}
.themes-wrapper .single-item .card-image .discount-badge .discount-offer,
.themes-wrapper .single-item .blog-image .discount-badge .discount-offer,
.plugin-wrapper .single-item .card-image .discount-badge .discount-offer,
.plugin-wrapper .single-item .blog-image .discount-badge .discount-offer,
.blog-item-wrapper .single-item .card-image .discount-badge .discount-offer,
.blog-item-wrapper .single-item .blog-image .discount-badge .discount-offer {
  background: var(--st-theme-gradient_1);
  color: var(--st-common-white);
  border-radius: 30px;
}
.themes-wrapper .single-item .card-image .discount-badge h6,
.themes-wrapper .single-item .blog-image .discount-badge h6,
.plugin-wrapper .single-item .card-image .discount-badge h6,
.plugin-wrapper .single-item .blog-image .discount-badge h6,
.blog-item-wrapper .single-item .card-image .discount-badge h6,
.blog-item-wrapper .single-item .blog-image .discount-badge h6 {
  padding: 12px 12px 0;
  text-decoration: line-through;
}
.themes-wrapper .single-item .card-image .discount-badge h4,
.themes-wrapper .single-item .blog-image .discount-badge h4,
.plugin-wrapper .single-item .card-image .discount-badge h4,
.plugin-wrapper .single-item .blog-image .discount-badge h4,
.blog-item-wrapper .single-item .card-image .discount-badge h4,
.blog-item-wrapper .single-item .blog-image .discount-badge h4 {
  background: var(--st-theme-gradient_1);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
          background-clip: text;
}
.themes-wrapper .single-item .card-image .discount-badge .main-price,
.themes-wrapper .single-item .blog-image .discount-badge .main-price,
.plugin-wrapper .single-item .card-image .discount-badge .main-price,
.plugin-wrapper .single-item .blog-image .discount-badge .main-price,
.blog-item-wrapper .single-item .card-image .discount-badge .main-price,
.blog-item-wrapper .single-item .blog-image .discount-badge .main-price {
  padding: 20px 0;
}
.themes-wrapper .single-item .card-content,
.plugin-wrapper .single-item .card-content,
.blog-item-wrapper .single-item .card-content {
  padding: 24px 16px 16px;
}
.themes-wrapper .single-item .card-content .category-badge,
.plugin-wrapper .single-item .card-content .category-badge,
.blog-item-wrapper .single-item .card-content .category-badge {
  max-width: 155px;
  width: 100%;
  min-height: 32px;
  background: var(--st-bg-1);
  padding: 4px 12px;
  border-radius: 4px;
}
.themes-wrapper .single-item .card-content h6,
.plugin-wrapper .single-item .card-content h6,
.blog-item-wrapper .single-item .card-content h6 {
  padding: 16px 0;
}
.themes-wrapper .single-item .card-content .meta-sales,
.plugin-wrapper .single-item .card-content .meta-sales,
.blog-item-wrapper .single-item .card-content .meta-sales {
  display: flex;
  justify-content: space-between;
}
.themes-wrapper .single-item .card-content .meta-sales .sales .stars,
.plugin-wrapper .single-item .card-content .meta-sales .sales .stars,
.blog-item-wrapper .single-item .card-content .meta-sales .sales .stars {
  display: flex;
}
.themes-wrapper .single-item .card-content .meta-sales .sales .stars ul,
.plugin-wrapper .single-item .card-content .meta-sales .sales .stars ul,
.blog-item-wrapper .single-item .card-content .meta-sales .sales .stars ul {
  display: flex;
}
.themes-wrapper .single-item .card-content .meta-sales .sales .stars ul li i,
.plugin-wrapper .single-item .card-content .meta-sales .sales .stars ul li i,
.blog-item-wrapper .single-item .card-content .meta-sales .sales .stars ul li i {
  color: rgb(243, 198, 64);
}
.themes-wrapper .single-item .card-content .btn-actions,
.plugin-wrapper .single-item .card-content .btn-actions,
.blog-item-wrapper .single-item .card-content .btn-actions {
  padding: 16px 0;
}
.themes-wrapper .main-primary-btn,
.plugin-wrapper .main-primary-btn,
.blog-item-wrapper .main-primary-btn {
  text-align: center;
  padding-top: 23px;
}

.themes-wrapper .single-item .card-image img,
.plugin-wrapper .single-item .card-image img {
  height: auto;
}

.cart-icon {
  border: solid 1px transparent;
  background: linear-gradient(white, white) padding-box, linear-gradient(262.44deg, #9F26FF 0%, #0567E1 99.51%) border-box;
  display: flex;
  height: 48px;
  width: 48px;
  border-radius: 4px;
  align-items: center;
  justify-content: center;
  position: relative;
}
.cart-icon:hover {
  transition: all 0.4s ease-out 0s;
  background: var(--st-theme-gradient_1);
  cursor: pointer;
}
.cart-icon:hover span {
  background: var(--st-common-white);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
          background-clip: text;
}
.cart-icon:hover:hover svg path {
  fill: var(--st-common-white);
}
.cart-icon:hover .cart-tooltip {
  display: inline-block;
}
.cart-icon .added_to_cart.wc-forward {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--st-theme-gradient_1);
}
.cart-icon .cart-tooltip {
  position: absolute;
  bottom: 100%;
  margin-bottom: 9px;
  color: var(--st-common-white);
  background: var(--st-heading-primary);
  padding: 2px 10px 0 10px;
  border-radius: 4px;
  cursor: default;
  display: none;
  text-align: center;
}
.cart-icon .cart-tooltip:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-top: 5px solid var(--st-heading-primary);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}

.nt-plugin-wrapper {
  background: var(--st-bg-3);
}

.nt-page-plugin {
  background: var(--st-common-white);
}

.choose-us-wrapper {
  background-color: var(--st-bg-4);
  position: relative;
  animation: pulseBackground 20s ease-in-out infinite;
  /* animation circle styles */
}
.choose-us-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  animation: gridFade 10s ease-in-out infinite alternate;
}
.choose-us-wrapper .choose-us-title {
  color: var(--st-common-white);
}
.choose-us-wrapper .choose-us-description p {
  color: var(--st-common-white);
}
.choose-us-wrapper .choose-us-wrapper-content .single-item {
  display: flex;
  border: solid 1px var(--st-common-white);
  border-radius: 8px;
}
@media (max-width: 575.98px), (max-width: 450px) {
  .choose-us-wrapper .choose-us-wrapper-content .single-item {
    flex-direction: column-reverse;
  }
}
.choose-us-wrapper .choose-us-wrapper-content .single-item:hover {
  border: solid 1px transparent;
  background: linear-gradient(#111827, #111827) padding-box, linear-gradient(262.44deg, #9F26FF 0%, #0567E1 99.51%) border-box;
}
.choose-us-wrapper .choose-us-wrapper-content .single-item .choose-us-content-item {
  padding: 32px 56px 32px 32px !important;
}
@media (max-width: 575.98px), (max-width: 450px) {
  .choose-us-wrapper .choose-us-wrapper-content .single-item .choose-us-content-item {
    padding: 0px 56px 32px 32px !important;
  }
}
.choose-us-wrapper .choose-us-wrapper-content .single-item .choose-us-content {
  padding: 25px;
}
.choose-us-wrapper .choose-us-wrapper-content .single-item .choose-us-content h5 {
  color: var(--st-common-white);
}
.choose-us-wrapper .choose-us-wrapper-content .single-item .choose-us-content p {
  color: var(--st-common-white);
  padding: 16px 0px;
}
.choose-us-wrapper .choose-us-wrapper-content .single-item .choose-us-content .choose-dec {
  padding: 16px 0px 60px 0px;
}
.choose-us-wrapper .choose-us-wrapper-content .single-item .choose-us-content .choose-us-icon {
  padding: 9px;
  border: solid 1px transparent;
  background: linear-gradient(#111827, #111827) padding-box, linear-gradient(262.44deg, #9F26FF 0%, #0567E1 99.51%) border-box;
  border-radius: 2px;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.choose-us-wrapper .choose-us-wrapper-content .single-item .choose-us-content .choose-us-icon svg path {
  transition: all ease-in 0.3s;
}
.choose-us-wrapper .choose-us-wrapper-content .single-item .choose-us-content .choose-us-icon:hover {
  background: var(--st-theme-gradient_3);
  transition: all ease-in 0.3s;
}
.choose-us-wrapper .choose-us-wrapper-content .single-item .choose-us-content .choose-us-icon:hover svg path {
  fill: var(--st-common-white);
}
.choose-us-wrapper .choose-us-wrapper-content .single-item .choose-us-img {
  min-width: 195px;
  display: flex;
  align-items: end;
  padding-bottom: 13px;
}
.choose-us-wrapper .choose-us-wrapper-content .single-item .choose-us-img img {
  width: 100%;
}
@media (max-width: 575.98px), (max-width: 450px) {
  .choose-us-wrapper .choose-us-wrapper-content .single-item .choose-us-img img {
    -o-object-fit: none;
       object-fit: none;
    aspect-ratio: 16/9;
  }
}
.choose-us-wrapper .choose-us-wrapper-content .single-item-latest-blog {
  margin-top: -80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px), (max-width: 450px) {
  .choose-us-wrapper .choose-us-wrapper-content .single-item-latest-blog {
    margin-top: 20px;
  }
}
.choose-us-wrapper .choose-us-logo {
  padding: 28px 24px;
}
.choose-us-wrapper .circle {
  position: absolute;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.3), rgba(128, 0, 255, 0.2));
  z-index: 1;
  animation: float 8s ease-in-out infinite;
}
.choose-us-wrapper .circle-top-right {
  top: 40px;
  right: 60px;
  animation-delay: 0s;
}
.choose-us-wrapper .circle-bottom-left {
  bottom: 40px;
  left: 60px;
  background: radial-gradient(circle, rgba(0, 128, 255, 0.3), rgba(0, 0, 128, 0.2));
  animation-delay: 2s;
}

.blog-item-wrapper .blog-item {
  padding: 24px;
}
.blog-item-wrapper .blog-item .author-info {
  padding: 8px 0 12px 0;
  gap: 10px;
}
.blog-item-wrapper .blog-item .author-info i {
  padding-right: 4px;
}
.blog-item-wrapper .blog-item .blog-image a img {
  max-height: 200px;
  height: auto;
}
.blog-item-wrapper .blog-item .blog-title {
  padding: 24px 0;
}
.blog-item-wrapper .blog-item .blog-title h5 {
  color: var(--st-heading-primary);
  text-align: center;
  font-weight: 600;
}
.blog-item-wrapper .blog-item .single-blog-btn {
  text-align: center;
}
.blog-item-wrapper .blog-item .single-blog-btn .btn-text {
  padding-right: 8px;
}
.blog-item-wrapper .slider-pagination-item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
  padding-top: 40px;
}
.blog-item-wrapper .slider-pagination-item .swiper-pagination-bullet.active {
  width: 30px;
  opacity: 1;
}
.blog-item-wrapper .swiper-pagination-bullet-active {
  background: var(--st-theme-gradient_1);
  width: 28px;
  height: 8px;
  border-radius: 99px;
}

.nt-call-to-action-wrapper .nt-section-title .call-title {
  text-align: end;
  padding: 0 2rem 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .nt-call-to-action-wrapper .nt-section-title .call-title {
    padding: 0 2rem;
    text-align: center;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px), (max-width: 450px) {
  .nt-call-to-action-wrapper .nt-section-title .call-title {
    padding: 0 1rem;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px), (max-width: 450px) {
  .nt-call-to-action-wrapper .nt-section-title .call-title h2 {
    padding: 0;
    text-align: center;
  }
}
.nt-call-to-action-wrapper .call-description-wrapper {
  display: flex;
  align-items: center;
  background-color: var(--st-common-white);
  border: 1px solid var(--st-border-2);
  border-radius: 8px;
  padding: 32px 46px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px), (max-width: 450px) {
  .nt-call-to-action-wrapper .call-description-wrapper {
    padding: 26px;
    flex-direction: column;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px), (max-width: 450px) {
  .nt-call-to-action-wrapper .call-description-wrapper {
    flex-direction: column;
  }
}
.nt-call-to-action-wrapper .call-description-wrapper .call-content {
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px), (max-width: 450px) {
  .nt-call-to-action-wrapper .call-description-wrapper .call-content {
    padding: 20px 0;
  }
}
.nt-call-to-action-wrapper .call-description-wrapper .call-content .call-email {
  background: var(--st-theme-gradient_1);
  margin: 0 12px 0px 24px;
  border-radius: 4px;
}
.nt-call-to-action-wrapper .call-description-wrapper .call-content .call-email i {
  color: var(--st-common-white);
  font-size: 24px;
  padding: 12px;
}

.nt-testimonial-slider-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  font-family: "Segoe UI", sans-serif;
  padding: 20px;
}
.nt-testimonial-slider-wrapper .testimonial-card-wrapper {
  display: flex;
  align-items: center;
  background: white;
  border-radius: 12px;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  max-width: 800px;
  padding: 20px;
}
.nt-testimonial-slider-wrapper .testimonial-card-wrapper .profile {
  flex: 1;
  max-width: 300px;
  text-align: center;
  border-right: 1px solid #eee;
  padding: 20px;
}
.nt-testimonial-slider-wrapper .testimonial-card-wrapper .profile img {
  width: 100px;
  height: 100px;
  border-radius: 8px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-bottom: 10px;
}
.nt-testimonial-slider-wrapper .testimonial-card-wrapper .profile .quote-icon {
  font-size: 2rem;
  color: #ccc;
  margin-top: 10px;
}
.team-area .nt-section-title {
  padding-bottom: 48px;
}
.team-area .team-main-wrapper .single-team {
  transition: transform 0.4s ease;
}
.team-area .team-main-wrapper .single-team:hover .team-author h6 {
  background: var(--st-theme-gradient_1);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}
.team-area .team-main-wrapper .single-team:hover {
  transform: translateY(-4px);
}
.team-area .team-main-wrapper .single-team .team-img {
  position: relative;
  z-index: 1;
  max-width: 304px;
  width: 100%;
  max-height: 395px;
  height: 100%;
  margin: 0 auto;
}
.team-area .team-main-wrapper .single-team .team-img::before {
  content: "";
  position: absolute;
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: var(--circle-bg, rgb(197, 232, 255));
  bottom: 0;
  left: 50%;
  transform: translateX(-50%) scale(1);
  z-index: -1;
  transition: transform 0.4s ease, opacity 0.4s ease;
}
.team-area .team-main-wrapper .single-team .team-img img {
  transition: transform 0.4s ease;
  width: 100%;
}
.team-area .team-main-wrapper .single-team:hover .team-img img {
  transform: scale(1.03) rotate(2deg);
}
.team-area .team-main-wrapper .single-team:hover .team-img::before {
  transform: translateX(-50%) scale(1);
  opacity: 1;
}
.team-area .team-main-wrapper .single-team .team-author {
  box-shadow: 0px -4px 20px rgba(0, 0, 0, 0.05);
  padding: 12px 0;
  text-align: center;
  margin: 0 auto;
  margin-top: -55px !important;
  z-index: 99;
  position: relative;
  background: #fff;
  transition: all 0.4s ease;
  max-width: 304px;
  width: 100%;
}
.team-area .team-main-wrapper .single-team .team-author p {
  color: rgb(112, 116, 125);
  transition: color 0.4s ease;
}
.team-area .team-main-wrapper .single-team .team-author h6 {
  transition: transform 0.4s ease, opacity 0.4s ease;
}
.team-area .team-main-wrapper .see-all-btn {
  padding-top: 48px;
}

.banner-title {
  padding-top: 80px;
  z-index: 99;
  position: relative;
}
@media (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .banner-title {
    padding-top: 50px;
  }
}
.banner-title h1 {
  color: var(--st-grey-1);
}
.banner-title span {
  background: var(--st-theme-gradient_1);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.banner-btn-wrapper {
  gap: 32px;
  padding-top: 48px;
  position: relative;
  z-index: 99;
}
@media (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .banner-btn-wrapper {
    padding-top: 32px;
  }
}
@media (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .banner-btn-wrapper {
    gap: 16px;
  }
}

.laptop-mockup {
  padding-top: 80px;
  margin: 0 auto;
  z-index: 10;
  position: relative;
}
@media (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .laptop-mockup {
    padding-top: 50px;
    padding-bottom: 70px;
  }
}
.laptop-mockup .custom-video-wrapper {
  width: 100%;
  max-width: 870px;
  height: auto;
  aspect-ratio: 870/440;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}
@media (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .laptop-mockup .custom-video-wrapper {
    aspect-ratio: 16/9;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .laptop-mockup .custom-video-wrapper {
    width: 60%;
  }
}
@media (max-width: 450px), (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .laptop-mockup .custom-video-wrapper {
    width: 85%;
  }
}
.laptop-mockup .custom-video-wrapper video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  border-radius: 12px;
}
.laptop-mockup img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.home .testimonial-area {
  padding-bottom: 120px;
}

.testimonial-area {
  z-index: 1;
  position: relative;
}
@media (max-width: 768px) {
  .testimonial-area {
    z-index: auto;
  }
}

.testimonial-area {
  position: relative;
  z-index: 1;
  height: 100%;
}
@media (max-width: 450px) {
  .testimonial-area {
    min-height: 1103px;
  }
}
@media (max-width: 575.98px) {
  .testimonial-area {
    min-height: 991px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .testimonial-area {
    min-height: 880px;
  }
}
@media (max-width: 400px) {
  .testimonial-area {
    min-height: 1120px;
  }
}
.testimonial-area::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 0;
}
.testimonial-area .nt-section-title {
  z-index: 99;
  position: relative;
}
@media (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .testimonial-area .testimonial-section {
    display: flex;
  }
}
.testimonial-area .testimonial-section .testimonial-slider-wrapper {
  position: relative;
  max-width: 890px;
  margin: 0 auto;
  padding-top: 57px;
  overflow: hidden;
  padding-left: 16px;
}
@media (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .testimonial-area .testimonial-section .testimonial-slider-wrapper {
    overflow: visible;
    padding-left: 0;
  }
}
.testimonial-area .testimonial-section .purple-circle-shape {
  position: absolute;
  bottom: 112px !important;
  right: 220px !important;
  width: 120px;
  top: unset;
  left: unset;
  height: 196px;
  border-radius: 50%;
  z-index: -1;
  filter: blur(161px);
  opacity: 0.7;
  background: rgb(159, 38, 255);
}
.testimonial-area .testimonial-section .testimonial-content-wrapper {
  width: 300px;
  position: relative;
}
@media (max-width: 575.98px) {
  .testimonial-area .testimonial-section .testimonial-content-wrapper {
    width: 280px;
  }
}
.testimonial-area .testimonial-section .testimonial-content-wrapper .testimonial-card-rotate-1 {
  max-width: 300px;
  width: 100%;
  display: flex;
  min-height: 360px;
  height: 100%;
  border: 1px solid var(--st-border-1);
  border-radius: 8px;
  position: absolute;
  top: 0;
  rotate: -5deg;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
}
@media (max-width: 575.98px) {
  .testimonial-area .testimonial-section .testimonial-content-wrapper .testimonial-card-rotate-1 {
    width: 280px;
  }
}
.testimonial-area .testimonial-section .testimonial-content-wrapper .testimonial-card-rotate-2 {
  max-width: 300px;
  width: 100%;
  display: flex;
  min-height: 360px;
  height: 100%;
  border: 1px solid var(--st-border-1);
  border-radius: 8px;
  position: absolute;
  top: 0;
  rotate: 5deg;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
}
@media (max-width: 575.98px) {
  .testimonial-area .testimonial-section .testimonial-content-wrapper .testimonial-card-rotate-2 {
    width: 280px;
  }
}
.testimonial-area .testimonial-section .testimonial-content-wrapper .testimonial-card {
  max-width: 300px;
  width: 300px;
  display: flex;
  min-height: 360px;
  height: 100%;
  border: solid 1px transparent;
  background: linear-gradient(white, white) padding-box, linear-gradient(262.44deg, #9F26FF 0%, #0567E1 99.51%) border-box;
  border-radius: 8px;
  text-align: center;
  background-color: var(--st-common-white);
  top: 0;
  flex-direction: column;
  align-items: center;
  position: absolute;
  top: 0;
  z-index: 1;
}
@media (max-width: 575.98px) {
  .testimonial-area .testimonial-section .testimonial-content-wrapper .testimonial-card {
    width: 280px;
  }
}
.testimonial-area .testimonial-section .testimonial-content-wrapper .testimonial-card .testimonial-text {
  max-width: 558px;
  width: 560px;
  min-height: 200px;
  padding: 40px 32px;
  position: absolute;
  padding-left: 64px;
  left: 313px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: left;
  background: #FAFCFE;
  z-index: -1;
  border: 1px solid rgb(232, 232, 234);
  border-left: none;
}
@media (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .testimonial-area .testimonial-section .testimonial-content-wrapper .testimonial-card .testimonial-text {
    width: 80vw;
    top: 396px;
    z-index: 99;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    padding: 24px 16px;
    border: 1px solid rgb(232, 232, 234);
  }
}
@media (max-width: 450px) {
  .testimonial-area .testimonial-section .testimonial-content-wrapper .testimonial-card .testimonial-text {
    width: 90vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .testimonial-area .testimonial-section .testimonial-content-wrapper .testimonial-card .testimonial-text {
    width: 340px;
    font-size: 16px;
    padding: 20px 24px;
  }
}
.testimonial-area .testimonial-section .testimonial-content-wrapper .testimonial-card .testimonial-text p {
  font-size: 20px;
  line-height: 28px;
  font-family: var(--st-ff-menu);
}
@media (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .testimonial-area .testimonial-section .testimonial-content-wrapper .testimonial-card .testimonial-text p {
    font-size: 16px;
  }
}
.testimonial-area .testimonial-section .testimonial-content-wrapper .testimonial-card .client-img {
  max-width: 140px;
  width: 100%;
  margin: 0 auto;
}
.testimonial-area .testimonial-section .testimonial-content-wrapper .testimonial-card .client-img img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.testimonial-area .testimonial-section .testimonial-content-wrapper .testimonial-card .client-author {
  padding-top: 32px;
  padding-bottom: 40px;
}
.testimonial-area .testimonial-section .testimonial-content-wrapper .testimonial-card .client-author .client-name {
  display: block;
  font-size: 20px;
  line-height: 24px;
  color: var(--st-grey-1);
  font-family: var(--st-ff-menu);
  font-weight: 600;
  padding-bottom: 4px;
}
.testimonial-area .testimonial-section .testimonial-content-wrapper .testimonial-card .client-author .client-deg {
  color: var(--st-grey-1);
  font-size: 16px;
}
.testimonial-area .testimonial-section .testimonial-content-wrapper .testimonial-card .qootef-icon {
  padding-bottom: 24px;
}
.testimonial-area .testimonial-section .testimonial-content-wrapper .testimonial-card .qootef-icon svg path {
  fill: rgb(17, 24, 39);
}
.testimonial-area .swiper-button-next::after, .testimonial-area .swiper-button-prev::after {
  display: none;
}

.testimonial-swiper,
.testimonial-swiper .swiper-wrapper {
  overflow: visible !important;
}

.testimonial-swiper .swiper-slide {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s;
}

.testimonial-swiper .swiper-slide.swiper-slide-active {
  opacity: 1;
  pointer-events: auto;
  z-index: 2;
}

.testimonial-swiper .swiper-slide.swiper-slide-next,
.testimonial-swiper .swiper-slide.swiper-slide-prev {
  opacity: 0 !important;
  pointer-events: none !important;
}

.testimonial-content-wrapper {
  position: relative;
  height: 360px;
}

.testimonial-card {
  transition: all 0.4s;
  z-index: 1;
}

.testimonial-card.active {
  z-index: 2;
}

.slider-btn {
  background: #fff;
  border: solid 1px transparent;
  background: linear-gradient(white, white) padding-box, linear-gradient(262.44deg, #9F26FF 0%, #0567E1 99.51%) border-box;
  border-radius: 2px;
  width: 32px;
  height: 32px;
  cursor: pointer;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
  transition: background 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.slider-btn i {
  font-size: 18px;
  background: var(--st-theme-gradient_1);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.recent-work {
  position: relative;
  background: #F2F7FD;
}
.recent-work .nt-section-title {
  padding-bottom: 48px;
}
@media (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .recent-work .nt-section-title {
    padding-bottom: 0;
  }
}
.recent-work .nt-section-title .row {
  align-items: end;
}
@media (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .recent-work .nt-section-title .text-end {
    text-align: start !important;
    margin-top: 24px;
  }
}
.recent-work .nt-section-title .description {
  padding: 0;
}
.recent-work .projectSwiper {
  overflow: hidden;
}
.recent-work .projects-layouts-tabs {
  position: relative;
  max-width: 648px;
  width: 100%;
  min-height: 558px;
  height: 100%;
  overflow: visible;
  z-index: 999;
  margin: 0 auto;
}
.recent-work .projects-layouts-tabs::after {
  position: absolute;
  width: 100%;
  height: 400px;
  content: "";
  background: #CDE1F9;
  top: 50px;
  rotate: -5deg;
  z-index: -1;
  border-radius: 12px;
}
.recent-work .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 18px;
  font-size: 22px;
  font-weight: bold;
  background: #F2F7FD;
}
.recent-work .custom-navigation button {
  color: #414652;
  padding: 4px;
  border: none;
  background: transparent;
  border-bottom: 1px solid #414652;
  cursor: pointer;
  outline: none;
  display: flex;
  gap: 8px;
  font-size: 20px;
  font-weight: bold;
  align-items: center;
  justify-content: space-between;
}
.recent-work .custom-prev {
  position: absolute;
  left: 100px;
  top: 50%;
}
@media (max-width: 575.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .recent-work .custom-prev {
    position: relative;
  }
}
.recent-work .custom-next {
  position: absolute;
  right: 100px;
  top: 50%;
}
@media (max-width: 575.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .recent-work .custom-next {
    position: relative;
  }
}
.recent-work .custom-pagination {
  font-weight: bold;
}
@media (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .recent-work .custom-pagination {
    display: none !important;
  }
}

.custom-navigation {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
  gap: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .custom-navigation {
    gap: 150px;
  }
}
@media (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .custom-navigation {
    gap: 215px;
    margin-top: 30px;
  }
}

.custom-pagination {
  font-weight: bold;
  font-size: 16px;
}

.custom-pagination .current-page {
  font-size: 68px;
  color: #414652;
}

.custom-pagination .total-page {
  font-size: 28px;
  color: #A0A3A9;
}

.projects-layouts-tabs {
  padding-top: 48px;
  /* Scale effect */
  /* Shine effect */
  /* Animate shine on hover */
}
.projects-layouts-tabs .project-item .image-wrapper {
  position: relative;
  z-index: 99;
  width: 100%;
  max-width: 648px;
  min-height: 400px;
  height: 100%;
  z-index: 99;
}
.projects-layouts-tabs .project-item img {
  width: 100%;
  max-width: 648px;
  min-height: 400px;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
  z-index: 99;
  position: relative;
}
.projects-layouts-tabs .project-item .content-wrapper {
  padding: 40px 0 0 62px;
  position: relative;
}
.projects-layouts-tabs .project-item .content-wrapper .title-wrapper {
  padding-top: 8px;
}
.projects-layouts-tabs .project-item .content-wrapper::after {
  content: "";
  position: absolute;
  left: 40px;
  bottom: 0;
  width: 2px;
  height: 170px;
  background: var(--st-border-2);
}
.projects-layouts-tabs .project-item .content-wrapper::before {
  content: "";
  position: absolute;
  left: 40px;
  bottom: 0;
  width: 2px;
  height: 0;
  background: var(--st-theme-gradient_1);
  transition: all 0.3s ease-in-out;
  z-index: 1;
}
.projects-layouts-tabs .project-item .content-wrapper span {
  color: rgb(112, 116, 125);
  font-size: 20px;
  line-height: 24px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .projects-layouts-tabs .project-item .content-wrapper span {
    font-size: 18px;
    line-height: 22px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  .projects-layouts-tabs .project-item .content-wrapper span {
    font-size: 16px;
    line-height: 20px;
  }
}
.projects-layouts-tabs .project-item:hover .content-wrapper::before {
  height: 170px;
}
.projects-layouts-tabs .custom-project-row-gap {
  margin-top: 60px;
  row-gap: 60px;
}
.projects-layouts-tabs .custom-project-row-gap:first-child {
  margin-top: 0;
}
.projects-layouts-tabs .load-more-projects {
  margin-top: 48px;
}
.projects-layouts-tabs .image-wrapper {
  border-radius: 8px;
  position: relative;
  overflow: hidden;
}
.projects-layouts-tabs .image-wrapper img {
  display: block;
  width: 100%;
  transition: transform 0.5s ease;
}
.projects-layouts-tabs .image-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  transform: skewX(-25deg);
  z-index: 1;
}
.projects-layouts-tabs .image-wrapper:hover::before {
  animation: shine 0.8s ease-in-out;
}
@keyframes shine {
  0% {
    left: -75%;
  }
  100% {
    left: 125%;
  }
}

#load-more-team {
  margin-top: 48px;
}

/**
 * Hero Section CSS
 */
.plugin-details-hero {
  position: relative;
}
.plugin-details-hero .hero-shape {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.plugin-details-hero .hero-shape svg {
  width: 100%;
}
.plugin-details-hero .hero-title {
  text-align: left;
}
.plugin-details-hero .hero-description {
  text-align: left;
  padding: 16px 0 24px 0;
}
.plugin-details-hero .hero-btn-wrapper {
  align-items: center;
  gap: 32px;
  padding-bottom: 40px;
}
@media (max-width: 575.98px) {
  .plugin-details-hero .hero-btn-wrapper {
    padding-bottom: 24px;
    flex-direction: column;
    align-items: start;
    gap: 12px;
  }
}
.plugin-details-hero .hero-right .right-img {
  width: 115%;
  height: 100%;
}
@media (max-width: 1600px) {
  .plugin-details-hero .hero-right .right-img {
    width: 100%;
  }
}
.plugin-details-hero .hero-right .right-img img {
  width: 100%;
  height: 100%;
}
.plugin-details-hero .hero-position {
  padding: 120px 0;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .plugin-details-hero .hero-position {
    padding: 80px 0;
    flex-direction: column-reverse;
  }
}
@media (max-width: 575.98px) {
  .plugin-details-hero .hero-position {
    padding: 50px 0;
    flex-direction: column-reverse;
  }
}
.plugin-details-hero .hero-circle-shape {
  width: 390px;
  height: 390px;
  top: 150px;
  right: 180px;
  left: unset;
  border-radius: 50%;
  z-index: -1;
  filter: blur(150px);
  opacity: 0.3;
  background: var(--st-theme-primary);
}

/**
 * Card Section CSS
 */
.plugin-details-card {
  padding: 120px 0;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .plugin-details-card {
    padding: 80px 0;
  }
}
@media (max-width: 575.98px) {
  .plugin-details-card {
    padding: 50px 0;
  }
}
.plugin-details-card .card-shape {
  width: 449px;
  height: 449px;
  top: unset;
  left: unset;
  bottom: -50px;
  right: -79px;
  opacity: 0.1;
  filter: blur(112.5px);
}
.plugin-details-card .single-cards {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 32px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .plugin-details-card .single-cards {
    padding: 0 24px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .plugin-details-card .single-cards {
    flex-wrap: wrap;
    justify-content: space-evenly;
    row-gap: 48px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  .plugin-details-card .single-cards {
    flex-direction: column;
    row-gap: 48px;
  }
}
.plugin-details-card .single-card {
  width: 312px;
  height: 312px;
  background: var(--st-bg-2);
  transform: rotate(-5deg);
  border: 1px solid var(--st-border-2);
  border-radius: 8px;
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  .plugin-details-card .single-card {
    width: 280px;
    height: 280px;
  }
}
.plugin-details-card .single-card .content-wrapper {
  width: 100%;
  height: 100%;
  background: var(--st-bg-2);
  transform: rotate(10deg);
  border: 1px solid var(--st-border-2);
  border-radius: 8px;
  transition: border 0.4s ease;
}
.plugin-details-card .single-card .content-wrapper:hover {
  border: 1px solid var(--st-theme-primary);
}
.plugin-details-card .single-card .content-info {
  width: 100%;
  height: 100%;
  transform: rotate(-5deg);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.plugin-details-card .single-card .number {
  padding: 32px 0 8px 0;
}

/**
 * Install process section style
 */
.install-process .install-process-text {
  background: var(--st-bg-1);
  padding: 120px 0 420px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .install-process .install-process-text {
    padding: 80px 0 305px 0;
  }
}
@media (max-width: 575.98px) {
  .install-process .install-process-text {
    padding: 50px 0 275px 0;
  }
}
.install-process .install-title {
  text-align: center;
}
.install-process .install-title span {
  background: var(--st-theme-gradient_1);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}
@media (max-width: 450px) {
  .install-process .install-title span {
    display: block;
  }
}
.install-process .install-description {
  display: flex;
  justify-content: center;
  text-align: center;
  padding: 16px 0 48px 0;
}
.install-process .install-description p {
  max-width: 700px;
}
.install-process .install-steps .row {
  row-gap: 24px;
}
.install-process .install-steps .install-step {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.install-process .steps-circle {
  max-width: 120px;
  min-height: 120px;
  width: 100%;
  height: 100%;
  border: 1px solid var(--st-border-2);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 450px) {
  .install-process .steps-circle {
    max-width: 85px;
    min-height: 85px;
  }
}
.install-process .steps-circle h5 {
  background: var(--st-theme-gradient_1);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}
.install-process .steps-divider {
  height: 160px;
  width: 1px;
  background: var(--st-border-2);
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  .install-process .steps-divider {
    height: 135px;
  }
}
.install-process .steps-text h5 {
  padding-bottom: 12px;
}
.install-process .install-process-video {
  position: relative;
  margin-top: -300px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  .install-process .install-process-video {
    margin-top: -225px;
  }
}
.install-process .install-process-video .process-video {
  min-height: 600px;
  height: 100%;
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 12px;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  .install-process .install-process-video .process-video {
    min-height: 450px;
  }
}
.install-process .install-process-video .process-video::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1;
}
.install-process .install-process-video .process-video * {
  position: relative;
  z-index: 2;
}
.install-process .install-process-video .button {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 575.98px) {
  .install-process .install-process-video .button {
    flex-direction: column;
    text-align: center;
  }
}
.install-process .install-process-video .button .play-btn {
  width: 80px;
  height: 80px;
  background: var(--st-common-white);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.install-process .install-process-video .button .play-text span, .install-process .install-process-video .button .play-text h4 {
  color: var(--st-common-white);
}
.install-process .install-process-video .button .play-text span {
  font-weight: 600;
}
.install-process .install-process-video .video {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.install-process .install-process-video .video-wrapper {
  z-index: 1000;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  display: none;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
}
.install-process .install-process-video .video-wrapper .show {
  display: flex;
  justify-content: center;
  align-items: center;
}
.install-process .install-process-video .video-wrapper #player {
  width: 560px;
  height: 315px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .install-process .install-process-video .video-wrapper #player {
    width: 520px;
  }
}
@media (max-width: 575.98px) {
  .install-process .install-process-video .video-wrapper #player {
    width: 380px;
  }
}
@media (max-width: 450px) {
  .install-process .install-process-video .video-wrapper #player {
    width: 300px;
    height: 280px;
  }
}
.install-process .install-process-video .close-btn {
  position: absolute;
  top: -10px;
  right: -10px;
  background: var(--st-common-white);
  color: black;
  font-size: 24px;
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  z-index: 3;
}

.install-title {
  text-align: center;
}
.install-title span {
  background: var(--st-theme-gradient_1);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}
@media (max-width: 450px) {
  .install-title span {
    display: block;
  }
}

.install-description {
  display: flex;
  justify-content: center;
  text-align: center;
  padding: 16px 0 48px 0;
}
.install-description p {
  max-width: 700px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  .install-description {
    padding: 8px 0 24px 0;
  }
}

/**
 * Product Layout Style
 */
.product-layout {
  margin-top: -300px;
  padding-top: 300px;
  position: relative;
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  .product-layout {
    margin-top: -225px;
    padding-top: 225px;
  }
}
.product-layout .product-layout-wrapper {
  padding: 120px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .product-layout .product-layout-wrapper {
    padding: 80px 0;
  }
}
@media (max-width: 575.98px) {
  .product-layout .product-layout-wrapper {
    padding: 50px 0;
  }
}
.product-layout .design-layout-top {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.product-layout .design-layout-top h2,
.product-layout .design-layout-top p {
  max-width: 670px;
}
.product-layout .design-layout-top p {
  padding: 16px 0 48px 0;
}
.product-layout .design-layout-top span {
  background: var(--st-theme-gradient_1);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}
@media (max-width: 450px) {
  .product-layout .design-layout-top span {
    display: block;
  }
}
.product-layout .choose-style {
  position: relative;
  min-height: 580px;
  border: 1px solid var(--st-border-2);
  border-radius: 12px;
  background: var(--st-bg-2);
  overflow: hidden;
  margin-bottom: 80px;
}
.product-layout .choose-style.is-last {
  margin-bottom: 0;
}
@media (max-width: 1050px) {
  .product-layout .choose-style {
    min-height: 455px;
  }
}
@media (max-width: 992px) {
  .product-layout .choose-style {
    min-height: 650px;
  }
}
@media (max-width: 1200px) {
  .product-layout .choose-style .left-content {
    max-width: 490px;
  }
}
@media (max-width: 1110px) {
  .product-layout .choose-style .left-content {
    max-width: 450px;
  }
}
@media (max-width: 992px) {
  .product-layout .choose-style .left-content {
    max-width: unset;
  }
}
@media (max-width: 1050px) {
  .product-layout .choose-style .left-content {
    padding: 30px 0 0 30px;
  }
}
@media (max-width: 450px) {
  .product-layout .choose-style .left-content {
    padding: 24px 0 0 24px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .product-layout .choose-style {
    min-height: 580px;
    margin-bottom: 50px;
  }
}
@media (max-width: 575.98px) {
  .product-layout .choose-style {
    min-height: 480px;
    margin-bottom: 30px;
  }
}
.product-layout .choose-style .choose-square {
  width: 528px;
  height: 520px;
  border: 1px solid var(--st-border-2);
  border-radius: 24px;
  position: absolute;
  bottom: 0;
  right: 60px;
  background: var(--st-bg-3);
  z-index: 1;
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  .product-layout .choose-style .choose-square {
    display: none;
  }
}
@media (max-width: 1050px) {
  .product-layout .choose-style .choose-square {
    right: 30px;
    width: 474px;
    height: 420px;
  }
}
.product-layout .choose-style .choose-shape {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 2;
}
.product-layout .choose-style .choose-shape svg {
  height: 420px;
  width: 648px;
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  .product-layout .choose-style .choose-shape svg {
    height: 300px;
    width: 100%;
  }
}
.product-layout .choose-style .choose-image {
  max-width: 528px;
  max-height: 514px;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 3;
  bottom: 0;
  right: 60px;
}
@media (max-width: 1050px) {
  .product-layout .choose-style .choose-image {
    width: 450px;
    height: 400px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .product-layout .choose-style .choose-image {
    width: 450px;
    height: 400px;
    right: unset;
    bottom: -35px;
    left: 35px;
  }
}
@media (max-width: 575.98px) {
  .product-layout .choose-style .choose-image {
    width: 400px;
    height: 400px;
    right: unset;
    bottom: -60px;
    left: 35px;
  }
}
@media (max-width: 450px) {
  .product-layout .choose-style .choose-image {
    width: 300px;
    height: 300px;
    right: unset;
    bottom: -40px;
    left: unset;
  }
}
.product-layout .choose-style .choose-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.product-layout .left-content {
  max-width: 580px;
  padding: 60px 0 0 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  .product-layout .left-content {
    max-width: unset;
  }
}
@media (max-width: 575.98px) {
  .product-layout .left-content {
    padding: 15px 0 0 15px;
  }
}
.product-layout .left-content p {
  padding: 24px 0 32px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  .product-layout .left-content p {
    padding: 12px 12px 24px 0;
  }
}
.product-layout .choose-btn {
  display: inline-block;
  position: relative;
  cursor: pointer;
}
.product-layout .choose-btn::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 0;
  background: var(--st-theme-secondery);
  transition: width 0.4s ease;
}
.product-layout .choose-btn:hover::after {
  width: 100%;
}
.product-layout .choose-btn a {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
}
.product-layout .choose-btn span {
  background: var(--st-theme-gradient_1);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
          background-clip: text;
}
.product-layout .choose-btn svg path {
  fill: var(--st-theme-secondery);
}
.product-layout .your-design {
  margin-top: 80px;
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .product-layout .your-design {
    min-height: 680px;
    margin-top: 50px;
  }
}
@media (max-width: 575.98px) {
  .product-layout .your-design {
    min-height: 600px;
    margin-top: 30px;
  }
}
@media (max-width: 450px) {
  .product-layout .your-design {
    min-height: 540px;
  }
}
@media (max-width: 340px) {
  .product-layout .your-design {
    min-height: 560px;
  }
}
.product-layout .your-design .choose-shape {
  right: unset;
  left: 0;
}
.product-layout .your-design .choose-shape svg {
  transform: scaleX(-1);
}
.product-layout .your-design .choose-square {
  right: unset;
  left: 60px;
}
.product-layout .your-design .choose-image {
  right: unset;
  left: 80px;
  max-width: 480px;
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  .product-layout .your-design .choose-image {
    left: 0;
    bottom: 0;
  }
}
.product-layout .your-design .choose-style-wrapper {
  display: flex;
  justify-content: right;
}
.product-layout .your-design .choose-style-wrapper .left-content {
  padding: 60px 60px 0 0;
}
@media (max-width: 1050px) {
  .product-layout .your-design .choose-style-wrapper .left-content {
    padding: 30px 0 0 30px;
  }
}
@media (max-width: 450px) {
  .product-layout .your-design .choose-style-wrapper .left-content {
    padding: 24px 0 0 24px;
  }
}
.product-layout .exclusive-perks .perk-tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 52px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .product-layout .exclusive-perks .perk-tags {
    padding-bottom: 24px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  .product-layout .exclusive-perks .perk-tags {
    padding-bottom: 12px;
  }
}
.product-layout .exclusive-perks .perk-tag {
  background: var(--st-common-white);
  display: inline-flex;
  align-items: center;
  padding: 8px 32px 8px 8px;
  gap: 12px;
  border-radius: 42px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
  transition: transform 0.3s ease;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  .product-layout .exclusive-perks .perk-tag {
    padding: 8px 16px 8px 8px;
    gap: 8px;
  }
  .product-layout .exclusive-perks .perk-tag h4 {
    font-size: 18px;
  }
}
.product-layout .exclusive-perks .perk-tag:hover {
  transform: scale(1.05);
}
.product-layout .exclusive-perks .perk-tag .icon {
  width: 60px;
  height: 60px;
  background: var(--st-bg-1);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  .product-layout .exclusive-perks .perk-tag .icon {
    width: 40px;
    height: 40px;
  }
  .product-layout .exclusive-perks .perk-tag .icon svg {
    width: 18px;
    height: 18px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .product-layout .exclusive-perks .first-layer .perk-tags {
    gap: 52px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  .product-layout .exclusive-perks .first-layer .perk-tags {
    justify-content: center;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .product-layout .exclusive-perks .first-layer .perk-tags {
    gap: 24px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  .product-layout .exclusive-perks .first-layer .perk-tags {
    gap: 12px;
  }
}
.product-layout .exclusive-perks .second-layer .perk-tags,
.product-layout .exclusive-perks .third-layer .perk-tags {
  justify-content: center;
  gap: 52px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .product-layout .exclusive-perks .second-layer .perk-tags,
  .product-layout .exclusive-perks .third-layer .perk-tags {
    gap: 24px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  .product-layout .exclusive-perks .second-layer .perk-tags,
  .product-layout .exclusive-perks .third-layer .perk-tags {
    gap: 12px;
  }
}
.product-layout .exclusive-perks .perks-btn-wrapper {
  gap: 32px;
  flex-wrap: wrap;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  .product-layout .exclusive-perks .perks-btn-wrapper {
    padding-top: 12px;
  }
}
@media (max-width: 575.98px) {
  .product-layout .exclusive-perks .perks-btn-wrapper {
    gap: 12px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  .product-layout .exclusive-perks .custom-d-none {
    display: none;
  }
}
.product-layout .exclusive-perks .custom-d-block {
  display: none;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  .product-layout .exclusive-perks .custom-d-block {
    display: block;
  }
}
.product-layout .layout-shape {
  width: 381px;
  height: 381px;
  top: 450px;
  left: 5px;
  bottom: unset;
  right: unset;
  opacity: 0.2;
  filter: blur(50px);
}
.product-layout .layout2-shape {
  width: 400px;
  height: 400px;
  background: var(--st-theme-primary);
  opacity: 0.2;
  filter: blur(80px);
  top: unset;
  left: unset;
  bottom: 600px;
  right: -200px;
}

/**
 * FAQ Area Style
 */
.faq-area .install-description {
  max-width: 530px;
  margin: 0 auto;
}
.faq-area .accordion-container {
  max-width: 875px;
  margin: 0 auto;
}

.plugin-faq-area .faq-wrapper {
  padding: 0 12px;
}

/**
* Related Product Area Style
*/
.related-product {
  padding: 120px 0;
}
.related-product .install-title {
  text-align: unset;
}
.related-product .top-area {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}
@media (max-width: 450px) {
  .related-product .top-area {
    flex-direction: column;
    align-items: start;
  }
  .related-product .top-area span {
    display: inline;
  }
}
.related-product .single-item .discount-badge {
  border-radius: 4px !important;
}
@media (max-width: 450px) {
  .related-product .single-item .discount-badge {
    right: 10px !important;
  }
}
.related-product .product-inner {
  padding: 48px 12px 12px 12px;
}
@media (max-width: 450px) {
  .related-product .card-content {
    padding: 24px 0 0 0 !important;
  }
}

/**
* Testimonial Area Style
*/
.plugin-testimonial-area {
  background: var(--st-bg-2);
  overflow: hidden;
}
.plugin-testimonial-area .install-description {
  padding: 16px 0 0 0;
}
.plugin-testimonial-area .install-description p {
  max-width: 524px;
}

.theme-details-content-area .theme-info-wrapper .category-wrapper {
  display: inline-block;
  border-radius: 4px;
  background: var(--st-common-white);
  padding: 4px 12px;
  margin-bottom: 16px;
}
.theme-details-content-area .theme-info-wrapper .category-wrapper p {
  color: rgb(65, 70, 82);
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}
.theme-details-content-area .theme-info-wrapper .button-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 32px;
  position: relative;
  z-index: 1;
}
@media (max-width: 390px) {
  .theme-details-content-area .theme-info-wrapper .button-wrapper {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
}
.theme-details-content-area .theme-info-wrapper .meta-info {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 60px;
  flex-wrap: wrap;
  row-gap: 20px;
  padding: 24px 0;
}
.theme-details-content-area .theme-info-wrapper .meta-info h6 {
  display: inline-block;
  font-weight: var(--st-fw-regular);
}
.theme-details-content-area .theme-info-wrapper .meta-info i {
  font-size: 24px;
  color: rgb(65, 70, 82);
}
.theme-details-content-area .theme-info-wrapper .meta-info svg {
  width: 24px;
  height: 24px;
}
.theme-details-content-area .theme-info-wrapper .meta-info .sales-count h6 {
  margin-left: 8px;
}
.theme-details-content-area .theme-info-wrapper .meta-info .rating-count .star {
  display: inline-block;
  margin-left: 8px;
}
.theme-details-content-area .theme-info-wrapper .meta-info .rating-count .star i {
  color: #F3C640;
}
.theme-details-content-area .theme-info-wrapper .meta-info .update-info {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.theme-details-content-area .theme-info-wrapper .meta-info .social-share {
  display: flex;
  align-items: center;
}
.theme-details-content-area .theme-info-wrapper .meta-info .socils-icon {
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 24px;
  margin-left: 9px;
  padding-bottom: 3px;
}
.theme-details-content-area .details-wrapper {
  position: relative;
  padding-top: 48px;
}
.theme-details-content-area .details-wrapper .blue-circle-shape {
  right: 0;
  top: -160px;
}
.theme-details-content-area .details-wrapper .feature-image-area img {
  position: relative;
  width: 100%;
  height: auto;
  border: 1px solid var(--st-border-2);
  border-radius: 8px;
  z-index: 1;
}
.theme-details-content-area .theme-tab-area {
  position: relative;
  padding-top: 60px;
  padding-bottom: 48px;
}
.theme-details-content-area .theme-tab-area .description-area p {
  padding: 32px 0;
}
.theme-details-content-area .theme-tab-area .description-area p:last-child {
  padding-bottom: 0;
}
.theme-details-content-area .theme-tab-area .description-area .content-img-wrapper img {
  width: 100%;
  height: auto;
  border-radius: 8px;
}
.theme-details-content-area .theme-tab-area .review-area li {
  list-style: none;
}
.theme-details-content-area .theme-tab-area .review-area .top-area {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--st-border-2);
  padding-bottom: 33px;
}
.theme-details-content-area .theme-tab-area .review-area .top-area .review-count i {
  font-size: 28px;
  color: rgb(243, 198, 64);
}
.theme-details-content-area .theme-tab-area .review-area .top-area .review-count h4 {
  display: inline-block;
}
.theme-details-content-area .theme-tab-area .review-area .top-area select {
  background: var(--st-bg-2);
  border: 1px solid var(--st-border-2);
  border-radius: 4px;
  padding: 8px 48px 8px 16px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3e%3cpath d='M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z'%3e%3c/path%3e%3c/svg%3e") no-repeat right 10px center;
  background-size: 24px;
}
.theme-details-content-area .theme-tab-area .review-area .top-area select:focus {
  outline: none;
}
.theme-details-content-area .theme-tab-area .review-area .review-lists {
  border-bottom: 1px solid var(--st-border-2);
  padding-bottom: 60px;
  margin-bottom: 60px;
}
.theme-details-content-area .theme-tab-area .review-area .customer-comments {
  padding-top: 32px;
}
.theme-details-content-area .theme-tab-area .review-area .comment-item {
  background: var(--st-bg-2);
  border: 1px solid var(--st-border-2);
  border-radius: 8px;
  padding: 24px;
  margin-top: 32px;
}
.theme-details-content-area .theme-tab-area .review-area .comment-item:first-child {
  margin-top: 0;
}
.theme-details-content-area .theme-tab-area .review-area .comment-item .comment-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.theme-details-content-area .theme-tab-area .review-area .comment-item .comment-header img {
  display: inline-block;
  width: 28px;
  height: 28px;
  border-radius: 2px;
  background: rgb(205, 225, 249);
}
.theme-details-content-area .theme-tab-area .review-area .comment-item .comment-header h6 {
  display: inline-block;
  margin-left: 8px;
}
.theme-details-content-area .theme-tab-area .review-area .comment-item .comment-header .comment-rating {
  display: inline-block;
}
.theme-details-content-area .theme-tab-area .review-area .comment-item .comment-header .comment-rating i {
  font-size: 18px;
  color: rgb(243, 198, 64);
}
.theme-details-content-area .theme-tab-area .review-area .reply-item {
  margin-top: 32px !important;
  margin-left: 60px;
}
.theme-details-content-area .theme-tab-area .review-area .comment-form .review-box {
  background: var(--st-common-white);
  padding: 30px;
  border-radius: 12px;
  border: 1px solid var(--st-border-2);
}
.theme-details-content-area .theme-tab-area .review-area .comment-form h4 {
  margin-bottom: 24px;
}
.theme-details-content-area .theme-tab-area .review-area .comment-form .rating-group {
  display: inline-flex;
  direction: rtl;
  justify-content: flex-end;
  gap: 5px;
}
.theme-details-content-area .theme-tab-area .review-area .comment-form .rating-group input {
  display: none;
}
.theme-details-content-area .theme-tab-area .review-area .comment-form .rating-group label {
  font-size: 22px;
  color: #ccc;
  cursor: pointer;
  transition: color 0.3s;
}
.theme-details-content-area .theme-tab-area .review-area .comment-form .rating-group input:checked ~ label,
.theme-details-content-area .theme-tab-area .review-area .comment-form .rating-group label:hover,
.theme-details-content-area .theme-tab-area .review-area .comment-form .rating-group label:hover ~ label {
  color: #fbbc04;
}
.theme-details-content-area .theme-tab-area .review-area .comment-form .form-group {
  display: flex;
  gap: 32px;
  margin-bottom: 32px;
  margin-top: 24px;
}
@media (max-width: 575.98px) {
  .theme-details-content-area .theme-tab-area .review-area .comment-form .form-group {
    flex-direction: column;
  }
}
.theme-details-content-area .theme-tab-area .review-area .comment-form .form-group input,
.theme-details-content-area .theme-tab-area .review-area .comment-form .textarea {
  width: 100%;
  padding: 11px 16px;
  font-size: var(--st-fz-p);
  line-height: var(--st-lh-p);
  border: 1px solid var(--st-border-2);
  border-radius: 4px;
  outline: none;
  transition: border 0.3s;
  color: rgb(160, 163, 169);
}
.theme-details-content-area .theme-tab-area .review-area .comment-form input,
.theme-details-content-area .theme-tab-area .review-area .comment-form .textarea {
  height: 48px;
}
.theme-details-content-area .theme-tab-area .review-area .comment-form input::-moz-placeholder, .theme-details-content-area .theme-tab-area .review-area .comment-form .textarea::-moz-placeholder {
  font-family: var(--st-ff-body);
  color: rgb(160, 163, 169);
  font-size: var(--st-fz-p);
  line-height: var(--st-lh-p);
}
.theme-details-content-area .theme-tab-area .review-area .comment-form input::placeholder,
.theme-details-content-area .theme-tab-area .review-area .comment-form .textarea::placeholder {
  font-family: var(--st-ff-body);
  color: rgb(160, 163, 169);
  font-size: var(--st-fz-p);
  line-height: var(--st-lh-p);
}
.theme-details-content-area .theme-tab-area .review-area .comment-form .form-group input:focus,
.theme-details-content-area .theme-tab-area .review-area .comment-form .textarea:focus {
  border-image: var(--st-theme-gradient_1);
  border-radius: 6px;
  border-image-slice: 1;
  outline: none;
  -o-border-image: var(--st-theme-gradient_1);
}
.theme-details-content-area .theme-tab-area .review-area .comment-form .textarea {
  min-height: 120px;
  resize: vertical;
}
.theme-details-content-area .theme-tab-area .review-area .comment-form button {
  border: none;
  cursor: pointer;
}
.theme-details-content-area .theme-tab-area .review-area .comment-form .label-heading {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}
.theme-details-content-area .theme-tab-area .review-area #review-response {
  margin-top: 10px;
}
.theme-details-content-area .theme-tab-area .support-area .support-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 60px 0 0 0;
}
@media (max-width: 500px) {
  .theme-details-content-area .theme-tab-area .support-area .support-footer {
    flex-direction: column;
    gap: 12px;
  }
}
.theme-details-content-area .tab-link-wrapper {
  background: var(--st-common-white);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  position: relative;
  transition: all 0.4s ease;
  padding: 8px;
}
.theme-details-content-area .tab-link-wrapper .nav-pills .nav-link.active {
  background: var(--st-theme-gradient_1);
  color: var(--st-common-white);
}
@media (max-width: 575.98px) {
  .theme-details-content-area .tab-link-wrapper .nav-pills {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
  }
}
.theme-details-content-area .tab-link-wrapper .nav-pills .nav-link {
  color: var(--st-grey-1);
  background: var(--st-bg-1);
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  font-family: var(--st-ff-button);
  padding: 12px 24px;
  border-radius: 4px;
  transition: all 0.4s ease;
}
.theme-details-content-area .tab-link-wrapper li {
  padding-right: 24px;
}
.theme-details-content-area .tab-link-wrapper li:last-child {
  padding-right: 0;
}
@media (max-width: 575.98px) {
  .theme-details-content-area .tab-link-wrapper li {
    padding-right: 0;
  }
}
.theme-details-content-area .tab-link-wrapper.sticky-tab {
  position: fixed;
  bottom: 20px;
  z-index: 1000;
}
@media (max-width: 575px) {
  .theme-details-content-area .tab-link-wrapper.sticky-tab {
    left: 50%;
    transform: translateX(-50%);
  }
}
@media (min-width: 1100px) {
  .theme-details-content-area .tab-link-wrapper.sticky-tab {
    left: 50%;
    transform: translateX(-50%);
  }
}
@media (min-width: 785px) and (max-width: 1099px) {
  .theme-details-content-area .tab-link-wrapper.sticky-tab {
    left: 30%;
    transform: translateX(-24%);
  }
}
@media (min-width: 768px) and (max-width: 785px) {
  .theme-details-content-area .tab-link-wrapper.sticky-tab {
    left: 28%;
    transform: translateX(-22%);
  }
}
.theme-details-content-area .customer-support {
  text-align: center;
}
.theme-details-content-area .customer-support .main-primary-btn {
  margin: 24px 0 32px;
}
.theme-details-content-area .customer-support img {
  max-width: 328px;
  width: 100%;
  height: auto;
}
.theme-details-content-area .feature-list-area .list-item {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  border-bottom: 1px solid var(--st-border-2);
  padding-bottom: 16px;
  margin-bottom: 16px;
}
.theme-details-content-area .feature-list-area .list-item:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.theme-details-content-area .feature-list-area .list-item .name {
  width: 50%;
}
.theme-details-content-area .feature-list-area .list-item .value {
  width: 50%;
  text-align: right;
}
.theme-details-content-area .feature-list-area .list-item span {
  background: var(--st-theme-gradient_1);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  display: inline-block;
}
.theme-details-content-area .sidebar-card {
  margin-bottom: 48px;
}
.theme-details-content-area .sidebar-card:last-child {
  margin-bottom: 0;
}
.theme-details-content-area .theme-info-area {
  position: sticky;
  top: 0;
}
.theme-details-content-area .theme-details {
  padding-top: 60px;
}

.faq-wrapper {
  padding-top: 32px;
}
.faq-wrapper .accordion-item {
  margin-bottom: 32px;
  overflow: hidden;
}
.faq-wrapper .accordion-item:last-child {
  margin-bottom: 0;
}
.faq-wrapper .accordion-header {
  position: relative;
  padding-right: 80px;
}
@media (max-width: 575.98px), only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .faq-wrapper .accordion-header {
    padding-right: 60px;
  }
}
.faq-wrapper .accordion-header h6 {
  background: var(--st-common-white);
  border: 1px solid var(--st-border-2);
  border-radius: 4px;
  padding: 20px 32px;
}
@media (max-width: 575.98px), only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .faq-wrapper .accordion-header h6 {
    padding: 15px 20px;
  }
}
.faq-wrapper .accordion-header::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 68px;
  height: 100%;
  background: var(--st-common-white);
  border: 1px solid var(--st-border-2);
  border-radius: 4px;
}
@media (max-width: 575.98px), only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .faq-wrapper .accordion-header::before {
    width: 48px;
  }
}
.faq-wrapper .accordion-header::after {
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%) rotate(0deg);
  content: "";
  transition: transform 0.3s ease;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3e%3cpath d='M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z'%3e%3c/path%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media (max-width: 575.98px), only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .faq-wrapper .accordion-header::after {
    right: 12px;
  }
}
.faq-wrapper .accordion-item.active .accordion-header::after {
  transform: translateY(-50%) rotate(180deg); /* up arrow */
}
.faq-wrapper .accordion-item.active .accordion-header::before {
  background: var(--st-bg-2);
}
.faq-wrapper .accordion-item.active .accordion-header h6 {
  background: var(--st-bg-2);
}
.faq-wrapper .accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease;
  padding: 0 24px;
}
.faq-wrapper .accordion-item.active .accordion-content {
  padding: 16px 24px;
  max-height: 300px;
  background: var(--st-bg-2);
  border: 1px solid var(--st-border-2);
  border-radius: 4px;
  margin-top: 8px;
}

.nt-blog-content-wrapper .blog-details-wrapper .bd-hero-banner {
  border: 1px solid #E8E8EA;
  border-radius: 8px;
}
.nt-blog-content-wrapper .blog-details-wrapper .bd-hero-banner img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 16/9;
  border-radius: 8px 8px 0px 0px;
  min-height: 485px;
  height: 100%;
}
.nt-blog-content-wrapper .blog-details-wrapper .bd-hero-banner .blog-meta {
  display: flex;
  justify-content: space-between;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  .nt-blog-content-wrapper .blog-details-wrapper .bd-hero-banner .blog-meta {
    flex-direction: column-reverse;
  }
}
.nt-blog-content-wrapper .blog-details-wrapper .bd-hero-banner .blog-meta .blog-details-admin-area {
  display: flex;
  gap: 55px;
  border-right: 1px solid #E8E8EA;
  padding: 24px 55px 24px 32px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  .nt-blog-content-wrapper .blog-details-wrapper .bd-hero-banner .blog-meta .blog-details-admin-area {
    gap: 12px;
    padding: 16px;
  }
}
.nt-blog-content-wrapper .blog-details-wrapper .bd-hero-banner .blog-meta .blog-details-admin-area a i {
  padding-right: 4px;
}
.nt-blog-content-wrapper .blog-details-wrapper .bd-hero-banner .blog-meta .blog-details-admin-area a span {
  font-size: 13px;
  font-weight: 400;
  font-family: var(--st-ff-body);
}
.nt-blog-content-wrapper .blog-details-wrapper .bd-hero-banner .blog-meta .blog-social-share {
  display: flex;
  gap: 32px;
  padding: 24px 32px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  .nt-blog-content-wrapper .blog-details-wrapper .bd-hero-banner .blog-meta .blog-social-share {
    padding: 16px;
  }
}
.nt-blog-content-wrapper .blog-details-wrapper .blog-details-main-content {
  padding-top: 32px;
}
.nt-blog-content-wrapper .blog-details-wrapper .blog-details-main-content .content-details-section {
  padding-bottom: 32px;
}
.nt-blog-content-wrapper .blog-details-wrapper .blog-details-main-content .content-details-section p {
  margin-bottom: 32px;
}
.nt-blog-content-wrapper .blog-details-wrapper .blog-details-main-content .content-details-section p .bl-heading {
  font-size: 20px;
  margin-bottom: 0px;
}
.nt-blog-content-wrapper .blog-details-wrapper .blog-details-main-content .content-details-section p img {
  margin-top: 32px;
  width: 100%;
  -o-object-fit: fill;
     object-fit: fill;
  aspect-ratio: 16/9;
  border-radius: 8px;
}
.nt-blog-content-wrapper .blog-details-wrapper .blog-details-main-content .content-details-section ul {
  list-style: inside;
  margin: 4px 15px;
}
.nt-blog-content-wrapper .blog-details-wrapper .blog-details-main-content .content-details-img img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 16/9;
  border-radius: 8px;
}
.nt-blog-content-wrapper .blog-details-wrapper .blog-details-main-content .blog-details-tags {
  display: flex;
  gap: 16px;
}
.nt-blog-content-wrapper .blog-details-wrapper .blog-details-main-content .blog-details-tags span {
  font-size: 20px;
  font-weight: 600;
}
.nt-blog-content-wrapper .blog-details-wrapper .blog-details-main-content .post-navigation {
  display: flex;
  justify-content: space-between;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  padding: 20px;
  color: #6b7280;
  font-weight: 500;
  font-size: 20px;
  margin: 60px 0;
}
.nt-blog-content-wrapper .blog-details-wrapper .blog-details-main-content .post-navigation a {
  text-decoration: none;
  color: inherit;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  transition: color 0.3s ease;
}
.nt-blog-content-wrapper .blog-details-wrapper .blog-details-main-content .post-navigation a:hover {
  color: #374151;
}
.nt-blog-content-wrapper .blog-details-wrapper .blog-details-main-content .post-navigation a i {
  font-size: 24px;
}
.nt-blog-content-wrapper .blog-details-wrapper .blog-details-main-content .br-mi-nav {
  position: relative;
}
.nt-blog-content-wrapper .blog-details-wrapper .blog-details-main-content .br-mi-nav::after {
  position: absolute;
  content: " ";
  width: 1px;
  height: 100%;
  background-color: #e0e0e0;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.nt-blog-content-wrapper .blog-details-wrapper .blog-details-main-content .comment-area-wrapper .comment-list .top-comment-area {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--st-border-2);
  padding-bottom: 33px;
}
.nt-blog-content-wrapper .blog-details-wrapper .blog-details-main-content .comment-area-wrapper .comment-list .top-comment-area .comment-count i {
  font-size: 28px;
}
.nt-blog-content-wrapper .blog-details-wrapper .blog-details-main-content .comment-area-wrapper .comment-list .top-comment-area .comment-count h4 {
  display: inline-block;
}
.nt-blog-content-wrapper .blog-details-wrapper .blog-details-main-content .comment-area-wrapper .comment-list .top-comment-area .comment-filter {
  position: relative;
}
.nt-blog-content-wrapper .blog-details-wrapper .blog-details-main-content .comment-area-wrapper .comment-list .top-comment-area .comment-filter select {
  border: 1px solid var(--st-border-2);
  border-radius: 4px;
  padding: 8px 48px 8px 16px;
  background-size: 24px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.nt-blog-content-wrapper .blog-details-wrapper .blog-details-main-content .comment-area-wrapper .comment-list .top-comment-area .comment-filter .custom-select-icon {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  font-size: 20px;
  color: #555;
}
.nt-blog-content-wrapper .blog-details-wrapper .blog-details-main-content .comment-area-wrapper .comment-list .customer-comments {
  padding-top: 32px;
}
.nt-blog-content-wrapper .blog-details-wrapper .blog-details-main-content .comment-area-wrapper .comment-list .customer-comments ul .comment-item {
  background: var(--st-bg-2);
  border: 1px solid var(--st-border-2);
  border-radius: 8px;
  padding: 24px;
  margin-top: 32px;
}
.nt-blog-content-wrapper .blog-details-wrapper .blog-details-main-content .comment-area-wrapper .comment-list .customer-comments ul .comment-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.nt-blog-content-wrapper .blog-details-wrapper .blog-details-main-content .comment-area-wrapper .comment-list .customer-comments ul .comment-header .comment-author {
  display: flex;
  gap: 8px;
}
.nt-blog-content-wrapper .blog-details-wrapper .blog-details-main-content .comment-area-wrapper .comment-list .customer-comments ul .comment-header .comment-author img {
  display: inline-block;
  width: 28px;
  height: 28px;
  border-radius: 2px;
  background: rgb(205, 225, 249);
}
.nt-blog-content-wrapper .blog-details-wrapper .blog-details-main-content .comment-area-wrapper .comment-list .customer-comments ul .comment-replies {
  position: relative;
  margin-left: 60px;
}
.nt-blog-content-wrapper .blog-details-wrapper .blog-details-main-content .comment-area-wrapper .comment-list .customer-comments ul .comment-replies::after {
  content: "";
  height: 20px;
  width: 20px;
  position: absolute;
  top: -10px;
  left: 5%;
  background: var(--st-bg-2);
  border-top: 1px solid var(--st-border-2);
  border-left: 1px solid var(--st-border-2);
  border-radius: 6px 0;
  transform: rotate(45deg);
}

.project-lists-area {
  padding: 80px 0 120px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .project-lists-area {
    padding: 60px 0 80px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  .project-lists-area {
    padding: 50px 0;
  }
}

.project-layouts-tab-area .tab-link-wrapper {
  background: var(--st-common-white);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  position: relative;
  transition: all 0.4s ease;
  padding: 8px;
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
@media (max-width: 575.98px) {
  .project-layouts-tab-area .tab-link-wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
  }
}
.project-layouts-tab-area .tab-link-wrapper .project-tab-link.active {
  background: var(--st-theme-gradient_1);
  color: var(--st-common-white);
}
.project-layouts-tab-area .tab-link-wrapper .project-tab-link {
  color: var(--st-grey-1);
  background: var(--st-bg-1);
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  font-family: var(--st-ff-button);
  padding: 12px 24px;
  border-radius: 4px;
  transition: all 0.4s ease;
  border: none;
}

.projects-layouts-tabs {
  padding-top: 48px;
  /* Scale effect */
  /* Shine effect */
  /* Animate shine on hover */
}
.projects-layouts-tabs .project-item img {
  width: 100%;
  max-height: 400px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
}
.projects-layouts-tabs .project-item .content-wrapper {
  padding: 40px 0 0 62px;
  position: relative;
}
.projects-layouts-tabs .project-item .content-wrapper .title-wrapper {
  padding-top: 8px;
}
.projects-layouts-tabs .project-item .content-wrapper::after {
  content: "";
  position: absolute;
  left: 40px;
  bottom: 0;
  width: 2px;
  height: 170px;
  background: var(--st-border-2);
}
.projects-layouts-tabs .project-item .content-wrapper::before {
  content: "";
  position: absolute;
  left: 40px;
  bottom: 0;
  width: 2px;
  height: 0;
  background: var(--st-theme-gradient_1);
  transition: all 0.3s ease-in-out;
  z-index: 1;
}
.projects-layouts-tabs .project-item .content-wrapper span {
  color: rgb(112, 116, 125);
  font-size: 20px;
  line-height: 24px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .projects-layouts-tabs .project-item .content-wrapper span {
    font-size: 18px;
    line-height: 22px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  .projects-layouts-tabs .project-item .content-wrapper span {
    font-size: 16px;
    line-height: 20px;
  }
}
.projects-layouts-tabs .project-item:hover .content-wrapper::before {
  height: 170px;
}
.projects-layouts-tabs .custom-project-row-gap {
  margin-top: 60px;
  row-gap: 60px;
}
.projects-layouts-tabs .custom-project-row-gap:first-child {
  margin-top: 0;
}
.projects-layouts-tabs .load-more-projects {
  margin-top: 48px;
}
.projects-layouts-tabs .image-wrapper {
  border-radius: 8px;
  position: relative;
  overflow: hidden;
}
.projects-layouts-tabs .image-wrapper img {
  display: block;
  width: 100%;
  transition: transform 0.5s ease;
}
.projects-layouts-tabs .image-wrapper:hover img {
  transform: scale(1.15);
}
.projects-layouts-tabs .image-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  transform: skewX(-25deg);
  z-index: 1;
}
.projects-layouts-tabs .image-wrapper:hover::before {
  animation: shine 0.8s ease-in-out;
}
@keyframes shine {
  0% {
    left: -75%;
  }
  100% {
    left: 125%;
  }
}

.project-details-area {
  padding: 80px 0 120px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .project-details-area {
    padding: 80px 0 80px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  .project-details-area {
    padding: 50px 0;
  }
}
.project-details-area .title-wrapper {
  padding-top: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .project-details-area .title-wrapper {
    padding-top: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  .project-details-area .title-wrapper {
    padding-top: 30px;
  }
}
.project-details-area .title-wrapper .banner-title {
  margin: 0;
  padding: 0;
}
.project-details-area .title-wrapper .right-button-area {
  justify-content: flex-end;
}
@media (max-width: 767px) {
  .project-details-area .title-wrapper .right-button-area {
    justify-content: flex-start;
  }
}
.project-details-area .title-wrapper .right-button-area .project-btn {
  margin-top: 20px;
}

.project-details-container {
  position: relative;
  z-index: 1;
}
@media (min-width: 1200px) {
  .project-details-container {
    max-width: 1096px;
    width: 100%;
  }
}
.project-details-container .feature-image-wrapper img {
  width: 100%;
  max-height: 604px;
  height: auto;
  border-radius: 12px;
}
.project-details-container .project-content h2 {
  padding: 80px 0 12px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .project-details-container .project-content h2 {
    padding: 60px 0 12px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  .project-details-container .project-content h2 {
    padding: 40px 0 12px;
  }
}
.project-details-container .project-content h5 {
  padding: 24px 0 0 0;
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  .project-details-container .project-content h5 {
    padding: 12px 0 0 0;
  }
}
.project-details-container .project-content .wp-block-list {
  list-style: decimal;
  padding-left: 25px;
  margin-top: 24px;
}
.project-details-container .project-content .wp-block-list > li {
  font-size: var(--st-fz-h6);
  line-height: var(--st-lh-h6);
  font-weight: var(--st-fw-sbold);
  color: var(--st-grey-1);
  padding: 5px 0;
}
.project-details-container .project-content .wp-block-list .wp-block-list {
  list-style: disc;
  margin-top: 0;
}
.project-details-container .project-content .wp-block-list .wp-block-list li {
  font-size: var(--st-fz-p);
  line-height: var(--st-lh-p);
  font-weight: var(--st-fw-regular);
  color: var(--st-text-body);
}
.project-details-container .project-content .normal-list-element li {
  font-size: var(--st-fz-p);
  line-height: var(--st-lh-p);
  font-weight: var(--st-fw-regular);
  color: var(--st-text-body);
  list-style: disc;
}
.project-details-container .project-content .wp-block-table {
  margin-top: 36px;
}
.project-details-container .project-content .wp-block-table thead {
  border: 0;
  background: var(--st-bg-3);
  text-align: center;
}
.project-details-container .project-content .wp-block-table td,
.project-details-container .project-content .wp-block-table th {
  border: 1px solid var(--st-border-2);
  text-align: center;
}
.project-details-container .project-content .wp-block-table th {
  font-size: 20px;
  line-height: 28px;
  color: rgb(0, 0, 0);
  font-weight: 600;
  padding: 16px 8px;
}
.project-details-container .project-content .wp-block-table td {
  font-size: 20px;
  line-height: 28px;
  color: rgb(0, 0, 0);
  font-weight: 400;
  padding: 16px 8px;
}
.project-details-container .project-content .wp-block-columns h5 {
  margin-bottom: 24px;
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  .project-details-container .project-content .wp-block-columns h5 {
    margin-bottom: 12px;
  }
}
@media (max-width: 781px) {
  .project-details-container .project-content .wp-block-columns {
    gap: 0;
  }
}
.project-details-container .project-content .wp-block-columns img {
  width: 100%;
  max-height: 360px;
  height: auto;
  border-radius: 12px;
}
.project-details-container .project-content .wp-block-columns figure {
  margin: 0;
}
.project-details-container .project-content .wp-block-columns figcaption {
  margin: 16px 0 0;
}
.project-details-container .project-content blockquote {
  position: relative;
  background: var(--st-common-white);
  border: 1px solid var(--st-border-2);
  border-radius: 4px;
  padding: 20px 24px;
  margin: 32px 0 0;
  overflow: hidden;
}
.project-details-container .project-content blockquote::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 4px;
  height: 100%;
  background: var(--st-theme-gradient_1);
}
.project-details-container .project-content blockquote::after {
  content: "";
  position: absolute;
  right: 16px;
  top: 16px;
  width: 40px;
  height: 30px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='40' height='30' viewBox='0 0 40 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg opacity='0.1' clip-path='url(%23clip0_1211_6003)'%3e%3cpath d='M6.70337e-05 3.20888C0.0772932 2.96478 0.145127 2.7165 0.232789 2.47657C0.757718 1.02758 2.12065 0.0209026 3.65892 0.0146434C7.47222 -0.00204758 11.2866 -0.0083067 15.0999 0.0167298C17.09 0.0302912 18.7284 1.67227 18.7389 3.66476C18.7618 7.86672 18.766 12.0697 18.7316 16.2717C18.7201 17.7196 18.4331 19.1258 17.8445 20.4768C16.6987 23.1087 15.6154 25.7678 14.4935 28.4102C14.0594 29.4325 13.2621 29.9708 12.1507 29.9875C10.8368 30.0073 9.52184 29.9969 8.20691 29.9906C7.29167 29.9865 6.74274 29.3053 6.91702 28.4092C7.52022 25.3099 8.12446 22.2116 8.72662 19.1123C8.74645 19.0111 8.75167 18.9068 8.77045 18.7482H8.34466C6.88676 18.7482 5.42885 18.7482 3.97095 18.7482C1.92237 18.7472 0.531258 17.6403 0.059552 15.6416C0.0512033 15.6072 0.0198954 15.578 -0.000976562 15.5467C6.70337e-05 11.4334 6.70337e-05 7.32113 6.70337e-05 3.20888Z' fill='url(%23paint0_linear_1211_6003)'/%3e%3cpath d='M30.0194 18.7481C29.8556 18.7481 29.7147 18.7481 29.5728 18.7481C28.0888 18.7481 26.6048 18.7523 25.1208 18.7481C22.8781 18.7408 21.2522 17.1218 21.249 14.8842C21.2438 11.2153 21.2438 7.54533 21.249 3.87644C21.2522 1.63671 22.876 0.0135112 25.1176 0.0103817C28.788 0.00516574 32.4593 0.00516574 36.1297 0.0103817C38.3713 0.0135112 39.991 1.63463 39.9941 3.87957C39.9993 7.86141 40.0035 11.8422 39.992 15.8241C39.9868 17.489 39.705 19.0945 39.0257 20.6405C37.8933 23.2213 36.8362 25.8355 35.7321 28.4289C35.3031 29.4356 34.5111 29.9687 33.4174 29.9874C32.0899 30.0104 30.7625 29.9989 29.434 29.9906C28.5438 29.9853 27.9896 29.2979 28.1587 28.4279C28.7619 25.3286 29.3672 22.2292 29.9704 19.1299C29.9923 19.0173 29.9996 18.9004 30.0184 18.7481H30.0194Z' fill='url(%23paint1_linear_1211_6003)'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient id='paint0_linear_1211_6003' x1='18.7568' y1='-8.91926e-06' x2='-2.2424' y2='1.74285' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%239F26FF'/%3e%3cstop offset='1' stop-color='%230567E1'/%3e%3c/linearGradient%3e%3clinearGradient id='paint1_linear_1211_6003' x1='39.9993' y1='0.00646081' x2='19.0041' y2='1.74893' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%239F26FF'/%3e%3cstop offset='1' stop-color='%230567E1'/%3e%3c/linearGradient%3e%3cclipPath id='clip0_1211_6003'%3e%3crect width='40' height='30' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e ");
}
.project-details-container .project-content blockquote cite {
  font-size: 20px;
  line-height: 28px;
  color: var(--st-grey-1);
  padding-top: 4px;
}
@media (max-width: 500px) {
  .project-details-container .project-content .wp-block-table {
    overflow-x: auto;
    display: block;
    -webkit-overflow-scrolling: touch;
  }
  .project-details-container .project-content .wp-block-table table {
    width: 100%;
    min-width: 500px;
  }
}

/**
 * Hero Section CSS
 */
.service-page-header {
  position: relative;
  background-image: url("../img/banner/banner-line.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-color: #111827;
  overflow: visible;
}
.service-page-header:after {
  content: "";
  position: absolute;
  bottom: 103px;
  right: 0;
  width: 436px;
  height: 454px;
  background: url("../img/banner/right-bottom-img.png") no-repeat center center;
  background-size: cover;
  z-index: -1;
}
.service-page-header .purple-circle-shape {
  top: -39px;
  right: 0;
  left: unset;
  opacity: 0.5;
}
.service-page-header .soft-purple-shape {
  top: 135px;
  left: 61px;
  right: unset;
  background: linear-gradient(45.88deg, #F7F1FF 14.53%, #E2CBFE 85.98%);
  opacity: 0.5;
}
.service-page-header .banner-bottom-purple-circle-shape {
  left: -122px;
  bottom: -130px;
  right: unset;
  top: unset;
  width: 449px;
  height: 449px;
  opacity: 0.12;
}
.service-page-header .install-title {
  padding-top: 120px;
  padding-bottom: 60px;
  max-width: 850px;
  text-align: right;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  .service-page-header .install-title {
    padding-top: 60px;
    padding-bottom: 50px;
    text-align: left;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  .service-page-header .install-title {
    padding-top: 40px;
    padding-bottom: 30px;
  }
}
.service-page-header .install-title h1 {
  letter-spacing: -2px;
  color: var(--st-common-white);
}
.service-page-header .banner-bottom {
  padding-bottom: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  .service-page-header .banner-bottom {
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  .service-page-header .banner-bottom {
    flex-wrap: wrap;
    padding-bottom: 60px;
  }
}
.service-page-header .banner-img {
  width: 46%;
  position: relative;
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  .service-page-header .banner-img {
    width: 100%;
  }
}
.service-page-header .banner-img:before {
  content: "";
  position: absolute;
  top: -80px;
  left: 74px;
  width: 408px;
  height: 408px;
  background: url("../img/banner/banner-img-bottom-circle.png") no-repeat;
  background-size: cover;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .service-page-header .banner-img:before {
    left: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  .service-page-header .banner-img:before {
    width: 150px;
    height: 150px;
    top: -30px;
    left: 30px;
  }
}
.service-page-header .banner-img img {
  z-index: 99;
  position: relative;
  margin-bottom: -120px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  .service-page-header .banner-img img {
    margin-bottom: 0;
  }
}
.service-page-header .banner-cont {
  padding: 40px 0 0 60px;
  width: 54%;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .service-page-header .banner-cont {
    padding: 10px 0 0 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  .service-page-header .banner-cont {
    width: 100%;
    padding: 30px 0 0 0;
  }
}
.service-page-header .banner-cont h6 {
  color: var(--st-common-white);
  font-weight: 400;
  padding-bottom: 24px;
}

.service-banner img {
  max-width: 100%;
  height: auto;
  display: block;
}

.services-main-wrapper {
  background-repeat: no-repeat;
  background-position: center center;
  overflow: hidden;
  padding-top: 80px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  .services-main-wrapper {
    padding-top: 0;
  }
}

/**
 * Services Section CSS
 */
.nt-services-wrapper .service-section-content span {
  background: var(--st-theme-gradient_1);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-weight: 600;
}
.nt-services-wrapper .service-section-content p {
  max-width: 548px;
  margin: 0 auto;
}
.nt-services-wrapper .service-item {
  background: var(--st-bg-2);
  border: 1px solid var(--st-border-2);
  border-radius: 8px;
  padding: 40px 32px;
  transition: all 500ms ease-in-out;
  gap: 32px;
  height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  .nt-services-wrapper .service-item {
    gap: 20px;
  }
}
@media (max-width: 575.98px) {
  .nt-services-wrapper .service-item {
    padding: 30px 20px;
  }
}
.nt-services-wrapper .service-item:hover {
  transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
  background: var(--st-common-white);
}
.nt-services-wrapper .service-item .service-icon {
  padding-bottom: 32px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  .nt-services-wrapper .service-item .service-icon {
    padding-bottom: 20px;
  }
}
.nt-services-wrapper .service-item .service-icon img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}
.nt-services-wrapper .service-item .service-item-title {
  padding-bottom: 32px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  .nt-services-wrapper .service-item .service-item-title {
    padding-bottom: 20px;
  }
}
.nt-services-wrapper .service-item .service-item-title p {
  padding-top: 4px;
  color: #414652;
}
.nt-services-wrapper .service-item h4 {
  padding-bottom: 24px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  .nt-services-wrapper .service-item h4 {
    padding-bottom: 14px;
  }
}
.nt-services-wrapper .service-item h4 .discount-price {
  color: var(--st-text-body);
  text-decoration: line-through;
}
.nt-services-wrapper .service-item h4 .main-price {
  background: var(--st-theme-gradient_1);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}
.nt-services-wrapper .service-item .primary-btn-v2 {
  width: 100%;
}

/**
 * Steps Section CSS
 */
.services-install-process {
  background: var(--st-bg-1);
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  .services-install-process .install-description {
    padding: 8px 0 24px 0;
  }
}
.services-install-process .steps-circle {
  width: 120px;
  height: 120px;
  margin: 0 auto;
  border-color: transparent;
  background: linear-gradient(white, white) padding-box, linear-gradient(262.44deg, #9F26FF 0%, #0567E1 99.51%) border-box;
}
@media (max-width: 450px) {
  .services-install-process .steps-circle {
    width: 85px;
    height: 85px;
  }
}
.services-install-process .steps-circle h5 {
  padding-bottom: 10px;
}
@media (max-width: 450px) {
  .services-install-process .steps-circle h5 {
    padding-bottom: 16px;
  }
}
.services-install-process .install-step .steps-text {
  position: relative;
  margin-top: -34px;
}
@media (max-width: 450px) {
  .services-install-process .install-step .steps-text {
    margin-top: -28px;
  }
}
.services-install-process .install-step .steps-text::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100px;
  top: -29px;
  left: 0;
  background: url("../img/background/step-bg-shadow.png") no-repeat center center;
}
.services-install-process .step-details {
  padding-top: 24px;
  position: relative;
  z-index: 99;
  background: var(--st-bg-1);
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  .services-install-process .step-details {
    padding-top: 18px;
  }
}

/**
 * Service Contact Section CSS
 */
.nt-service-contact-wrapper {
  position: relative;
}
.nt-service-contact-wrapper .purple-circle-shape {
  top: unset;
  left: unset;
  bottom: 90px;
  right: -100px;
  width: 400px;
  height: 400px;
  background: #0567E1;
  opacity: 0.2;
}
.nt-service-contact-wrapper .support-form {
  padding: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .nt-service-contact-wrapper .support-form {
    padding: 40px;
  }
}
@media (max-width: 575.98px) {
  .nt-service-contact-wrapper .support-form {
    padding: 24px 24px 30px 24px;
  }
}
.nt-service-contact-wrapper .top-content {
  display: block !important;
  padding: 0 !important;
}
.nt-service-contact-wrapper .top-content .install-title {
  padding-bottom: 48px;
  text-align: left;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .nt-service-contact-wrapper .top-content .install-title {
    padding-bottom: 30px;
  }
}
@media (max-width: 575.98px) {
  .nt-service-contact-wrapper .top-content .install-title {
    padding-bottom: 15px;
  }
}
.nt-service-contact-wrapper .form-area {
  padding: 0 !important;
}
.nt-service-contact-wrapper .form-area .group-wrapper {
  gap: 32px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .nt-service-contact-wrapper .form-area .group-wrapper {
    gap: 24px;
  }
}
@media (max-width: 575.98px) {
  .nt-service-contact-wrapper .form-area .group-wrapper {
    gap: 0;
  }
}
.nt-service-contact-wrapper .form-area .form-group {
  padding-bottom: 32px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  .nt-service-contact-wrapper .form-area .form-group {
    padding-bottom: 24px;
  }
}
.nt-service-contact-wrapper .form-area .form-group .upload-area {
  border-style: dashed;
  padding: 9px 16px;
}
.nt-service-contact-wrapper .form-area .form-group textarea {
  height: 140px;
  display: block;
}
.nt-service-contact-wrapper .contact-info {
  padding-left: 56px;
  max-width: 368px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .nt-service-contact-wrapper .contact-info {
    padding-left: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  .nt-service-contact-wrapper .contact-info {
    padding: 50px 0 0 0;
    max-width: 100%;
  }
}
@media (max-width: 575.98px) {
  .nt-service-contact-wrapper .contact-info {
    padding: 40px 0 0 0;
  }
}
.nt-service-contact-wrapper .contact-info h2 span {
  background: var(--st-theme-gradient_1);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}
.nt-service-contact-wrapper .contact-info .info-details {
  padding-top: 32px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  .nt-service-contact-wrapper .contact-info .info-details {
    padding-top: 20px;
  }
}
.nt-service-contact-wrapper .contact-info .info-details li {
  padding-bottom: 32px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  .nt-service-contact-wrapper .contact-info .info-details li {
    padding-bottom: 20px;
  }
}
.nt-service-contact-wrapper .contact-info .top {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  border-bottom: 1px solid var(--st-grey-1);
  padding-bottom: 4px;
}
.nt-service-contact-wrapper .contact-info .top i, .nt-service-contact-wrapper .contact-info .top p {
  color: var(--st-heading-primary);
}
.nt-service-contact-wrapper .contact-info .bottom {
  padding-top: 8px;
}
.nt-service-contact-wrapper .contact-info .bottom p {
  font-size: 20px;
  line-height: 28px;
  color: #414652;
}
@media (max-width: 575.98px) {
  .nt-service-contact-wrapper .contact-info .bottom p {
    font-size: 18px;
    line-height: 26px;
  }
}
.nt-service-contact-wrapper .wpcf7-spinner {
  margin: 0;
  top: 6px;
}

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .nt-service-contact-wrapper.section-spacing {
    padding: 80px 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  .nt-service-contact-wrapper.section-spacing {
    padding: 50px 0;
  }
}

.theme-details-content-area.service-details-wraper {
  background-repeat: no-repeat;
  background-position: center center;
}
.theme-details-content-area.service-details-wraper .details-wrapper {
  padding-top: 20px;
}
.theme-details-content-area.service-details-wraper .theme-info-wrapper {
  padding: 48px 0 20px 0;
  border-bottom: 1px solid var(--st-border-2);
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .theme-details-content-area.service-details-wraper .theme-info-wrapper {
    padding-top: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  .theme-details-content-area.service-details-wraper .theme-info-wrapper {
    padding: 30px 0 10px 0;
  }
}
.theme-details-content-area.service-details-wraper .theme-info-wrapper .meta-info {
  padding: 12px 0;
  gap: 80px;
  row-gap: 20px;
}
.theme-details-content-area.service-details-wraper .theme-info-wrapper .meta-info .socils-icon {
  gap: 12px;
}
.theme-details-content-area.service-details-wraper .theme-tab-area {
  padding-top: 32px;
}
.theme-details-content-area.service-details-wraper .service-description-area p, .theme-details-content-area.service-details-wraper .service-description-area ul, .theme-details-content-area.service-details-wraper .service-description-area ol {
  padding-bottom: 32px;
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  .theme-details-content-area.service-details-wraper .service-description-area p, .theme-details-content-area.service-details-wraper .service-description-area ul, .theme-details-content-area.service-details-wraper .service-description-area ol {
    padding-bottom: 20px;
  }
}
.theme-details-content-area.service-details-wraper .service-description-area ul {
  list-style: unset;
  padding-left: 28px;
}
.theme-details-content-area.service-details-wraper .service-description-area ol {
  padding-left: 28px;
}
@media (max-width: 450px) {
  .theme-details-content-area.service-details-wraper .sidebar-card {
    padding: 26px;
  }
}
.theme-details-content-area.service-details-wraper .service-pricing-header {
  border-bottom: 1px solid var(--st-border-2);
  padding-bottom: 24px;
}
.theme-details-content-area.service-details-wraper .service-pricing-header .service-pricing-header-top {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.theme-details-content-area.service-details-wraper .service-pricing-header p {
  color: #414652;
  padding-top: 12px;
}
.theme-details-content-area.service-details-wraper .service-pricing-header .service-pricing-right span {
  font-size: 20px;
  line-height: 28px;
  color: var(--st-text-body);
  text-decoration: line-through;
  font-weight: 400;
  padding-right: 2px;
}
.theme-details-content-area.service-details-wraper .regular-area h6 {
  color: var(--st-text-body);
  padding-top: 24px;
}
.theme-details-content-area.service-details-wraper .regular-area .sidebar-list {
  border-bottom: 0;
  padding: 12px 0 24px 0;
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  .theme-details-content-area.service-details-wraper .regular-area .sidebar-list {
    padding-bottom: 20px;
  }
}
.theme-details-content-area.service-details-wraper .regular-area .sidebar-list li {
  padding-bottom: 8px;
}
.theme-details-content-area.service-details-wraper .regular-area .delivery-time {
  gap: 6px;
  padding-bottom: 24px;
}

.related-service-wrap {
  position: relative;
  padding: 120px 0 96px 0;
}
.related-service-wrap .purple-circle-shape {
  top: 50px;
  opacity: 0.3;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .related-service-wrap {
    padding: 80px 0 56px 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  .related-service-wrap {
    padding: 50px 0 26px 0;
  }
}
.related-service-wrap .main-title-wrapper {
  margin-bottom: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  .related-service-wrap .nt-section-title .justify-content-end.align-items-center {
    justify-content: flex-start !important;
    padding-top: 15px;
  }
}

.service-blank-space {
  padding: 60px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .service-blank-space {
    padding: 40px 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  .service-blank-space {
    padding: 25px 0;
  }
}

/**
 * Support Page Style
 */
.support-section .support-form {
  background: var(--st-bg-2);
  border: 1px solid var(--st-border-2);
  border-radius: 12px;
  position: relative;
  z-index: 1;
}
.support-section .top-content {
  padding: 80px 12px 0 12px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  .support-section .top-content {
    padding: 50px 12px 0 12px;
  }
}
@media (max-width: 450px) {
  .support-section .top-content {
    padding: 30px 12px 0 12px;
  }
}
.support-section .top-content .support-description {
  max-width: 520px;
}
.support-section .top-content .sub-title {
  max-width: 190px;
}
.support-section .top-content .sub-title h6 {
  font-weight: 400px;
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  .support-section .top-content span {
    display: block;
  }
}
.support-section .divider {
  height: 1px;
  background: var(--st-border-2);
  margin: 32px;
}
.support-section .form-area {
  padding: 0 80px 80px 80px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  .support-section .form-area {
    padding: 0 50px 50px 50px;
  }
}
@media (max-width: 450px) {
  .support-section .form-area {
    padding: 0 30px 30px 30px;
  }
}
.support-section .form-area textarea {
  height: 120px;
}
.support-section .group-wrapper {
  display: flex;
  gap: 24px;
}
@media (max-width: 575.98px) {
  .support-section .group-wrapper {
    flex-direction: column;
    gap: 0;
  }
}
.support-section .group-wrapper .form-group {
  width: 100%;
}
.support-section .file-upload {
  display: flex;
  flex-direction: column;
}
.support-section .custom-file-upload {
  padding-bottom: 0 !important;
}
.support-section .upload-area {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--st-text-form);
  padding: 12px 16px;
  border: 1px solid var(--st-border-2);
  border-radius: 4px;
  background: var(--st-bg-3);
}
.support-section .upload-area i {
  font-size: 20px;
  color: #A0A3A9;
}
.support-section .upload-area span {
  color: #A0A3A9;
}
.support-section .browse {
  background: var(--st-theme-gradient_1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-decoration: underline;
  border-bottom: 1px solid var(--st-theme-primary);
  cursor: pointer;
}
@media (max-width: 575.98px) {
  .support-section .textarea-wrapper i {
    display: none;
  }
}

/**
 * Contact Us Style
 */
.contact-us .contact-section {
  display: flex;
  background: var(--st-bg-2);
  border-radius: 12px;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  .contact-us .contact-section {
    flex-direction: column-reverse;
  }
}
.contact-us .contact-title {
  padding-bottom: 48px;
}
@media (max-width: 575.98px) {
  .contact-us .contact-title {
    padding-bottom: 24px;
  }
}
.contact-us .image-area {
  flex: 1;
  position: relative;
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .contact-us .image-area {
    min-height: 480px;
  }
}
.contact-us .image-area img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0 12px 12px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  .contact-us .image-area img {
    border-radius: 12px 12px 0 0;
  }
}
.contact-us .image-area .contact-info {
  position: absolute;
  right: -200px;
  left: 280px;
  top: 50%;
  transform: translateY(-50%);
  background: var(--st-bg-2);
  padding: 60px;
  border: 1px solid var(--st-border-2);
  border-radius: 8px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .contact-us .image-area .contact-info {
    padding: 40px;
    margin-right: 8px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .contact-us .image-area .contact-info {
    right: -85px;
    left: 120px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  .contact-us .image-area .contact-info {
    right: 24px;
    bottom: 24px;
    top: unset;
    transform: unset;
    left: unset;
    max-width: 400px;
    padding: 24px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .contact-us .image-area .contact-info {
    right: 40px;
    bottom: 8px;
    top: unset;
    transform: unset;
    left: unset;
    max-width: 400px;
    padding: 24px;
  }
}
@media (max-width: 575.98px) {
  .contact-us .image-area .contact-info {
    position: unset;
    padding: 24px;
    border: unset;
  }
}
.contact-us .image-area .top {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  border-bottom: 1px solid var(--st-grey-1);
  padding-bottom: 8px;
}
.contact-us .image-area .top i,
.contact-us .image-area .top p {
  color: var(--st-heading-primary);
}
.contact-us .image-area .bottom {
  padding-top: 8px;
}
.contact-us .image-area .bottom p {
  font-size: 20px;
  line-height: 28px;
  font-weight: 400px;
  color: #414652;
}
.contact-us .image-area .info-details {
  padding-top: 32px;
}
.contact-us .image-area .info-details li {
  padding-bottom: 32px;
}
.contact-us .image-area .info-details li:last-of-type {
  padding-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  .contact-us .image-area .info-details {
    padding-top: 24px;
  }
  .contact-us .image-area .info-details li {
    padding-bottom: 24px;
  }
}

.form-area {
  flex: 1;
  padding: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .form-area {
    padding: 40px;
  }
}
@media (max-width: 575.98px) {
  .form-area {
    padding: 24px;
  }
}
.form-area .form-input {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid var(--st-border-2);
  border-radius: 4px;
  background: none;
  margin: 0;
}
.form-area .form-input:focus {
  outline: none;
  border: 1px solid var(--st-border-2);
  box-shadow: none;
}
.form-area .form-input input::-moz-placeholder {
  color: var(--st-text-form);
}
.form-area .form-input input::placeholder {
  color: var(--st-text-form);
}
.form-area select {
  color: var(--st-text-form);
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.form-area textarea {
  resize: none;
  height: 140px;
}
.form-area .install-title {
  text-align: unset;
}
.form-area .input-wrapper {
  position: relative;
}
.form-area .input-wrapper i {
  color: var(--st-text-form);
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
}
.form-area .input-wrapper .textarea-icon {
  top: 15%;
}
.form-area .input-wrapper .wpcf7-not-valid-tip {
  position: absolute;
}
.form-area .form-group {
  padding-bottom: 24px;
}
.form-area .form-group label {
  padding-bottom: 8px;
  color: var(--st-grey-1);
}
.form-area .contact-btn input {
  border: none;
}
.form-area .hidden-submit {
  display: none;
}

.about-us {
  padding: 80px 0 120px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .about-us {
    padding: 80px 0 80px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  .about-us {
    padding: 50px 0 50px;
  }
}
.about-us .about-us-content p {
  margin: 24px 0 48px;
}
.about-us .about-us-image {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
@media (max-width: 991px) {
  .about-us .about-us-image {
    justify-content: center;
    margin-top: 30px;
  }
}
.about-us .about-us-image-wrapper {
  max-width: 310px;
  width: 100%;
}
.about-us .about-us-image-wrapper img {
  max-width: 181.86px;
  width: 100%;
  height: auto;
}
.about-us .about-us-image-wrapper .right-image-area {
  position: relative;
  text-align: right;
}
.about-us .about-us-image-wrapper .right-image-area::after {
  content: "";
  position: absolute;
  top: 0;
  right: 130px;
  width: 69.91px;
  height: 69.95px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='71' height='70' viewBox='0 0 71 70' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M35.2857 0C35.1374 0.820041 34.9812 1.61665 34.8329 2.39765C34.6846 3.17083 34.5363 3.92839 34.3801 4.66252C34.2318 5.39665 34.0757 6.11517 33.9274 6.81025C33.779 7.50533 33.6229 8.1848 33.4668 8.84083C33.3107 9.49686 33.1545 10.1373 32.9984 10.7543C32.8423 11.3712 32.6783 11.9726 32.5144 12.5583C32.3505 13.1441 32.1787 13.7064 32.007 14.2609C31.8353 14.8154 31.6557 15.3465 31.4762 15.8619C31.2966 16.3774 31.1092 16.8772 30.9141 17.3615C30.7189 17.8457 30.5238 18.3143 30.3208 18.7672C30.1178 19.2202 29.9071 19.6654 29.6885 20.0871C29.4699 20.5167 29.2513 20.9228 29.0171 21.3211C28.7829 21.7194 28.5488 22.1021 28.299 22.4769C28.0491 22.8518 27.7993 23.2111 27.5339 23.5625C27.2685 23.914 26.9953 24.2498 26.7143 24.57C26.4332 24.898 26.1366 25.2104 25.8321 25.515C25.5277 25.8196 25.2154 26.1086 24.8875 26.3975C24.5597 26.6787 24.224 26.952 23.8805 27.2176C23.537 27.4831 23.1701 27.7408 22.7954 27.9829C22.4207 28.2329 22.0382 28.4672 21.6401 28.7015C21.242 28.9358 20.8282 29.1544 20.4067 29.3731C19.9773 29.5918 19.5402 29.8027 19.0874 30.0057C18.6346 30.2088 18.1662 30.404 17.6822 30.5993C17.1982 30.7945 16.6986 30.982 16.1834 31.1616C15.6682 31.3412 15.1374 31.5208 14.5831 31.6927C14.0367 31.8645 13.4668 32.0363 12.8813 32.2003C12.2958 32.3643 11.6947 32.5283 11.078 32.6845C10.4613 32.8407 9.82119 33.0047 9.16545 33.1531C8.50972 33.3015 7.83057 33.4577 7.1358 33.6139C6.44103 33.7623 5.72284 33.9185 4.98904 34.0669C4.25523 34.2153 3.49801 34.3636 2.72517 34.5198C1.95234 34.6682 1.14829 34.8166 0.328613 34.9728C1.14829 35.1212 1.94453 35.2774 2.72517 35.4258C3.49801 35.5742 4.25523 35.7226 4.98904 35.8788C5.72284 36.035 6.44103 36.1834 7.1358 36.3317C7.83057 36.4801 8.50972 36.6363 9.16545 36.7925C9.82119 36.9487 10.4613 37.1049 11.078 37.2611C11.6947 37.4173 12.2958 37.5813 12.8813 37.7453C13.4668 37.9093 14.0288 38.0812 14.5831 38.253C15.1295 38.4248 15.6682 38.6044 16.1834 38.7841C16.6986 38.9637 17.1982 39.1511 17.6822 39.3464C18.1662 39.5416 18.6346 39.7369 19.0874 39.9399C19.5402 40.143 19.9851 40.3539 20.4067 40.5725C20.836 40.7912 21.242 41.0099 21.6401 41.2442C22.0382 41.4785 22.4207 41.7128 22.7954 41.9627C23.1701 42.2126 23.5292 42.4625 23.8805 42.7281C24.2318 42.9936 24.5675 43.2669 24.8875 43.5481C25.2154 43.8293 25.5277 44.126 25.8321 44.4306C26.1366 44.7352 26.4254 45.0476 26.7143 45.3756C26.9953 45.7036 27.2685 46.0395 27.5339 46.3831C27.7993 46.7346 28.057 47.0938 28.299 47.4687C28.5488 47.8436 28.7829 48.2262 29.0171 48.6246C29.2513 49.0229 29.4699 49.4368 29.6885 49.8585C29.9071 50.2881 30.1178 50.7254 30.3208 51.1784C30.5238 51.6314 30.7189 52.1 30.9141 52.5842C31.1092 53.0684 31.2966 53.5682 31.4762 54.0837C31.6557 54.5991 31.8353 55.1302 32.007 55.6847C32.1787 56.2392 32.3505 56.8015 32.5144 57.3873C32.6783 57.973 32.8423 58.5744 32.9984 59.1914C33.1545 59.8084 33.3185 60.4488 33.4668 61.1048C33.6229 61.7608 33.7712 62.4403 33.9274 63.1354C34.0757 63.8305 34.2318 64.549 34.3801 65.2831C34.5285 66.0172 34.6768 66.7748 34.8329 67.548C34.9812 68.3212 35.1296 69.1256 35.2857 69.9456C35.434 69.1256 35.5901 68.329 35.7385 67.548C35.8868 66.7748 36.0351 66.0172 36.1912 65.2831C36.3395 64.549 36.4957 63.8305 36.644 63.1354C36.7923 62.4403 36.9484 61.7608 37.1046 61.1048C37.2607 60.4488 37.4168 59.8084 37.5729 59.1914C37.7291 58.5744 37.893 57.973 38.057 57.3873C38.2209 56.8015 38.3926 56.2392 38.5644 55.6847C38.7361 55.1302 38.9157 54.5991 39.0952 54.0837C39.2748 53.5682 39.4621 53.0684 39.6573 52.5842C39.8524 52.1 40.0476 51.6314 40.2506 51.1784C40.4535 50.7254 40.6643 50.2803 40.8829 49.8585C41.1014 49.429 41.32 49.0229 41.5542 48.6246C41.7884 48.2262 42.0226 47.8436 42.2724 47.4687C42.5222 47.0938 42.772 46.7346 43.0374 46.3831C43.3028 46.0317 43.5761 45.6958 43.8571 45.3756C44.1381 45.0476 44.4348 44.7352 44.7392 44.4306C45.0437 44.126 45.3559 43.8371 45.6838 43.5481C46.0117 43.2669 46.3474 42.9936 46.6908 42.7281C47.0421 42.4625 47.4012 42.2048 47.7759 41.9627C48.1506 41.7128 48.5331 41.4785 48.9313 41.2442C49.3294 41.0099 49.7431 40.7912 50.1647 40.5725C50.594 40.3539 51.0312 40.143 51.484 39.9399C51.9367 39.7369 52.4051 39.5416 52.8891 39.3464C53.3731 39.1511 53.8727 38.9637 54.3879 38.7841C54.9032 38.6044 55.434 38.4248 55.9883 38.253C56.5347 38.0812 57.1046 37.9093 57.6901 37.7453C58.2755 37.5813 58.8766 37.4173 59.4933 37.2611C60.11 37.1049 60.7502 36.9409 61.4059 36.7925C62.0616 36.6441 62.7408 36.4879 63.4356 36.3317C64.1303 36.1834 64.8485 36.0272 65.5823 35.8788C66.3161 35.7304 67.0733 35.582 67.8462 35.4258C68.619 35.2774 69.4231 35.129 70.2427 34.9728C69.4231 34.8244 68.6268 34.6682 67.8462 34.5198C67.0733 34.3715 66.3161 34.2231 65.5823 34.0669C64.8485 33.9185 64.1303 33.7623 63.4356 33.6139C62.7408 33.4655 62.0616 33.3093 61.4059 33.1531C60.7502 32.9969 60.11 32.8407 59.4933 32.6845C58.8766 32.5283 58.2755 32.3643 57.6901 32.2003C57.1046 32.0363 56.5425 31.8645 55.9883 31.6927C55.4418 31.5208 54.9032 31.3412 54.3879 31.1616C53.8727 30.982 53.3731 30.7945 52.8891 30.5993C52.4051 30.404 51.9367 30.2088 51.484 30.0057C51.0312 29.8027 50.5862 29.5918 50.1647 29.3731C49.7353 29.1544 49.3294 28.9358 48.9313 28.7015C48.5331 28.4672 48.1506 28.2329 47.7759 27.9829C47.4012 27.733 47.0421 27.4831 46.6908 27.2176C46.3395 26.952 46.0039 26.6787 45.6838 26.3975C45.3559 26.1164 45.0437 25.8196 44.7392 25.515C44.4348 25.2104 44.1459 24.898 43.8571 24.57C43.5761 24.242 43.3028 23.9062 43.0374 23.5625C42.772 23.2111 42.5144 22.8518 42.2724 22.4769C42.0226 22.1021 41.7884 21.7194 41.5542 21.3211C41.32 20.9228 41.1014 20.5088 40.8829 20.0871C40.6643 19.6576 40.4535 19.2202 40.2506 18.7672C40.0476 18.3143 39.8524 17.8457 39.6573 17.3615C39.4621 16.8772 39.2748 16.3774 39.0952 15.8619C38.9157 15.3465 38.7361 14.8154 38.5644 14.2609C38.3926 13.7064 38.2209 13.1441 38.057 12.5583C37.893 11.9726 37.7291 11.3712 37.5729 10.7543C37.4168 10.1373 37.2529 9.49686 37.1046 8.84083C36.9484 8.1848 36.8001 7.50533 36.644 6.81025C36.4957 6.11517 36.3395 5.39665 36.1912 4.66252C36.0429 3.92839 35.8946 3.17083 35.7385 2.39765C35.5901 1.62446 35.4418 0.820041 35.2857 0Z' fill='%239F26FF'/%3e%3c/svg%3e ");
  animation: ripple 4s infinite normal;
}
.about-us .about-us-image-wrapper .left-image-area {
  text-align: left;
  position: relative;
}
.about-us .about-us-image-wrapper .left-image-area::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 130px;
  width: 69.91px;
  height: 69.95px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='71' height='70' viewBox='0 0 71 70' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M35.2857 0C35.1374 0.820041 34.9812 1.61665 34.8329 2.39765C34.6846 3.17083 34.5363 3.92839 34.3801 4.66252C34.2318 5.39665 34.0757 6.11517 33.9274 6.81025C33.779 7.50533 33.6229 8.1848 33.4668 8.84083C33.3107 9.49686 33.1545 10.1373 32.9984 10.7543C32.8423 11.3712 32.6783 11.9726 32.5144 12.5583C32.3505 13.1441 32.1787 13.7064 32.007 14.2609C31.8353 14.8154 31.6557 15.3465 31.4762 15.8619C31.2966 16.3774 31.1092 16.8772 30.9141 17.3615C30.7189 17.8457 30.5238 18.3143 30.3208 18.7672C30.1178 19.2202 29.9071 19.6654 29.6885 20.0871C29.4699 20.5167 29.2513 20.9228 29.0171 21.3211C28.7829 21.7194 28.5488 22.1021 28.299 22.4769C28.0491 22.8518 27.7993 23.2111 27.5339 23.5625C27.2685 23.914 26.9953 24.2498 26.7143 24.57C26.4332 24.898 26.1366 25.2104 25.8321 25.515C25.5277 25.8196 25.2154 26.1086 24.8875 26.3975C24.5597 26.6787 24.224 26.952 23.8805 27.2176C23.537 27.4831 23.1701 27.7408 22.7954 27.9829C22.4207 28.2329 22.0382 28.4672 21.6401 28.7015C21.242 28.9358 20.8282 29.1544 20.4067 29.3731C19.9773 29.5918 19.5402 29.8027 19.0874 30.0057C18.6346 30.2088 18.1662 30.404 17.6822 30.5993C17.1982 30.7945 16.6986 30.982 16.1834 31.1616C15.6682 31.3412 15.1374 31.5208 14.5831 31.6927C14.0367 31.8645 13.4668 32.0363 12.8813 32.2003C12.2958 32.3643 11.6947 32.5283 11.078 32.6845C10.4613 32.8407 9.82119 33.0047 9.16545 33.1531C8.50972 33.3015 7.83057 33.4577 7.1358 33.6139C6.44103 33.7623 5.72284 33.9185 4.98904 34.0669C4.25523 34.2153 3.49801 34.3636 2.72517 34.5198C1.95234 34.6682 1.14829 34.8166 0.328613 34.9728C1.14829 35.1212 1.94453 35.2774 2.72517 35.4258C3.49801 35.5742 4.25523 35.7226 4.98904 35.8788C5.72284 36.035 6.44103 36.1834 7.1358 36.3317C7.83057 36.4801 8.50972 36.6363 9.16545 36.7925C9.82119 36.9487 10.4613 37.1049 11.078 37.2611C11.6947 37.4173 12.2958 37.5813 12.8813 37.7453C13.4668 37.9093 14.0288 38.0812 14.5831 38.253C15.1295 38.4248 15.6682 38.6044 16.1834 38.7841C16.6986 38.9637 17.1982 39.1511 17.6822 39.3464C18.1662 39.5416 18.6346 39.7369 19.0874 39.9399C19.5402 40.143 19.9851 40.3539 20.4067 40.5725C20.836 40.7912 21.242 41.0099 21.6401 41.2442C22.0382 41.4785 22.4207 41.7128 22.7954 41.9627C23.1701 42.2126 23.5292 42.4625 23.8805 42.7281C24.2318 42.9936 24.5675 43.2669 24.8875 43.5481C25.2154 43.8293 25.5277 44.126 25.8321 44.4306C26.1366 44.7352 26.4254 45.0476 26.7143 45.3756C26.9953 45.7036 27.2685 46.0395 27.5339 46.3831C27.7993 46.7346 28.057 47.0938 28.299 47.4687C28.5488 47.8436 28.7829 48.2262 29.0171 48.6246C29.2513 49.0229 29.4699 49.4368 29.6885 49.8585C29.9071 50.2881 30.1178 50.7254 30.3208 51.1784C30.5238 51.6314 30.7189 52.1 30.9141 52.5842C31.1092 53.0684 31.2966 53.5682 31.4762 54.0837C31.6557 54.5991 31.8353 55.1302 32.007 55.6847C32.1787 56.2392 32.3505 56.8015 32.5144 57.3873C32.6783 57.973 32.8423 58.5744 32.9984 59.1914C33.1545 59.8084 33.3185 60.4488 33.4668 61.1048C33.6229 61.7608 33.7712 62.4403 33.9274 63.1354C34.0757 63.8305 34.2318 64.549 34.3801 65.2831C34.5285 66.0172 34.6768 66.7748 34.8329 67.548C34.9812 68.3212 35.1296 69.1256 35.2857 69.9456C35.434 69.1256 35.5901 68.329 35.7385 67.548C35.8868 66.7748 36.0351 66.0172 36.1912 65.2831C36.3395 64.549 36.4957 63.8305 36.644 63.1354C36.7923 62.4403 36.9484 61.7608 37.1046 61.1048C37.2607 60.4488 37.4168 59.8084 37.5729 59.1914C37.7291 58.5744 37.893 57.973 38.057 57.3873C38.2209 56.8015 38.3926 56.2392 38.5644 55.6847C38.7361 55.1302 38.9157 54.5991 39.0952 54.0837C39.2748 53.5682 39.4621 53.0684 39.6573 52.5842C39.8524 52.1 40.0476 51.6314 40.2506 51.1784C40.4535 50.7254 40.6643 50.2803 40.8829 49.8585C41.1014 49.429 41.32 49.0229 41.5542 48.6246C41.7884 48.2262 42.0226 47.8436 42.2724 47.4687C42.5222 47.0938 42.772 46.7346 43.0374 46.3831C43.3028 46.0317 43.5761 45.6958 43.8571 45.3756C44.1381 45.0476 44.4348 44.7352 44.7392 44.4306C45.0437 44.126 45.3559 43.8371 45.6838 43.5481C46.0117 43.2669 46.3474 42.9936 46.6908 42.7281C47.0421 42.4625 47.4012 42.2048 47.7759 41.9627C48.1506 41.7128 48.5331 41.4785 48.9313 41.2442C49.3294 41.0099 49.7431 40.7912 50.1647 40.5725C50.594 40.3539 51.0312 40.143 51.484 39.9399C51.9367 39.7369 52.4051 39.5416 52.8891 39.3464C53.3731 39.1511 53.8727 38.9637 54.3879 38.7841C54.9032 38.6044 55.434 38.4248 55.9883 38.253C56.5347 38.0812 57.1046 37.9093 57.6901 37.7453C58.2755 37.5813 58.8766 37.4173 59.4933 37.2611C60.11 37.1049 60.7502 36.9409 61.4059 36.7925C62.0616 36.6441 62.7408 36.4879 63.4356 36.3317C64.1303 36.1834 64.8485 36.0272 65.5823 35.8788C66.3161 35.7304 67.0733 35.582 67.8462 35.4258C68.619 35.2774 69.4231 35.129 70.2427 34.9728C69.4231 34.8244 68.6268 34.6682 67.8462 34.5198C67.0733 34.3715 66.3161 34.2231 65.5823 34.0669C64.8485 33.9185 64.1303 33.7623 63.4356 33.6139C62.7408 33.4655 62.0616 33.3093 61.4059 33.1531C60.7502 32.9969 60.11 32.8407 59.4933 32.6845C58.8766 32.5283 58.2755 32.3643 57.6901 32.2003C57.1046 32.0363 56.5425 31.8645 55.9883 31.6927C55.4418 31.5208 54.9032 31.3412 54.3879 31.1616C53.8727 30.982 53.3731 30.7945 52.8891 30.5993C52.4051 30.404 51.9367 30.2088 51.484 30.0057C51.0312 29.8027 50.5862 29.5918 50.1647 29.3731C49.7353 29.1544 49.3294 28.9358 48.9313 28.7015C48.5331 28.4672 48.1506 28.2329 47.7759 27.9829C47.4012 27.733 47.0421 27.4831 46.6908 27.2176C46.3395 26.952 46.0039 26.6787 45.6838 26.3975C45.3559 26.1164 45.0437 25.8196 44.7392 25.515C44.4348 25.2104 44.1459 24.898 43.8571 24.57C43.5761 24.242 43.3028 23.9062 43.0374 23.5625C42.772 23.2111 42.5144 22.8518 42.2724 22.4769C42.0226 22.1021 41.7884 21.7194 41.5542 21.3211C41.32 20.9228 41.1014 20.5088 40.8829 20.0871C40.6643 19.6576 40.4535 19.2202 40.2506 18.7672C40.0476 18.3143 39.8524 17.8457 39.6573 17.3615C39.4621 16.8772 39.2748 16.3774 39.0952 15.8619C38.9157 15.3465 38.7361 14.8154 38.5644 14.2609C38.3926 13.7064 38.2209 13.1441 38.057 12.5583C37.893 11.9726 37.7291 11.3712 37.5729 10.7543C37.4168 10.1373 37.2529 9.49686 37.1046 8.84083C36.9484 8.1848 36.8001 7.50533 36.644 6.81025C36.4957 6.11517 36.3395 5.39665 36.1912 4.66252C36.0429 3.92839 35.8946 3.17083 35.7385 2.39765C35.5901 1.62446 35.4418 0.820041 35.2857 0Z' fill='%239F26FF'/%3e%3c/svg%3e ");
  animation: ripple 4s infinite reverse;
}
.about-us .about-us-image-wrapper .right-star {
  position: absolute;
  right: 0;
}
.about-us .about-us-image-wrapper .left-star {
  margin-top: 100px;
}

.template-body {
  position: relative;
  overflow: hidden;
}
.template-body .blue-circle-shape {
  top: 17%;
}

.team-experience-area {
  position: relative;
  padding: 40px 0;
}
.team-experience-area img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.team-experience-area::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 40px;
  background-color: rgb(242, 247, 253);
  z-index: -1;
}
.team-experience-area::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50%;
  height: 40px;
  background-color: rgb(242, 247, 253);
  z-index: -1;
}

.experience-wrapper {
  position: relative;
}
.experience-wrapper .experience-count {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 128px;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -2.56px;
}
.experience-wrapper .experience-area {
  position: absolute;
  right: 0;
  top: -40px;
  max-width: 312px;
  width: 100%;
  background: var(--st-common-white);
  padding: 48px 32px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  text-align: center;
}

.our-info {
  padding: 120px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .our-info {
    padding: 80px 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  .our-info {
    padding: 50px 0;
  }
}

@media (min-width: 1200px) {
  .info-container {
    max-width: 1096px;
    width: 100%;
  }
}
.info-container .info-item {
  position: relative;
  padding: 60px 0;
  margin-bottom: 120px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .info-container .info-item {
    margin-bottom: 80px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), (max-width: 575.98px) {
  .info-container .info-item {
    padding: 30px 0;
    margin-bottom: 50px;
  }
}
.info-container .info-item:last-child {
  margin-bottom: 0;
}
.info-container .info-item h3 span {
  background: var(--st-theme-gradient_1);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}
.info-container .info-item .content-area {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  max-width: 648px;
  width: 100%;
  min-height: 340px;
  background: var(--st-bg-2);
  border: var(--st-border-2);
  padding: 48px;
}
@media (max-width: 767px) {
  .info-container .info-item .content-area {
    width: calc(100% - 30px);
    padding: 32px;
    bottom: 30px;
  }
}
@media (max-width: 991px) {
  .info-container .info-item .content-area {
    top: unset;
    transform: unset;
    bottom: 60px;
    min-height: unset;
  }
}
.info-container .info-item::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  max-width: 512px;
  width: 100%;
  height: 100%;
  background: var(--st-bg-1);
  z-index: -1;
}
.info-container .thumbnail-area {
  text-align: start;
}
.info-container .thumbnail-area img {
  max-width: 536px;
  width: 100%;
  height: 460px;
  -o-object-fit: cover;
     object-fit: cover;
}
.info-container .info-item.odd .content-area {
  right: 0;
}
@media (max-width: 991px) {
  .info-container .info-item.odd::after {
    left: unset;
    transform: unset;
    right: 0;
  }
}
.info-container .info-item.even .thumbnail-area {
  text-align: end;
}
.info-container .info-item.even .content-area {
  left: 0;
}
@media (max-width: 991px) {
  .info-container .info-item.even::after {
    left: 0;
    transform: unset;
  }
}

@keyframes ripple {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  50% {
    transform: scale(1);
    opacity: 0.8;
  }
  100% {
    transform: scale(0.5);
    opacity: 0;
  }
}/*# sourceMappingURL=main.css.map */