/* Start Custom Fonts CSS */
@font-face {
  font-family: "Gotham-Book";
  font-style: normal;
  font-weight: 800;
  font-display: auto;
  src: url("/wp-content/uploads/2024/07/Gotham-Black.woff2") format("woff2"),
    url("/wp-content/uploads/2024/07/Gotham-Black.woff") format("woff");
}
@font-face {
  font-family: "Gotham-Book";
  font-style: italic;
  font-weight: 800;
  font-display: auto;
  src: url("/wp-content/uploads/2024/07/Gotham-BlackItalic.woff2")
      format("woff2"),
    url("/wp-content/uploads/2024/07/Gotham-BlackItalic.woff") format("woff");
}
@font-face {
  font-family: "Gotham-Book";
  font-style: normal;
  font-weight: 700;
  font-display: auto;
  src: url("/wp-content/uploads/2024/07/Gotham-Bold.woff2") format("woff2"),
    url("/wp-content/uploads/2024/07/Gotham-Bold.woff") format("woff");
}
@font-face {
  font-family: "Gotham-Book";
  font-style: italic;
  font-weight: 700;
  font-display: auto;
  src: url("/wp-content/uploads/2024/07/Gotham-BoldItalic.woff2")
      format("woff2"),
    url("/wp-content/uploads/2024/07/Gotham-BoldItalic.woff") format("woff");
}
@font-face {
  font-family: "Gotham-Book";
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: url("/wp-content/uploads/2024/07/Gotham-Book.woff2") format("woff2"),
    url("/wp-content/uploads/2024/07/Gotham-Book.woff") format("woff");
}
@font-face {
  font-family: "Gotham-Book";
  font-style: italic;
  font-weight: 400;
  font-display: auto;
  src: url("/wp-content/uploads/2024/07/Gotham-BookItalic.woff2")
      format("woff2"),
    url("/wp-content/uploads/2024/07/Gotham-BookItalic.woff") format("woff");
}
@font-face {
  font-family: "Gotham-Book";
  font-style: normal;
  font-weight: 300;
  font-display: auto;
  src: url("/wp-content/uploads/2024/07/Gotham-Light.woff2") format("woff2"),
    url("/wp-content/uploads/2024/07/Gotham-Light.woff") format("woff");
}
@font-face {
  font-family: "Gotham-Book";
  font-style: italic;
  font-weight: 300;
  font-display: auto;
  src: url("/wp-content/uploads/2024/07/Gotham-LightItalic.woff2")
      format("woff2"),
    url("/wp-content/uploads/2024/07/Gotham-LightItalic.woff") format("woff");
}
@font-face {
  font-family: "Gotham-Book";
  font-style: normal;
  font-weight: 500;
  font-display: auto;
  src: url("/wp-content/uploads/2024/07/Gotham-Medium.woff2") format("woff2"),
    url("/wp-content/uploads/2024/07/Gotham-Medium.woff") format("woff");
}
@font-face {
  font-family: "Gotham-Book";
  font-style: italic;
  font-weight: 500;
  font-display: auto;
  src: url("/wp-content/uploads/2024/07/Gotham-MediumItalic.woff2")
      format("woff2"),
    url("/wp-content/uploads/2024/07/Gotham-MediumItalic.woff") format("woff");
}
@font-face {
  font-family: "Gotham-Book";
  font-style: normal;
  font-weight: 200;
  font-display: auto;
  src: url("/wp-content/uploads/2024/07/Gotham-Thin.woff2") format("woff2"),
    url("/wp-content/uploads/2024/07/Gotham-Thin.woff") format("woff");
}
@font-face {
  font-family: "Gotham-Book";
  font-style: italic;
  font-weight: 200;
  font-display: auto;
  src: url("/wp-content/uploads/2024/07/Gotham-ThinItalic.woff2")
      format("woff2"),
    url("/wp-content/uploads/2024/07/Gotham-ThinItalic.woff") format("woff");
}
@font-face {
  font-family: "Gotham-Book";
  font-style: normal;
  font-weight: 900;
  font-display: auto;
  src: url("/wp-content/uploads/2024/07/Gotham-Ultra.woff2") format("woff2"),
    url("/wp-content/uploads/2024/07/Gotham-Ultra.woff") format("woff");
}
@font-face {
  font-family: "Gotham-Book";
  font-style: italic;
  font-weight: 900;
  font-display: auto;
  src: url("/wp-content/uploads/2024/07/Gotham-UltraItalic.woff2")
      format("woff2"),
    url("/wp-content/uploads/2024/07/Gotham-UltraItalic.woff") format("woff");
}
/* End Custom Fonts CSS */
:root {
  --white-color: #ffffff;
  --gray-color-1: #636363;
  --gray-color-2: #a5a5a5;
  --input-border-color-1: #efefef;
  --black-color-1: #0e0e0e;
  --black-color-2: #343434;
  --primary-color-1: #ff0000;
  --home-green-color-1: #a4f402;
}
body {
  font-family: "Gotham-Book", sans-serif;
  padding-top: 50px;
  overflow-x: hidden;
}
body.page-template-sign-in-page,
body.page-template-login-expiry {
  padding-top: 0;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
button,
html input[type="button"],
input[type="reset"],
input[type="submit"],
a.button,
a.wp-block-button__link:not(.has-background) {
  background: var(--primary-color-1);
  background-color: var(--primary-color-1);
}
a {
  transition: all 0.3s;
  text-decoration: none;
}
p {
  margin-bottom: 0.8em;
}
.ellipsis {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.grid-container {
  padding-left: 40px;
  padding-right: 40px;
}
.login-main-holder {
  background-color: #dcefff;
  background-image: url(../../assets/images/bg-2.jpg);
  width: 100%;
  display: flex;
  justify-content: end;
  align-items: center;
  min-height: 100vh;
  position: relative;
  padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 25px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding-right: 25px;
}
.expiry-main-holder {
  background-color: #dcefff;
  background-image: url(../../assets/images/bg.svg);
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  position: relative;
  padding-top: 40px;
  padding-bottom: 30px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.login-main-holder .img-left-box-holder {
  width: 63vw;
  text-align: center;
  padding: 0;
  position: absolute;
  right: calc(50% - 45px);
  bottom: 0;
}
.login-main-holder .img-left-box-holder img {
  display: block;
}
.login-main-holder .login-main-inner-holder,
.expiry-main-holder .expiry-main-inner-holder {
  display: inline-block;
  position: relative;
  z-index: 999;
}
.login-main-holder .login-main-inner-holder .logo-holder {
  text-align: center;
  padding-bottom: 15px;
}
.expiry-main-holder .expiry-main-inner-holder .expiry-holder {
  text-align: center;
  padding-bottom: 35px;
}
.login-main-holder .site-main {
  width: calc(50vw - 30px);
  background-color: var(--white-color);
  border-radius: 30px;
  padding: 30px 20%;
  margin-top: 0;
  min-height: calc(100vh - 50px);
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.expiry-main-holder .site-main {
  width: 500px;
  display: block;
  background-color: var(--white-color);
  box-shadow: 2px 2px 15px #0000000d;
  border-radius: 30px;
  padding: 30px;
}
.expiry-main-holder .site-main {
  max-width: 750px;
  width: 100%;
  padding: 10%;
}
.login-main-holder .site-main .top-text-holder {
  margin-bottom: 0;
}
.login-main-holder .top-text-holder,
.expiry-main-holder .top-text-holder {
  text-align: center;
}
.login-main-holder .top-text-holder h1 {
  color: #151524;
  font-weight: 900;
  margin-bottom: 0;
  line-height: 42px;
  font-size: 32px;
}
.login-main-holder .top-text-holder h2 {
  color: #888898;
  font-weight: 400;
  margin-bottom: 25px;
  line-height: 28px;
  font-size: 18px;
}
.expiry-main-holder .top-text-holder h1 {
  color: var(--black-color-1);
  font-weight: bold;
  line-height: 42px;
  font-size: 32px;
  margin-bottom: 25px;
}
.login-main-holder form label {
  width: 100%;
  display: block;
}
.login-main-holder form label .po-relative {
  position: relative;
}
.login-main-holder form label .po-relative:after {
  content: "";
  left: 47px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 15px;
  background-color: var(--input-border-color-1);
  position: absolute;
}
.login-main-holder form label img.icon {
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.login-main-holder form label[for="user_pass"] {
  position: relative;
}
.login-main-holder form label div.toggle-password {
  position: absolute;
  bottom: 12px;
  right: 15px;
  padding: 0;
  background-color: transparent;
  cursor: pointer;
}
.login-main-holder form label .label-txt {
  width: 100%;
  display: block;
  font-weight: 500;
  color: var(--black-color-2);
  font-size: 14px;
  padding: 15px 0 10px;
}
.login-main-holder form label .eye-close .hidden-eye {
  display: inline-block;
}
.login-main-holder form label .open-eye {
  display: none;
}
.login-main-holder form label .eye-open .open-eye {
  display: inline-block;
}
.login-main-holder form label .eye-open .hidden-eye {
  display: none;
}
.login-main-holder form label input.input {
  width: 100%;
  display: block;
  border-radius: 14px;
  background-color: #fff;
  border-color: var(--input-border-color-1);
  padding: 15px 20px;
  padding-left: 55px;
}
.login-main-holder form label[for="rememberme"] {
  padding-top: 10px;
  padding-bottom: 10px;
}
.login-main-holder form input[type="submit"] {
  font-weight: 500;
  width: 100%;
  border-radius: 14px;
  padding: 15px 20px;
  margin-top: 15px;
}
.site-header {
  background-color: #080b1d;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99998;
}
.site-header .inside-header {
  justify-content: space-between;
  padding-top: 7px;
  padding-bottom: 7px;
  max-width: 100%;
  min-height: 50px;
}
.site-header .logo-holder img {
  display: block;
}
.site-header .log-out-holder {
  margin-left: auto;
}
.site-header .logo-holder,
.site-header .log-out-holder {
  flex: 1;
}
.site-header .logo-holder a {
  display: table;
}
.site-header .log-out-holder {
  display: flex;
}
.site-header .log-out-holder .profile-login-menu {
  margin-left: auto;
}
.site-header .log-out-holder .profile-login-menu ul {
  margin: 0;
  list-style: none;
}
.design-proj-full-area-holder {
  padding-top: 35px;
}
.design-proj-full-area-holder .top-text-holder {
  max-width: 450px;
  margin: 0 auto;
  text-align: center;
}
.design-proj-full-area-holder .top-text-holder h1 {
  font-weight: 500;
  font-size: 50px;
}
.design-proj-full-area-holder .tab-main-holder {
  padding-top: 20px;
  padding-bottom: 70px;
}
.dp-tab-menu {
  text-align: center;
  padding-bottom: 70px;
}
.dp-tab-menu ul {
  margin: 0;
  display: inline-block;
  border: 1px solid var(--input-border-color-1);
  padding: 10px;
  border-radius: 1000px;
  background-color: var(--white-color);
}
.dp-tab-menu ul li {
  list-style-type: none;
  display: inline-block;
}
.dp-tab-menu ul li a {
  text-decoration: none;
  color: var(--black-color-2);
  background-color: transparent;
  padding: 12px 35px;
  border-radius: 1000px;
  display: inline-block;
}
.dp-tab-menu ul li a.active-a {
  background-color: var(--black-color-1);
  color: var(--white-color);
  font-weight: 500;
}
.dp-tab {
  display: none;
}
.dp-tab.project-view-dp-tab {
  display: block;
}
.dp-tab h2,
.proj-prof-card-main-holder .top-txt-main h2,
.cs-slider .top-txt-main h2,
.proj-card-main-holder.search-proj-card-main-holder .top-txt-main h2 {
  font-size: 22px;
  font-weight: 500;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--black-color-1);
}
.design-proj-full-area-holder .proj-card-main-holder .card-item .sub-ttl h5,
.proj-card-main-holder.proj-prof-card-main-holder .card-item .sub-ttl h5,
.cs-slider .card-item .sub-ttl h5 {
  color: var(--black-color-2);
  font-size: 14px;
  font-weight: 300;
  margin: 0;
  margin-top: 8px;
}
.dp-tab-active {
  display: block;
}
.proj-card-main-holder.proj-prof-card-main-holder {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}
.design-proj-full-area-holder .proj-card-main-holder {
  margin: 0 -1%;
}
.search-proj-card-main-holder.proj-card-main-holder {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}
.design-proj-full-area-holder
  .search-proj-card-main-holder.proj-card-main-holder
  .card-item {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  margin-left: 0;
}
.design-proj-full-area-holder .proj-card-main-holder .card-item,
.proj-card-main-holder.proj-prof-card-main-holder .card-item,
.cs-slider .card-item {
  border: 1px solid var(--input-border-color-1);
}
.design-proj-full-area-holder .proj-card-main-holder .card-item {
  width: 48%;
  margin-top: 1%;
  margin-bottom: 1%;
  margin-right: 1%;
  margin-left: 1%;
  background-color: var(--white-color);
}
.design-proj-full-area-holder .proj-card-main-holder .card-item .txt-holder,
.proj-card-main-holder.proj-prof-card-main-holder .card-item .txt-holder,
.cs-slider .card-item .txt-holder {
  border-top: 1px solid var(--input-border-color-1);
  padding: 15px;
}
.design-proj-full-area-holder .proj-card-main-holder .card-item .img-holder img,
.proj-card-main-holder.proj-prof-card-main-holder .card-item .img-holder img,
.cs-slider .card-item .img-holder img {
  display: block;
  width: 100%;
}
.design-proj-full-area-holder .proj-card-main-holder .card-item .top-txt-main,
.proj-card-main-holder.proj-prof-card-main-holder .card-item .top-txt-main,
.cs-slider .card-item .top-txt-main {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.design-proj-full-area-holder
  .proj-card-main-holder
  .card-item
  .category-items
  .cat-item,
.proj-card-main-holder.proj-prof-card-main-holder
  .card-item
  .category-items
  .cat-item,
.cs-slider .card-item .category-items .cat-item,
.sidebar-info-holder .project-type-info .category-items .cat-item {
  margin-left: 5px;
  display: inline-block;
  font-size: 10px;
  text-decoration: none;
  color: var(--black-color-2);
  border-radius: 100px;
  line-height: 1.5;
  padding: 2px 10px;
  text-wrap: nowrap;
  letter-spacing: 0.1px;
  font-weight: 500;
}

.sidebar-info-holder .project-type-info .category-items .cat-item {
  margin-left: 0;
}
.design-proj-full-area-holder .designer-card-main-holder {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 45px;
}
.design-proj-full-area-holder .designer-card-main-holder .card-item {
  border: 1px solid var(--input-border-color-1);
  text-align: left;
  border-radius: 10px;
  padding: 15px;
  position: relative;
  box-shadow: 2px 2px 7px #0000000f;
  background-color: var(--white-color);
}
.design-proj-full-area-holder
  .designer-card-main-holder
  .card-item
  .link-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.design-proj-full-area-holder .designer-card-main-holder .prof-top-holder,
.left-sidebar-profile-holder .prof-top-holder {
  display: block;
}
.design-proj-full-area-holder .designer-card-main-holder .prof-top-holder {
  position: relative;
  margin-top: -55px;
}
.design-proj-full-area-holder .designer-card-main-holder .prof-img-holder,
.left-sidebar-profile-holder .prof-img-holder {
  display: block;
  position: relative;
}
.design-proj-full-area-holder
  .designer-card-main-holder
  .prof-img-holder
  .inner,
.left-sidebar-profile-holder .prof-img-holder .inner,
.sidebar-info-holder .designer-info .designer-list li .prof-inner .img .inner {
  display: inline-block;
  width: 70px;
  height: 87.33px;
  overflow: hidden;
  position: relative;
}
.design-proj-full-area-holder
  .designer-card-main-holder
  .prof-img-holder
  .inner::before,
.left-sidebar-profile-holder .prof-img-holder .inner::before,
.sidebar-info-holder
  .designer-info
  .designer-list
  li
  .prof-inner
  .img
  .inner::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 70px;
  height: 70px;
  background-color: transparent;
  border-radius: 10px;
  z-index: 1;
  box-shadow: 0 100px 0 40px #fff;
}
.designer-card-main-holder .certified-btn-holder {
  position: absolute;
  right: 0;
  top: 55px;
}
.designer-card-main-holder .certified-btn-holder a {
  display: flex;
  font-size: 14px;
  padding: 4px 12px;
  border-radius: 10px;
  color: var(--gray-color-1);
  background: white;
  border: 1px solid transparent;
  background-clip: padding-box, border-box;
  background-origin: border-box;
  z-index: 3;
  position: relative;
}
.designer-card-main-holder .certified-btn-holder a .icon {
  width: 16px;
  display: flex;
  margin-right: 6px;
}
.left-sidebar-profile-holder .prof-img-holder .inner::before {
  width: 125px;
  height: 125px;
}
.sidebar-info-holder
  .designer-info
  .designer-list
  li
  .prof-inner
  .img
  .inner::before {
  width: 40px;
  height: 40px;
}
.design-proj-full-area-holder
  .designer-card-main-holder
  .prof-img-holder
  .inner::after,
.left-sidebar-profile-holder .prof-img-holder .inner::after,
.sidebar-info-holder
  .designer-info
  .designer-list
  li
  .prof-inner
  .img
  .inner::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 70px;
  height: 70px;
  background-color: transparent;
  border-radius: 10px;
  z-index: 1;
  box-shadow: 0 60px 0 40px #fff;
}
.left-sidebar-profile-holder .prof-img-holder .inner::after {
  width: 125px;
  height: 125px;
}
.sidebar-info-holder
  .designer-info
  .designer-list
  li
  .prof-inner
  .img
  .inner::after {
  height: 40px;
  width: 40px;
}
.design-proj-full-area-holder
  .designer-card-main-holder
  .prof-img-holder
  .inner
  .circle,
.left-sidebar-profile-holder .prof-img-holder .inner .circle,
.sidebar-info-holder
  .designer-info
  .designer-list
  li
  .prof-inner
  .img
  .inner
  .circle {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 70px;
  height: 70px;
  background-color: #7ac5fa;
  overflow: hidden;
  border-radius: 10px;
}
.sidebar-info-holder
  .designer-info
  .designer-list
  li
  .prof-inner
  .img
  .inner
  .circle {
  border-radius: 50%;
}
.left-sidebar-profile-holder .prof-img-holder .inner .circle {
  width: 125px;
  height: 125px;
}
.sidebar-info-holder
  .designer-info
  .designer-list
  li
  .prof-inner
  .img
  .inner
  .circle {
  width: 40px;
  height: 40px;
}
.design-proj-full-area-holder
  .designer-card-main-holder
  .prof-img-holder
  .inner
  .circle
  img,
.design-proj-full-area-holder
  .designer-card-main-holder
  .prof-img-holder
  .inner
  img,
.left-sidebar-profile-holder .prof-img-holder .inner .circle img,
.left-sidebar-profile-holder .prof-img-holder .inner img,
.sidebar-info-holder
  .designer-info
  .designer-list
  li
  .prof-inner
  .img
  .inner
  .circle
  img,
.sidebar-info-holder
  .designer-info
  .designer-list
  li
  .prof-inner
  .img
  .inner
  img {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 87.33px;
}
.left-sidebar-profile-holder .prof-img-holder .inner .circle img,
.left-sidebar-profile-holder .prof-img-holder .inner img {
  height: 155.94px;
}
.sidebar-info-holder
  .designer-info
  .designer-list
  li
  .prof-inner
  .img
  .inner
  .circle
  img,
.sidebar-info-holder
  .designer-info
  .designer-list
  li
  .prof-inner
  .img
  .inner
  img {
  height: 50px;
}
.design-proj-full-area-holder .designer-card-main-holder .prof-txt-holder {
  display: block;
  padding-bottom: 16px;
}
.left-sidebar-profile-holder .prof-txt-holder {
  display: block;
  padding-bottom: 20px;
}
.design-proj-full-area-holder .designer-card-main-holder .prof-txt-holder h3,
.left-sidebar-profile-holder .prof-txt-holder h3 {
  font-size: 18px;
  font-weight: 700;
  margin: 0;
  margin-top: 5px;
}
.design-proj-full-area-holder .designer-card-main-holder .prof-txt-holder h3 a {
  color: var(--black-color-1);
}
.design-proj-full-area-holder
  .designer-card-main-holder
  .prof-txt-holder
  h3
  a:hover {
  color: var(--accent);
}
.design-proj-full-area-holder
  .designer-card-main-holder
  .prof-txt-holder
  .designation-txt,
.left-sidebar-profile-holder .prof-txt-holder .designation-txt {
  font-size: 12px;
  color: var(--gray-color-1);
}
.design-proj-full-area-holder .designer-card-main-holder .prof-dtls-holder {
  display: block;
}
.left-sidebar-profile-holder .prof-dtls-holder {
  display: block;
  position: relative;
  padding-top: 10px;
}
.design-proj-full-area-holder
  .designer-card-main-holder
  .prof-dtls-holder
  .prof-txt-holder {
  position: relative;
}
.design-proj-full-area-holder
  .designer-card-main-holder
  .prof-dtls-holder
  .prof-txt-holder::after {
  display: block;
  position: absolute;
  height: 1px;
  width: 100%;
  content: "";
  background-image: url(../../assets/images/red-line-left.svg);
  background-position: left;
  background-repeat: no-repeat;
  bottom: 0;
  left: 0;
}
.left-sidebar-profile-holder .prof-dtls-holder::after {
  display: block;
  position: absolute;
  height: 1px;
  width: 100%;
  content: "";
  background-image: url(../../assets/images/red-line.svg);
  background-position: center;
  background-repeat: no-repeat;
  top: 0;
  left: 0;
}
.design-proj-full-area-holder .designer-card-main-holder .prof-dtls-holder ul {
  margin: 0;
  list-style: none;
  display: flex;
  padding-top: 16px;
}
.left-sidebar-profile-holder .prof-dtls-holder ul {
  margin: 0;
  list-style: none;
  display: flex;
}
.left-sidebar-profile-holder .prof-dtls-holder ul li {
  flex: 1;
}
.design-proj-full-area-holder
  .designer-card-main-holder
  .prof-dtls-holder
  ul
  li:last-child {
  padding-left: 15px;
}
.design-proj-full-area-holder
  .designer-card-main-holder
  .prof-dtls-holder
  ul
  li
  .count,
.left-sidebar-profile-holder .prof-dtls-holder ul li .count {
  width: 100%;
  font-weight: bold;
  font-size: 16px;
  color: var(--black-color-1);
}
.design-proj-full-area-holder
  .designer-card-main-holder
  .prof-dtls-holder
  ul
  li
  .dtls-name,
.left-sidebar-profile-holder .prof-dtls-holder ul li .dtls-name {
  display: block;
  font-size: 12px;
  color: var(--gray-color-1);
}
.profile-login-menu-item .profile_signin {
  display: flex;
}
.profile-login-menu-item .arrow-box {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -3px;
  transform: rotate(0deg);
  transition: all 0.3s;
}
.profile-login-menu-item .active .arrow-box {
  transform: rotate(180deg);
}
.profile-login-menu-item .arrow-box img {
  display: block;
}
.profile-login-menu-item .profile_signin .txt_holder strong {
  font-size: 13px;
  color: var(--white-color);
}
.profile-login-menu-item .profile_signin .txt_holder span {
  font-size: 12px;
  color: var(--gray-color-1);
}
.profile-login-menu-item .profile_signin .prof_img {
  width: 30px;
}
.profile-login-menu-item .profile_signin .txt_holder {
  padding: 3px 30px 3px 10px;
  max-width: 200px;
  display: flex;
  align-items: center;
}
.profile-login-menu-item .profile_signin .prof_img img {
  display: block;
}
.profile-login-menu-item {
  position: relative;
}
.profile-login-submenu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
}
.site-header .log-out-holder .profile-login-menu ul.profile-login-submenu {
  padding: 15px 20px;
  border-radius: 10px;
  box-shadow: 0px 0px 10px #00000029;
  background-color: #fff;
  margin-top: 10px;
  display: none;
}
.site-header
  .log-out-holder
  .profile-login-menu
  ul.profile-login-submenu:after {
  width: 11px;
  height: 11px;
  border-radius: 1px;
  box-shadow: 0px 0px 8px #00000029;
  background-color: #ffffff;
  position: absolute;
  content: "";
  transform: rotate(45deg);
  top: 0;
  margin-top: -6px;
}
.site-header
  .log-out-holder
  .profile-login-menu
  ul.profile-login-submenu:before {
  width: 20px;
  height: 15px;
  background-color: #fff;
  position: absolute;
  content: "";
  top: 0;
  z-index: 9;
  left: 15px;
}
.site-header .log-out-holder .profile-login-menu ul.profile-login-submenu li a {
  color: var(--black-color-1);
  font-weight: 500;
  font-size: 14px;
}
.site-header
  .log-out-holder
  .profile-login-menu
  ul.profile-login-submenu
  li
  .icon {
  padding-right: 10px;
  margin-right: 12px;
  border-right: 1px solid var(--gray-color-2);
}
.design-proj-full-area-holder .proj-card-main-holder .card-item .img-holder,
.proj-card-main-holder.proj-prof-card-main-holder .card-item .img-holder,
.cs-slider .card-item .img-holder {
  position: relative;
}
.design-proj-full-area-holder
  .proj-card-main-holder
  .card-item
  .img-holder
  .timeline_type_holder,
.proj-card-main-holder.proj-prof-card-main-holder
  .card-item
  .img-holder
  .timeline_type_holder,
.cs-slider .card-item .img-holder .timeline_type_holder {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 9;
  font-size: 12px;
  font-weight: 500;
  color: var(--black-color-1);
}
.design-proj-full-area-holder
  .proj-card-main-holder
  .card-item
  .img-holder
  .timeline_type_holder
  .year,
.proj-card-main-holder.proj-prof-card-main-holder
  .card-item
  .img-holder
  .timeline_type_holder
  .year,
.cs-slider .card-item .img-holder .timeline_type_holder .year {
  position: relative;
  padding-left: 30px;
  margin-left: 3px;
}
.design-proj-full-area-holder
  .proj-card-main-holder
  .card-item
  .img-holder
  .timeline_type_holder
  .year::after,
.proj-card-main-holder.proj-prof-card-main-holder
  .card-item
  .img-holder
  .timeline_type_holder
  .year::after,
.cs-slider .card-item .img-holder .timeline_type_holder .year::after {
  position: absolute;
  height: 1px;
  width: 25px;
  top: 50%;
  content: "";
  left: 0;
  background-color: var(--black-color-1);
}
.proj-card-main-holder .img-loading .dynamic-image-main-holder img {
  opacity: 0;
}
.img-loading .dynamic-image-main-holder,
.dp-tab .img-loading h2,
.design-proj-full-area-holder
  .proj-card-main-holder
  .card-item.img-loading
  .category-items,
.design-proj-full-area-holder
  .proj-card-main-holder
  .card-item.img-loading
  .sub-ttl
  h5 {
  background-color: #e2e5e7;
  background-image: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0),
    rgba(255, 255, 255, 0.5),
    rgba(255, 255, 255, 0)
  );
  background-size: 40px 100%;
  background-repeat: no-repeat;
  background-position: left -40px top 0;
  animation: shine 1s ease infinite;
  color: transparent;
}
@keyframes shine {
  to {
    background-position: right -40px top 0;
  }
}
.design-proj-full-area-holder
  .proj-card-main-holder
  .card-item.img-loading
  .category-items
  .cat-item,
.design-proj-full-area-holder
  .proj-card-main-holder
  .card-item.img-loading
  .img-holder
  .timeline_type_holder {
  opacity: 0;
}
body.archive.author .grid-container {
  max-width: 100%;
}
.left-sidebar-profile-holder {
  position: fixed;
  height: 100vh;
  background-color: var(--white-color);
  left: 0;
  width: 350px;
  padding: 20px;
  text-align: center;
  border-right: 1px solid var(--input-border-color-1);
  top: 0;
  padding-top: 120px;
  overflow-y: scroll;
}
.left-sidebar-profile-holder .btn-holder {
  display: block;
}
.left-sidebar-profile-holder .btn-holder .view-cv-btn-holder {
  display: block;
  padding-top: 20px;
}
.left-sidebar-profile-holder .btn-holder .view-cv-btn-holder a {
  display: flex;
  padding: 15px;
  border: 1px solid var(--input-border-color-1);
  border-radius: 150px;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  color: var(--black-color-1);
  font-size: 14px;
}
.left-sidebar-profile-holder .btn-holder .view-cv-btn-holder a img {
  margin-right: 6px;
}
.left-sidebar-profile-holder .prof-dtls-holder {
  padding-bottom: 20px;
}
.left-sidebar-profile-holder .bio-holder {
  display: block;
  text-align: left;
  padding-top: 30px;
}
.left-sidebar-profile-holder .bio-holder .inner {
  display: block;
  border: 1px solid var(--input-border-color-1);
  border-radius: 15px;
  background-color: #fcfcfc;
  font-size: 14px;
  padding: 15px;
}
.left-sidebar-profile-holder .bio-holder .inner h3 {
  font-size: 14px;
  font-weight: 500;
  color: var(--black-color-1);
  margin-bottom: 10px;
}
.left-sidebar-profile-holder .bio-holder .inner p:last-of-type {
  margin-bottom: 0;
}
.left-sidebar-profile-holder .prof-img-holder .inner {
  width: 125px;
  height: 155.94px;
}
.left-sidebar-profile-holder .prof-txt-holder .designation-txt {
  font-size: 14px;
}
body.archive.author .site-footer {
  display: none !important;
}
body.archive.author #main {
  max-width: calc(100% - 390px);
  margin-left: 350px;
  margin-top: 40px;
  margin-bottom: 50px;
}
body.archive.author .ttl-breadcrumb-are-holder {
  display: block;
}
body.archive.author .ttl-breadcrumb-are-holder h1.ttl {
  margin: 0;
  font-size: 18px;
  font-weight: 500;
  margin-top: 15px;
}
.sf-breadcrumbs {
  list-style: none;
  margin: 0;
}
.sf-breadcrumbs li {
  display: inline-block;
  font-size: 12px;
  color: var(--gray-color-2);
  font-weight: 500;
  text-decoration: underline;
}
.sf-breadcrumbs li.separator {
  padding: 0 5px;
  text-decoration: none;
}
.sf-breadcrumbs li a {
  color: var(--gray-color-2);
}
.sf-breadcrumbs li a:hover,
.sf-breadcrumbs li.item-current {
  color: var(--black-color-1);
}
#footer-widgets {
  background-color: #080b1d;
  background-image: linear-gradient(#080b1d, #06070d);
}
.site-info {
  background-color: #1c252e;
  display: none !important;
}
.site-info .grid-container {
  max-width: 100%;
}
#footer-widgets .footer-cta-holder {
  display: block;
  width: 100%;
  text-align: center;
  padding-top: 115px;
  padding-bottom: 70px;
}
#footer-widgets .footer-cta-holder .inner {
  display: flex;
}
#footer-widgets .footer-cta-holder .inner .left,
#footer-widgets .footer-cta-holder .inner .right {
  flex: 1 1 50%;
  position: relative;
}
#footer-widgets .footer-cta-holder .inner .left .separater-footer {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(50%, -50%);
}
#footer-widgets .footer-cta-holder .inner .right {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#footer-widgets .footer-cta-holder .inner .right > div {
  flex: 1;
}
.footer-bar-align-right .copyright-bar,
.footer-bar-align-right .copyright-bar a {
  color: var(--white-color);
  text-decoration: none;
  font-weight: 500;
}
.footer-bar-align-right .copyright-bar a:hover {
  color: var(--primary-color-1);
}
.copyright-social ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.copyright-social ul li {
  display: inline-block;
  padding-left: 20px;
  padding-right: 20px;
}
.copyright-social ul li a {
  opacity: 1;
}
.copyright-social ul li a:hover {
  opacity: 0.6;
}
.copyright-social ul li a .instagram {
  width: 17px;
}
.copyright-social ul li a .yt-img {
  width: 23px;
}
body.single-projects .site.grid-container {
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}
body.single-projects .site.grid-container .site-main {
  margin-top: 0;
  margin-bottom: 0;
}
.site-main .elementor > .elementor-element:not(.left-right-padding-remove) {
  padding-left: 20px;
  padding-right: 20px;
}
.sidebar-info-holder {
  display: block;
  padding: 25px;
  border-radius: 15px;
  border: 1px solid var(--input-border-color-1);
  padding-bottom: 19px;
  margin-bottom: 40px;
}
.sidebar-info-holder .p-b {
  display: block;
  padding-bottom: 30px;
}
.sidebar-info-holder .p-b strong {
  display: block;
  padding-bottom: 5px;
  font-size: 16px;
  font-weight: 500;
}
.sidebar-info-holder .domain-info.p-b strong {
  display: inline;
}
.sidebar-info-holder .p-b strong:last-child {
  padding-bottom: 0;
}
.sidebar-info-holder h3.sidebar_ttl {
  font-size: 14px;
  color: var(--gray-color-2);
  font-weight: 400;
  margin-bottom: 5px;
}
.sidebar-info-holder .tools-info .tools-list {
  list-style: none;
  margin: 0;
  display: block;
  padding-top: 5px;
}
.sidebar-info-holder .tools-info .tools-list li {
  display: inline-block;
  padding: 0 8px 6px 0;
}
.sidebar-info-holder .tools-info .tools-list li img {
  display: block;
  width: 35px;
  height: 35px;
}
.sidebar-info-holder .designer-info .designer-list {
  list-style: none;
  margin: 0;
  padding-top: 5px;
}
.sidebar-info-holder .designer-info .designer-list li {
  display: block;
  padding-bottom: 10px;
}
.sidebar-info-holder .designer-info .designer-list li .prof-inner {
  display: flex;
}
.sidebar-info-holder .designer-info .designer-list li .prof-inner .img {
  width: 40px;
}
.sidebar-info-holder .designer-info .designer-list li .prof-inner .img .inner {
  height: 50px;
  width: 40px;
}
.sidebar-info-holder .designer-info .designer-list li .prof-inner .img img {
  border-radius: 999px;
}
.sidebar-info-holder .designer-info .designer-list li .prof-inner .txt {
  padding-left: 15px;
}
.sidebar-info-holder .designer-info .designer-list li .prof-inner .txt h4.name {
  font-size: 16px;
  font-weight: 500;
  margin: 0;
}
.sidebar-info-holder
  .designer-info
  .designer-list
  li
  .prof-inner
  .txt
  h4.name
  a {
  color: var(--black-color-1);
}
.sidebar-info-holder
  .designer-info
  .designer-list
  li
  .prof-inner
  .txt
  h5.designation {
  font-size: 12px;
  font-weight: 400;
  color: var(--gray-color-1);
  margin: 0;
}
.sidebar-info-holder .designer-info .designer-list li:last-child {
  padding-bottom: 0;
}
.testimonial-style-main-1 {
  overflow: hidden !important;
}
.testimonial-style-1 .elementor-swiper .elementor-main-swiper {
  width: 100% !important;
}
.testimonial-style-1 .elementor-testimonial {
  display: flex;
  flex-direction: column-reverse;
}
.testimonial-style-1 .elementor-testimonial .elementor-testimonial__footer {
  margin-top: 0;
  margin-bottom: 25px;
}
.testimonial-style-1 .swiper {
  overflow: inherit;
}
.testimonial-style-2,
.testimonial-style-2 .elementor-swiper .elementor-main-swiper {
  width: 100% !important;
}
.testimonial-style-2 .elementor-swiper .swiper {
  padding-right: 80px;
}
.testimonial-style-2 .elementor-testimonial {
  display: flex;
  flex-direction: column-reverse;
}
.testimonial-style-2 .elementor-testimonial__icon {
  position: absolute;
  top: 20px;
}
.testimonial-style-2 .elementor-testimonial__content {
  padding-top: 55px !important;
  padding-bottom: 50px !important;
}
.testimonial-style-2 .elementor-star-rating {
  position: absolute;
  right: 20px;
}
#sidebar {
  max-width: 396.66px;
  width: 100%;
}
#sidebar.fixed {
  position: fixed !important;
  top: 80px;
  max-width: 396.66px;
  width: 33.333%;
}
.testimonial-style-2 .elementor-swiper-button {
  right: 0 !important;
  top: 0 !important;
  left: auto !important;
  padding: 15px;
  border: 1px solid #000;
  border-radius: 100px;
  background-color: #fff;
  margin-top: -50px;
}
.testimonial-style-2 .elementor-swiper-button.elementor-swiper-button-prev {
  right: 65px !important;
}
.expiry-main-holder {
  text-align: center;
}
.expiry-main-holder h1 {
  font-size: 30px;
}
.expiry-main-holder h2 {
  font-size: 20px;
}
#prof_sidebarToggle {
  display: none;
}
.elementor-element p strong {
  font-weight: 500;
}
body .dialog-lightbox-widget {
  z-index: 99999;
}
.dialog-lightbox-widget .dialog-message header.elementor-slideshow__header {
  bottom: 20px;
  top: auto;
  opacity: 1;
  width: auto;
  padding: 8px 15px;
  margin: 0 auto;
  left: 50%;
  background-color: #fff;
  transform: translateX(-50%);
  border-radius: 100px;
}
.dialog-lightbox-widget .dialog-message .elementor-slideshow__footer,
.dialog-lightbox-widget
  .dialog-message
  header.elementor-slideshow__header
  .e-eicon-share-arrow,
.dialog-lightbox-widget .dialog-message .elementor-slideshow__header svg,
.dialog-lightbox-widget
  .dialog-message
  .elementor-slideshow__header
  .elementor-slideshow__share-menu,
.dialog-lightbox-widget
  .dialog-message
  .elementor-slideshow__header
  .elementor-slideshow__counter {
  display: none !important;
}
.dialog-lightbox-widget
  .dialog-message
  .elementor-slideshow__header
  svg.e-eicon-zoom-in-bold,
.dialog-lightbox-widget
  .dialog-message
  .elementor-slideshow__header
  svg.e-eicon-zoom-out-bold {
  display: inline-block !important;
  fill: #000000;
}
.dialog-lightbox-widget .dialog-message .swiper-zoom-container {
  background-color: #fafafa;
  padding: 20px;
  border-radius: 10px;
  overflow: scroll;
}
.dialog-lightbox-widget.elementor-lightbox .elementor-lightbox-image {
  box-shadow: none;
}
.dialog-lightbox-widget.elementor-lightbox
  .swiper-slide-zoomed
  .elementor-lightbox-image {
  transform: inherit !important;
  width: 400%;
  max-width: 400%;
  max-height: inherit;
}
.table-style-2 tr th:first-child,
.table-style-2 tr td:first-child {
  text-wrap: nowrap;
}
body.single-resumes {
  background-color: #f9fafb;
}
.single-resumes-inner-container {
  background-color: #fff;
  box-shadow: 0px 0px 25px #0000000f;
  margin-bottom: 50px !important;
  padding: 30px;
  background-image: url(../../assets/icons/resume-top-arrow.svg);
  background-position: right 25px top;
  background-repeat: no-repeat;
}
body.single-resumes .site-footer {
  display: none !important;
}
.single-resumes-inner-container .title-holder h1 {
  font-weight: 500;
  font-size: 42px;
  margin-bottom: 8px;
}
.single-resumes-inner-container .title-holder h2 {
  font-weight: 500;
  font-size: 22px;
  margin: 0;
}
body.single-resumes .top-section-resumes {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
body.single-resumes .top-section-resumes .right .button {
  background-color: var(--black-color-1);
  font-weight: 500;
  font-size: 12px;
  border-radius: 12px;
}
body.single-resumes .top-section-resumes .right .button svg {
  position: relative;
  top: 3px;
  margin-right: 5px;
}
.single-resumes-inner-container .title-holder {
  min-height: 150px;
  border-bottom: 1px solid var(--input-border-color-1);
}
body.single-resumes
  .site-main
  .elementor
  > .elementor-element:not(.left-right-padding-remove) {
  padding-left: 0;
  padding-right: 0;
}
body.single-resumes .red-line-ttl .elementor-heading-title {
  position: relative;
  padding-left: 10px;
}
body.single-resumes .red-line-ttl .elementor-heading-title:after {
  position: absolute;
  width: 2px;
  height: 80%;
  top: 50%;
  left: 0;
  content: "";
  background-color: var(--primary-color-1);
  border-radius: 10px;
  transform: translateY(-50%);
}
body.single-resumes .elementor-widget-text-editor ul {
  margin-left: 15px;
  margin-bottom: 0;
}
body.single-resumes .elementor-widget-text-editor ul li {
  padding: 5px 0;
}
body .cs-slider.owl-carousel .owl-nav {
  right: 0 !important;
  bottom: 100% !important;
  left: auto !important;
  position: absolute;
  transform: translateY(-25px);
}
body .cs-slider.owl-carousel .owl-nav button {
  height: 52px;
  width: 52px;
  font-size: 35px;
  border: 1px solid #000;
  border-radius: 100px;
  background-color: #fff;
  line-height: 0;
}
body .cs-slider.owl-carousel .owl-nav button.owl-prev {
  margin-right: 13px;
}
body .cs-slider.owl-carousel .owl-nav button span {
  position: relative;
  top: -3px;
}
.icon-box-margin-fix .elementor-icon-box-content ul {
  margin: 0 0 0 15px;
}
.icon-box-margin-fix .elementor-icon-box-content ul li {
  padding: 8px 0;
  font-weight: 300;
}
.icon-box-margin-fix .elementor-icon-box-content ul li b {
  font-weight: 500;
}
.table-first-col-wrap tr td:first-child {
  text-wrap: nowrap;
}
.table-first-col-wrap tr td b,
.table-first-col-wrap tr th {
  font-weight: 500;
}
.text-wrap-nowrap {
  text-wrap: nowrap;
}
table.tafe-table td,
table.tafe-table th {
  word-break: unset;
  white-space: break-spaces;
}
.mapping-section-custom-area-holder .profile-img-holder img {
  border: 2px solid var(--black-color-1);
}
.progressbar-style-1 .elementor-widget-container {
  position: relative;
  padding-left: 55px;
  padding-right: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.progressbar-style-1 .elementor-progress-wrapper {
  position: static;
  overflow: visible !important;
}
.progressbar-style-1 .elementor-progress-text {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  padding: 0;
  overflow: visible;
}
.progressbar-style-1 .elementor-progress-percentage {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  padding: 0;
  overflow: visible;
}
body.page-template-fullpage-custom-template {
  padding-top: 0;
  background-color: #f7f9fc;
}
body.page-template-fullpage-custom-template header.site-header {
  background-color: #080b1d;
  box-shadow: none;
  border: none;
}
body.page-template-fullpage-custom-template header.site-header .login-btn a {
  background-color: transparent;
  text-transform: uppercase;
  padding: 0;
  font-size: 12px;
  font-weight: bold;
}
body.page-template-fullpage-custom-template
  header.site-header
  .login-btn
  a:hover {
  color: var(--home-green-color-1);
}
body.page-template-fullpage-custom-template .content-area .site-main {
  margin-top: 0;
  margin-bottom: 0;
}
.gray-lines-bg:after,
.gray-lines-bg .e-con-inner:after,
.gray-lines-bg .e-con-inner:before {
  height: 100%;
  width: 1px;
  background-color: #c0c0c0;
  opacity: 0.3;
  position: absolute;
  top: 0;
  content: "";
  left: 50%;
  z-index: -1;
}
.gray-lines-bg .e-con-inner:after {
  left: 25%;
}
.gray-lines-bg .e-con-inner:before {
  left: 75%;
}
.menu-holder {
  background-color: #121526;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  display: none;
}
.menu-holder::before {
  content: "";
  height: 100%;
  left: 50%;
  position: absolute;
  background-color: #000000;
  width: 1px;
}
.menu-holder.active {
  display: flex;
}
.menu-holder .menu-btn {
  padding: 0;
  background-color: transparent;
  border: none;
  margin: 25px 0 0 25px;
  display: inline-block;
}
.menu-holder #close-menu.menu-btn {
  position: absolute;
  z-index: 9;
  left: -95px;
  top: -95px;
  width: 190px;
  height: 190px;
  position: absolute;
  background-color: #080b1d;
  margin: 0;
  transform: rotate(45deg);
  transition: all 0.3s;
}
.menu-holder #close-menu.menu-btn:hover {
  background-color: #a4f402;
}
.menu-holder .overlay-bg {
  width: calc(50% + 20px);
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-image: url(../../assets/images/menu-bg-img.svg);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 100%;
}
.menu-holder #close-menu.menu-btn svg {
  position: absolute;
  right: 30px;
  bottom: 85px;
  transform: rotate(-45deg);
}
.menu-holder #close-menu.menu-btn svg rect {
  transition: all 0.3s;
}
.menu-holder #close-menu.menu-btn:hover svg rect {
  fill: #080b1d;
}
.menu-holder .inner {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
  height: 100%;
  flex-direction: row-reverse;
}
.menu-holder .inner .left {
  text-align: center;
  position: relative;
}
.menu-holder .inner .right {
  position: relative;
  min-width: 310px;
}
.menu-holder .inner .left .separater-footer {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(50%, -50%);
}
.menu-holder .inner .left .footer-logo-holder {
  padding-bottom: 45px;
}
.menu-holder .inner .right .menu ul {
  list-style: none;
  margin: 0;
}
.menu-holder .inner .right .menu ul li {
  display: block;
  padding: 15px 0 15px 55px;
  position: relative;
  font-size: 20px;
}
.menu-holder .inner .right .menu ul li a {
  color: var(--white-color);
}
.menu-holder .inner .right .menu ul li svg {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 20px;
  width: 20px;
}
.menu-holder .inner .right .menu ul li:hover a {
  color: #a4f402;
}
.menu-holder .inner .right .menu ul li:hover svg g,
.menu-holder .inner .right .menu ul li:hover svg path {
  transition: all 0.3s;
}
.menu-holder .inner .right .menu ul li:nth-child(1):hover svg g,
.menu-holder .inner .right .menu ul li:nth-child(3):hover svg g {
  stroke: #a4f402;
}
.menu-holder
  .inner
  .right
  .menu
  ul
  li:nth-child(2):hover
  svg
  path:nth-child(2) {
  fill: #a4f402;
}
.menu-holder .inner .right .menu ul li.dropdown-main-li svg {
  top: 30px;
}
.menu-holder .inner .right .menu ul li.dropdown-main-li a {
  position: relative;
  padding-right: 30px;
}
.menu-holder .inner .right .menu ul li.dropdown-main-li a img.dropdown-icon {
  width: 16px;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  right: 0;
}
.menu-holder
  .inner
  .right
  .menu
  ul
  li.dropdown-main-li
  a
  img.dropdown-icon.add-active {
  width: 14px;
  display: none;
}
.menu-holder .inner .right .menu ul li.dropdown-main-li .dropdown-menu {
  display: none;
  padding-top: 15px;
}
.menu-holder .inner .right .menu ul li.dropdown-main-li .dropdown-menu li {
  padding-left: 15px;
}
.menu-holder
  .inner
  .right
  .menu
  ul
  li.dropdown-main-li.active
  a
  img.dropdown-icon.remove-active {
  display: none;
}
.menu-holder
  .inner
  .right
  .menu
  ul
  li.dropdown-main-li.active
  a
  img.dropdown-icon.add-active {
  display: block;
}
.menu-holder .inner .right .menu ul li.dropdown-main-li.active > a {
  color: #a4f402;
}
.menu-holder .inner .right .menu ul li.dropdown-main-li:hover li a {
  color: var(--white-color);
}
.menu-holder .inner .right .menu ul li.dropdown-main-li:hover li a:hover,
.menu-holder .inner .right .menu ul li.dropdown-main-li li a.active {
  color: #a4f402;
}
.menu-holder .copyright-social ul li {
  padding-left: 30px;
  padding-right: 30px;
}
.menu-btn-holder #open-menu {
  padding: 0;
  background-color: transparent;
  margin-right: 30px;
  border: none;
  display: flex;
}
.menu-btn-holder #open-menu svg {
  display: inline-block;
  width: 19px;
}
.menu-btn-holder #open-menu svg rect {
  transition: all 0.3s;
}
.menu-btn-holder #open-menu:hover svg rect {
  fill: #a4f402;
}
.login-btn .profile-login-menu ul {
  margin: 0;
  list-style: none;
}
.page-template-fullpage-custom-template .site-header .profile-login-menu ul {
  margin: 0;
  list-style: none;
}
.page-template-fullpage-custom-template
  .site-header
  .profile-login-menu
  ul.profile-login-submenu {
  padding: 15px 20px;
  border-radius: 10px;
  box-shadow: 0px 0px 10px #00000029;
  background-color: #fff;
  margin-top: 10px;
  display: none;
  width: 155px;
  left: auto;
  right: 0;
}
.page-template-fullpage-custom-template
  .site-header
  .profile-login-menu
  ul.profile-login-submenu:before {
  width: 20px;
  height: 15px;
  background-color: #fff;
  position: absolute;
  content: "";
  top: 0;
  z-index: 9;
  right: 15px;
}
.page-template-fullpage-custom-template
  .site-header
  .profile-login-menu
  ul.profile-login-submenu:after {
  width: 11px;
  height: 11px;
  border-radius: 1px;
  box-shadow: 0px 0px 8px #00000029;
  background-color: #ffffff;
  position: absolute;
  content: "";
  transform: rotate(45deg);
  top: 0;
  margin-top: -6px;
  right: 15px;
}
.page-template-fullpage-custom-template
  .site-header
  .profile-login-menu
  ul.profile-login-submenu
  li
  .icon {
  padding-right: 10px;
  margin-right: 12px;
  border-right: 1px solid var(--gray-color-2);
}
.page-template-fullpage-custom-template
  .site-header
  .profile-login-menu
  ul.profile-login-submenu
  li
  a {
  color: var(--black-color-1);
  font-weight: 500;
  font-size: 14px;
  text-transform: capitalize;
  display: inline-block;
}
.page-template-fullpage-custom-template
  .profile-login-menu-item
  .profile_signin {
  display: flex;
  padding-right: 25px;
}
body.page-template-fullpage-custom-template header.site-header .login-btn {
  display: flex;
  align-items: center;
}
body.page-template-fullpage-custom-template
  header.site-header
  .login-btn
  .profile-login-menu {
  margin-left: 40px;
  position: relative;
}
body.page-template-fullpage-custom-template
  header.site-header
  .login-btn
  .profile-login-menu::after {
  content: "";
  position: absolute;
  left: -20px;
  top: 50%;
  height: 30px;
  width: 1px;
  background-color: #32343e;
  width: 1px;
  transform: translateY(-50%);
}
body.page-template-fullpage-custom-template
  .profile-login-menu-item
  .profile_signin
  .prof_img {
  width: 30px;
}
.img-hover-zoom-effect .elementor-image-box-img {
  border-radius: 10px;
}
.img-hover-zoom-effect .elementor-widget-container {
  border-radius: 15px;
}
.img-hover-zoom-effect .elementor-image-box-img,
.img-hover-zoom-effect .elementor-widget-container,
.cs-slider .card-item .img-holder,
.design-proj-full-area-holder .proj-card-main-holder .card-item .img-holder,
.proj-card-main-holder.proj-prof-card-main-holder .card-item .img-holder,
.cs-slider .card-item .img-holder,
.img-hover-zoom-effect .elementor-testimonial__text {
  overflow: hidden;
}
.img-hover-zoom-effect img,
.cs-slider .card-item .img-holder img,
.design-proj-full-area-holder .proj-card-main-holder .card-item .img-holder img,
.proj-card-main-holder.proj-prof-card-main-holder .card-item .img-holder img {
  transform: scale(1);
  transition: all 0.3s;
}
.img-hover-zoom-effect img:hover,
.cs-slider .card-item .img-holder img:hover,
.design-proj-full-area-holder
  .proj-card-main-holder
  .card-item
  .img-holder:hover
  img,
.proj-card-main-holder.proj-prof-card-main-holder
  .card-item
  .img-holder:hover
  img {
  transform: scale(1.03);
}
#login-error-text.fadeout-txt {
  opacity: 0;
  transition: all 0.4s;
}
.design-proj-full-area-holder .filter-area-holder {
  display: block;
  padding-bottom: 20px;
  position: relative;
}
.design-proj-full-area-holder .filter-area-holder .left .cat_select {
  float: left;
  margin-right: 8px;
  border: 1px solid var(--gray-color-2);
  padding: 5px 10px;
  border-radius: 7px;
  font-size: 14px;
  background-color: var(--white-color);
}
.design-proj-full-area-holder .filter-area-holder .left .cat_select a {
  display: inline-block;
  margin-bottom: -3px;
  margin-left: 5px;
}
.design-proj-full-area-holder .filter-area-holder .left .cat_select a img {
  display: block;
}
.design-proj-full-area-holder .filter-area-holder .right {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
}
.design-proj-full-area-holder .filter-area-holder .right #filterBtn {
  margin-left: 20px;
  padding: 5px 13px;
  background: var(--white-color);
  color: #00182a;
  border: 1px solid #e6e7e9;
  border-radius: 8px;
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: 500;
}
.design-proj-full-area-holder .filter-area-holder .right.active #filterBtn {
  background: #deedf9;
  color: #0096ff;
  border: 1px solid #deedf9;
}
.design-proj-full-area-holder
  .filter-area-holder
  .right.active
  #filterBtn
  svg
  path {
  fill: #0096ff;
}
.design-proj-full-area-holder .filter-area-holder .right #filterBtn svg {
  margin-right: 5px;
}
.design-proj-full-area-holder .filter-area-holder .right #clearBtn {
  font-weight: 600;
  color: var(--black-color-1);
  text-decoration: underline;
  white-space: nowrap;
  font-size: 14px;
  display: none;
}
.design-proj-full-area-holder .filter-area-holder .right #clearBtn.active {
  display: inherit;
}
.design-proj-full-area-holder
  .filter-area-holder
  .right
  .filter_main_holder_box {
  position: absolute;
  top: calc(100% + 20px);
  right: 0;
  background: var(--white-color);
  z-index: 12;
  box-shadow: 0px 0px 10px #00000021;
  border-radius: 10px;
  width: 190px;
  display: none;
}
.design-proj-full-area-holder
  .filter-area-holder
  .right.active
  .filter_main_holder_box {
  display: inline-block;
}
.design-proj-full-area-holder
  .filter-area-holder
  .right
  .filter_main_holder_box
  ul {
  margin: 0;
  list-style: none;
  padding: 6px 0;
  margin-right: 5px;
}
.design-proj-full-area-holder
  .filter-area-holder
  .right
  .filter_main_holder_box
  ul
  li {
  display: block;
  padding: 3px 7px 3px 12px;
  position: relative;
}
.design-proj-full-area-holder
  .filter-area-holder
  .right
  .filter_main_holder_box
  ul
  li.active
  .toggle-link {
  background-color: #deedf9;
}
.design-proj-full-area-holder
  .filter-area-holder
  .right
  .filter_main_holder_box
  ul
  li
  a {
  display: block;
  position: relative;
  padding-left: 33px;
  padding-top: 4px;
  padding-right: 8px;
  padding-bottom: 4px;
  color: var(--black-color-1);
  font-size: 14px;
  border-radius: 7px;
}
.design-proj-full-area-holder
  .filter-area-holder
  .right
  .filter_main_holder_box
  ul
  li
  .icon {
  position: absolute;
  left: 8px;
  top: 7px;
}
.design-proj-full-area-holder
  .filter-area-holder
  .right
  .filter_main_holder_box
  ul
  li
  .right-arrow {
  position: absolute;
  right: 4px;
  top: 8px;
}
.project-dropdown-ul {
  display: none;
}
.project-dropdown-ul.active {
  display: inline-block;
}
.filter_main_holder_box ul ul {
  position: absolute;
  right: 100%;
  background-color: #fff;
  box-shadow: 0px 0px 10px #00000021;
  border-radius: 10px;
  width: 230px;
  top: -6px;
}
.filter_main_holder_box ul ul li label {
  color: var(--black-color-1);
  font-size: 14px;
}
.filter_main_holder_box .project-type-check-box-ul label[for="search"] {
  position: relative;
}
.filter_main_holder_box .project-type-check-box-ul label[for="search"] img {
  position: absolute;
  left: 7px;
  top: 0;
}
.filter_main_holder_box .project-type-check-box-ul label[for="search"] input {
  padding: 4px 5px 4px 27px;
  font-size: 13px;
  border: 1px solid #d6dee5;
  border-radius: 5px;
  background-color: var(--white-color);
}
.design-proj-full-area-holder
  .filter-area-holder
  .right
  .filter_main_holder_box
  ul
  li.select-all:after {
  content: "";
  bottom: 0;
  left: 20px;
  right: 20px;
  position: absolute;
  background-color: var(--input-border-color-1);
  height: 1px;
}
.design-proj-full-area-holder
  .filter-area-holder
  .right
  .filter_main_holder_box
  ul
  ul
  li {
  padding: 7px 20px;
}
.design-proj-full-area-holder .filter-area-holder #cat_selecter_main_box {
  padding-right: 240px;
  height: 35.09px;
}
.design-proj-full-area-holder
  .filter-area-holder
  #cat_selecter_main_box
  .cat_selecter_main_box_inner {
  display: -webkit-box;
  position: relative;
  min-height: 10px;
  padding-right: 110px;
}
.design-proj-full-area-holder
  .filter-area-holder
  #cat_selecter_main_box
  .extra-filters-container {
  position: absolute;
  right: 0;
  top: calc(100% + 15px);
  z-index: 12;
  padding: 20px 20px 12px;
  background-color: #fff;
  box-shadow: 1px 1px 13px #0000000f;
  border-radius: 10px;
  display: none;
  margin-right: 240px;
}
.design-proj-full-area-holder
  .filter-area-holder
  .left
  .extra-filters-container
  .cat_select {
  margin-right: 0;
  margin-bottom: 8px;
  clear: both;
}
.design-proj-full-area-holder
  .filter-area-holder
  #cat_selecter_main_box
  .cat_selecter_main_box_inner
  .more-filters {
  text-wrap: wrap;
  background-color: #efefef;
  border-radius: 1000px;
  padding: 5px 15px;
  display: inline-block;
  font-weight: 600;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}
body.page-id-2184 .entry-header {
  display: none !important;
}
body.page-id-2184 article > .inside-article {
  padding: 0;
}
body.page-template-designers-projects-page {
  background-image: url(../../assets/images/dots-bg.svg);
}
.lightbox-pop-img-main-holder .lightbox-pop-img-inner-holder {
  margin-top: 24px;
}
@media (min-width: 1025px) {
  /* new version home css start *****************************/
  .font-size-176 .elementor-heading-title {
    font-size: clamp(86px, 6.95vw, 140px) !important;
  }
  .font-size-163 .elementor-heading-title {
    font-size: clamp(78px, 6.3vw, 126px) !important;
  }
  .font-size-95 .elementor-heading-title {
    font-size: clamp(14px, 7vw, 95px) !important;
  }
  .font-size-70 .elementor-heading-title {
    font-size: clamp(14px, 7vw, 70px) !important;
  }
  .font-size-65 .elementor-heading-title {
    font-size: clamp(14px, 7vw, 65px) !important;
  }
  .font-size-59 .elementor-heading-title {
    font-size: clamp(27px, 2.2vw, 45px) !important;
  }
  .font-size-54 .elementor-heading-title {
    font-size: clamp(28px, 2.1vw, 44px) !important;
  }
  .font-size-50 .elementor-heading-title {
    font-size: clamp(14px, 7vw, 50px) !important;
  }
  .font-size-47 .elementor-heading-title {
    font-size: clamp(14px, 7vw, 47px) !important;
  }
  .font-size-41 .elementor-heading-title {
    font-size: clamp(14px, 7vw, 41px) !important;
  }
  .font-size-39 .elementor-heading-title {
    font-size: clamp(26px, 2.08vw, 41px) !important;
  }
  .font-size-36 .elementor-heading-title {
    font-size: clamp(14px, 7vw, 36px) !important;
  }
  .font-size-33 .elementor-heading-title {
    font-size: clamp(14px, 7vw, 33px) !important;
  }
  .font-size-31 .elementor-heading-title {
    font-size: clamp(14px, 7vw, 31px) !important;
  }
  .font-size-28 .elementor-heading-title,
  .font-size-28 .elementor-widget-container p {
    font-size: clamp(14px, 1.1vw, 28px) !important;
  }
  .font-size-26 .elementor-heading-title {
    font-size: clamp(14px, 7vw, 26px) !important;
  }
  .font-size-24 .elementor-heading-title {
    font-size: clamp(14px, 7vw, 24px) !important;
  }
  .font-size-23 .elementor-heading-title {
    font-size: clamp(14px, 7vw, 23px) !important;
  }
  .font-size-22 .elementor-heading-title {
    font-size: clamp(14px, 7vw, 22px) !important;
  }
  .font-size-15 .elementor-heading-title {
    font-size: clamp(14px, 7vw, 15px) !important;
  }
  .font-size-14 .elementor-heading-title {
    font-size: clamp(14px, 7vw, 14px) !important;
  }
  .font-size-8 .elementor-heading-title {
    font-size: clamp(14px, 7vw, 8px) !important;
  }
  /* new version home css end *****************************/
  .section-100vh-holder {
    padding-top: 50px;
  }
  .page-id-1618
    .site-main
    .elementor
    > .elementor-element:not(.left-right-padding-remove) {
    padding-left: 10vw;
    padding-right: 10vw;
  }
}