/*
 * PixPine main stylesheet.
 * Merged from style.css + home-style.css + header-footer.css (in that order)
 * so the browser loads one file instead of three.
 */

/* ==========================================================================
   1. Base styles (was style.css)
   ========================================================================== */

/* Sign up page start */
.dark_bg {
  background-color: rgb(0 0 0 / 73%);
}
#root_grid .separetor_container {
  padding-top: 70px;
  padding-bottom: 30px;
}
.load_more_sec {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
}
.load_more_sec button {
  width: 200px;
}
.signup__login {
  display: flex;
  align-items: center;
  justify-content: center;
}
.signup__login .container {
  padding-top: 20px;
  padding-bottom: 20px;
}
.signup__login__modal .modal-dialog {
  max-width: max-content;
  margin-left: auto;
  margin-right: auto;
}

body.modal-open {
  overflow-y: auto;
}
.modal-backdrop.show {
  background-color: rgba(0, 0, 0, 0.85);
  opacity: 1;
}
.signup__login__modal .modal-content {
  border-radius: 0;
  background: transparent;
  border: none;
  outline: none;
  max-width: 100%;
}
.signup__login .main_content {
  max-width: 606px;
  margin: 0 auto;
  border-radius: 25px;
  overflow: hidden;
  background-color: var(--white-color);
  padding: 30px 26px 27px 26px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
.signup__login .section_heading {
  font-size: 14px;
  line-height: 17px;
  font-weight: 500;
}
.login_signup_f_g_contianer {
  max-width: 210px;
  width: 100%;
}
.login_signup_f_g_contianer button {
  border: 1px solid #707070;
  border-radius: 0;
  background-color: transparent;
  overflow: hidden;
  box-shadow: none;
  display: flex;
  align-items: center;
  justify-content: start;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
  padding: 8px 5px 8px 10px;
  color: #3e3d3d;
  width: 100%;
}
.login_signup_f_g_contianer button .btn_img {
  max-width: 24px;
  width: 100%;
  text-align: center;
  margin-right: 13px;
}
.login_signup_f_g_contianer a:first-child img {
  height: 20.22px;
  width: 20.22px;
  object-fit: contain;
}
.login_signup_f_g_contianer a:last-child img {
  height: 20px;

  object-fit: contain;
}
.login_signup_f_g_contianer a {
  display: inline-block;
  width: 100%;
}
.login_signup_f_g_contianer a:not(:last-child) {
  margin-bottom: 19px;
}
.signup__login .separator {
  border-right: 0.5px solid #777777;
  position: relative;
  text-align: center;
  height: 100%;
  min-height: 250px;
  margin-right: 32px;
  margin-left: 39px;
}
.signup__login .separator p {
  font-size: 14px;
  font-weight: 700;
  line-height: 17px;
  text-transform: uppercase;
  color: #3e3d3d;
  position: absolute;
  padding: 13.3px 0;
  width: max-content;
  top: 50%;
  right: 50%;
  background: var(--white-color);
  transform: translate(50%, -50%);
}
.signup__login form {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
  margin-bottom: 26px;
  box-sizing: border-box;
}
.signup__login form input {
  width: 100%;
  border: 1px solid #707070;
  border-radius: 0;
  height: 35px;
  padding: 7px 10px 7px 15px;
  margin-bottom: 10px;
  box-shadow: none;
  outline: none;
  box-sizing: border-box;
}
.signup__login form input,
.signup__login form label {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: var(--text-color);
}
.signup__login p {
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
  color: var(--text-color);
}
.signup__login p a,
.signup__login form label a {
  color: var(--primary-color);
}
.signup__login form .input_btn {
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  padding: 11.5px 101px;
  background-color: var(--primary-color);
  border-radius: 40px;
  margin-top: 33px;
  margin-bottom: 9px;
  color: var(--white-color);
  min-height: 42px;
  border: none;
  width: 100%;
}
.signup__login ::placeholder {
  opacity: 1;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  color: var(--text-color);
}
.signup__login :-ms-input-placeholder {
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  color: var(--text-color);
}
.signup__login ::-ms-input-placeholder {
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  color: var(--text-color);
}
.signup__login form .have_an_account {
  font-size: 14px;
  line-height: 17px;
  font-weight: 500;
  text-align: center;
}
.signup__login form .have_an_account a {
  color: var(--primary-color);
}
.signup__login .heading__col p {
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
}
.signup__login #mobile__heading__col {
  display: none;
}
.signup_page .label_col {
  margin-top: 10px;
}
.signup_page .separator {
  margin-left: 27px;
}
.signup_page .login_signup_f_g_contianer {
  max-width: 220px;
}
.signup_page form .input_btn {
  margin-top: 25px;
  text-transform: uppercase;
}
.signup_page form {
  margin-bottom: 23px;
}

/* Sign up page end */ /* subscription_section Start */

.subscription_section .heading_col {
  padding-bottom: 75px;
}
.subscription_section .page_heading {
  font-size: 30px;
  line-height: 40px;
  margin-bottom: 7px;
}
.subscription_section .sub_heading {
  line-height: 28px;
  color: #2c2c2c;
}
.subscription_section .sub_heading span,
.subscription_section .sub_heading a {
  font-weight: 700;
  color: var(--primary-color);
}
.subscription_section .section_width {
  max-width: 970px;
  margin: 0 auto;
}
.subscriptions_package_container {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
}
.subscriptions_package {
  width: calc(50% - 35px);
}

li.checkLi,
.subscriptions_package li {
  display: flex;
  line-height: 1;
  margin-bottom: 7px;
}

li .checkMark svg {
  height: 17px;
  width: 17px;
}
li .checkMark svg,
.subscriptions_package li img {
  max-width: 17px;
  object-fit: contain;
}
li .checkMark,
.subscriptions_package li img {
  margin-right: 13px;
  object-fit: contain;
}
.subscriptions_package li p {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}
.subscriptions_package ._btn {
  font-weight: 300;
  font-size: 18px;
  line-height: 22px;
  padding: 10px 80px;
  width: 100%;
}
.subscriptions_package .btn_black {
  background-color: #272727;
}
.subscriptions_package .heading__col h4 {
  font-weight: 700;
  font-size: 18px;
  line-height: 30px;
}
.subscriptions_package .price_container {
  margin-top: 2px;
  margin-bottom: 48px;
}
.yearly__subscription .bottomText span {
  font-weight: 700;
}
.yearly__subscription .bottomText span,
.yearly__subscription .heading__col h4 span,
.yearly__subscription .heading__col h4 del,
.yearly__subscription .heading__col h4 {
  color: #fff;
}
.subscriptions_package .price_container h2 {
  display: flex;
  flex-direction: column;
  align-items: start;
}
.subscriptions_package .price_container h2 div {
  display: flex;
  flex-wrap: nowrap;
  white-space: nowrap;
  align-items: end;
}
.subscriptions_package .price_container h2 {
  font-weight: 700;
  font-size: 53px;
  line-height: 55px;
}
.subscriptions_package .price_container h2 div span {
  margin-left: 7px;
}
.yearly__subscription .bottomText {
  font-size: 18px;
  line-height: 24px;
}
.subscriptions_package .price_container h2 div span,
.subscriptions_package .price_container h2 del,
.subscriptions_package .price_container h2 span {
  font-weight: 500;
  font-size: 22px;
  line-height: 40px;
}
.subscriptions_package {
  background-color: #d8d8d8;
  border-radius: 20px;
  overflow: hidden;
  padding: 128px 35px 34px 35px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.subscriptions_package .btn_col {
  margin-top: 33px;
  display: inline-block;
  width: 100%;
}
.subscriptions_package.yearly__subscription {
  background-color: var(--primary-color);
  margin-left: 70px;
  position: relative;
}
.subscriptions_package .heading__col h4 span {
  font-size: 23px;
  line-height: 40px;
}
.premium_saves_container h3 {
  background-color: #000;
  text-align: center;
  font-weight: 700;
  font-size: 19px;
  line-height: 36px;
  text-transform: uppercase;
  position: absolute;
  left: -30px;
  top: 27px;
  transform: rotate(325deg);
  width: 100%;
  max-width: 207px;
}
.premium_saves_container h5 {
  position: absolute;
  right: 0;
  top: 0;

  margin: -1px;
  padding: 20px 20px;
  border-bottom-left-radius: 20px;
}
.premium_saves_container h5,
.yearly__subscription .heading__col h4,
.yearly__subscription .heading__col h4 span {
  font-weight: 700;
  font-size: 16px;
  line-height: 26px;
}
.yearly__subscription *,
.yearly__subscription h2,
.yearly__subscription h4,
.yearly__subscription span,
.yearly__subscription p,
.premium_saves_container h3,
.premium_saves_container h5,
.premium_saves_container {
  color: var(--white-color);
}
.subscriptions_footer p {
  font-weight: 400;
  font-size: 14px;
  line-height: 28px;
  color: #2c2c2c;
  margin-top: 13px;
  text-align: right;
}
.faq_section .heading_col {
  margin-bottom: 26px;
}
.faq_section .heading_col h2 {
  font-size: 18px;
  line-height: 40px;
  font-weight: 700;
  text-transform: uppercase;
}
.faq_section .accordion-item {
  margin-bottom: 16px;
  border: none;
  background-color: transparent;
}
.faq_section .accordion-button {
  background-color: transparent;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  outline: none;
  box-shadow: none;
  border-radius: 16px;
  padding: 16px 0;
  color: var(--color-ededed);
}
.accordion-item:first-of-type .accordion-button,
.accordion-item:last-of-type .accordion-button.collapsed {
  border-radius: 16px;
}
.faq_section .accordion-body p,
.faq_section .accordion-body .mail_to,
.couldnt_ans h3 {
  font-size: 15px;
  line-height: 26px;
  font-weight: 400;
}
.faq_section .accordion-body *,
.faq_section .accordion-body p {
  font-size: 15px;
  line-height: 26px;
  font-weight: 400;
}
.faq_section .accordion-body .mail_to:hover {
  color: var(--primary-color);
}
.accordion-button:not(.collapsed) {
  color: var(--color-ededed);
}
.faq_section .accordion-body a {
  color: var(--primary-color);
}
.faq_section .accordion-body {
  padding: 0;
  padding-top: 12px;
}
.faq_section .accordin_container {
  display: flex;
  flex-wrap: wrap;
}
.faq_section .accordin_container .accordion {
  width: calc(50% - 60px);
}
.faq_section .accordin_container .left {
  margin-right: 120px;
}
#faq {
  scroll-margin-top: 113px;
}
.couldnt_ans h3 {
  font-weight: 700;
}
.accordion-button::after {
  width: 16px;
  object-fit: contain;
  height: 10px;
  background-size: contain;
}
.accordion-button:not(.collapsed)::after {
  background-image: url("../images/tab_down_arrow.png");
}
.accordion-button.collapsed::after {
  background-image: url("../images/tab_down_arrow.png");
}

/* subscription_section End */ /*  *  *  *  */ /* Request Page */ /* request_for_mockup_section Start */

.request_for_mockup_section .section_width {
  max-width: 1055px;
}
.request_for_mockup_section .request_for_mockup_col {
  width: 64.9%;
  margin-right: 8.4%;
}
.request_for_mockup_section .customized_mockups_col {
  width: 26.7%;
}
.request_for_mockup_section .customized_mockups_col .inner_content {
  padding: 22px 20px 26px 20px;
  background-color: var(--banner-color);
}
.request_for_mockup_col form .input_group {
  display: flex;
  flex-direction: column;
  margin-bottom: 18px;
}
.request_for_mockup_col form .input_group input,
.request_for_mockup_col form .input_group textarea,
.request_for_mockup_col form .input_group select {
  width: 100%;
  border: 1px solid #707070;
  box-shadow: none;
  outline: none;
  height: 33px;
  padding: 3px 12.5px;
  resize: none;
  background-color: transparent;
}
.request_for_mockup_col form .input_group textarea {
  height: 106px;
}
.request_for_mockup_col form label {
  font-size: 14px;
  line-height: 30px;
  font-weight: 400;
  margin-bottom: 2px;
}
.request_for_mockup_section .input_group input,
.request_for_mockup_section .input_group textarea,
.request_for_mockup_col .heading_col p,
.checkout_row .order__column .payment_option .checkbox_container label,
.dashboard__subscription .subscription__description p span,
.dashboard__subscription .subscription__description p,
.dashboard_section .nav-tabs .nav-link,
.dashboard_section .nav-tabs .nav-link.active,
.my__account .reset_password,
.dashboard_navbar .mobule_nav_tabs_button,
#free_mockups_page .nav-tabs .nav-link,
#free_mockups_page .nav-tabs .nav-link.active,
.dashboard_navbar .nav-link,
.request_for_mockup_col form .paragraph_text span,
.request_for_mockup_col form .paragraph_text p,
.request_for_mockup_col form label {
  color: var(--color-ededed);
}
.pixpine_free_product_top .keys_col p,
.pixpine_free_product_top .values_col p,
.pixpine_free_product_top .values_col p a {
  color: #033333;
}
.request_for_mockup_col form .checkbox_container {
  display: flex;
  align-items: center;
  margin-top: 37px;
  margin-bottom: 21px;
}
.request_for_mockup_col form .paragraph_text p {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}
.request_for_mockup_col form .paragraph_text {
  max-width: 463px;
}
.request_for_mockup_col form .paragraph_text span {
  font-size: 12px;
  line-height: 20px;
  max-width: 392px;
  display: block;
  margin-top: 30px;
  font-weight: 400;
}
.request_for_mockup_col form .checkbox_container p,
.request_for_mockup_col form .checkbox_container p a {
  font-size: 14px;
  font-weight: 500;
  color: var(--color-ededed);
  line-height: 16px;
}
.request_for_mockup_col form .checkbox_container p a {
  color: #2d57e3;
}
.request_for_mockup_col form ._btn {
  text-transform: capitalize;
}
.request_for_mockup_col form .checkbox_container input {
  margin-right: 15px;
  height: 16px;
  width: 16px;
  border-radius: 0 !important;
  outline: none;
  box-shadow: none;
  border: 1px solid #707070;
  cursor: pointer;
  outline: none;
}
.request_for_mockup_col
  form
  .checkbox_container
  input[id="customized-mockup-terms"]
  + label {
  margin-right: 15px;
  display: inline-block;
  width: 14px;
  height: 14px;
  border: 1px solid #707070;
  border-radius: 0;
  cursor: pointer;
}
.request_for_mockup_col
  form
  .checkbox_container
  input[id="customized-mockup-terms"]:checked
  + label:after {
  position: relative;
  top: -9.5px;
  left: 2px;
  content: "\2714";
  font-size: 11px;
}
.request_for_mockup_col
  form
  .checkbox_container
  input[id="customized-mockup-terms"] {
  display: none;
}
.request_for_mockup_col form ._btn {
  font-size: 14px;
  line-height: 16px;
  padding: 9.5px 45px;
}
.request_for_mockup_col form .btn_black {
  background-color: #626262;
  margin-top: 11px;
  margin-bottom: 13px;
  cursor: pointer;
  color: var(--white-color);
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
}
.request_for_mockup_col .heading_col .page_heading {
  font-size: 24px;
  line-height: 29px;
  text-transform: uppercase;
}
.request_for_mockup_col .heading_col p {
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  margin-top: 15px;
  margin-bottom: 40px;
  max-width: 655px;
}
.request_for_mockup_col form .half_width {
  max-width: 330px;
}
.customized_mockups_col h2 {
  font-size: 22px;
  line-height: 28px;
  font-weight: 500;
}
.customized_mockup_section .request_for_mockup_col .heading_col .page_heading {
  font-size: 20px;
  line-height: 24px;
  font-weight: 500;
}
.customized_mockups_col h2 span {
  font-weight: 700;
  display: block;
}
.customized_mockups_col p {
  font-size: 17px;
  line-height: 27px;
  font-weight: 500;
  font-family: var(--second-font-family);
  color: var(--primary-color);
  text-align: center;
}
.customized_mockups_col ._btn {
  padding: 13.3px 53px;
  background-color: var(--text-color);
  margin-top: 40px;
}
.request_for_mockup_section .customized_mockups_col ._btn {
  font-size: 16px;
  line-height: 19px;
  font-weight: 400;
  padding: 12px 50px;
}

/* request_for_mockup_section End */ /* FREE MOCKUPS  */ /* ad Start */

.affiliate_ad {
  margin-bottom: 100px;
}
.affiliate_ad .section_width,
#free_mockups_page .heading_col {
  max-width: 920px;
  margin: 0 auto;
}

/* ad End */ /* free_mockups_page Start */

#free_mockups_page .heading_col .section_heading {
  font-size: 28px;
  line-height: 34px;
  margin-bottom: 15px;
  text-transform: uppercase;
}
#free_mockups_page .heading_col p {
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
}
#free_mockups_page .separetor_container {
  padding-top: 70px;
  padding-bottom: 20px;
}
#free_mockups_page .separetor {
  border-bottom: 1px solid #cecece;
}
#free_mockups_page .nav-tabs .nav-link {
  margin: 0 22px;
  margin-bottom: 10px;
}
#free_mockups_page .nav-tabs .nav-link,
#free_mockups_page .nav-tabs .nav-link.active {
  font-size: 14px;
  line-height: 17px;
  font-weight: 400;
}
#free_mockups_page .tab-content .card_item {
  width: 33.33333%;
}
#free_mockups_page .tab-content .card_item .inner_col {
  margin: 0 10px;
  margin-bottom: 45px;
}
#free_mockups_page .tab-content .card_container {
  margin: 0 -10px;
}
#free_mockups_page .get_premium_mockups_section .premium_mockups_inner {
  padding: 48px 30px 41px 30px;
}
#free_mockups_page .get_premium_mockups_section .section_heading {
  font-size: 26px;
  line-height: 32px;
  font-weight: 700;
  margin-bottom: 10px;
}
#free_mockups_page .get_premium_mockups_section .section_heading span {
  font-weight: 500;

  font-size: 20px;
  line-height: 25px;
}
#free_mockups_page .get_premium_mockups_section p {
  margin-top: 5px;
}
#free_mockups_page .get_premium_mockups_section p,
#free_mockups_page .get_premium_mockups_section span.primary_color {
  font-size: 18px;
  line-height: 20px;
  font-weight: 500;
}
#free_mockups_page .get_premium_mockups_section .btn_primary {
  margin-top: 43px;
  font-size: 15px;
  line-height: 17px;
  padding: 13px 53px;
  text-transform: uppercase;
  margin-right: 0;
  font-weight: 400;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: max-content;
}
#free_mockups_page {
  margin-bottom: 0;
}
#free_mockups_page .get_premium_mockups_section .premium_text {
  width: 100%;
  margin-right: 0;
}
.pagination img {
  max-width: 11px;
}
.pagination {
  align-items: center;
  margin-top: 72.5px;
}
.pagination .left_button {
  margin-right: 45px;
}
.pagination .right_button {
  margin-left: 45px;
}
.pagination .page-link {
  border: none;
  box-shadow: none;
  outline: none;
  background-color: transparent;
  color: #575757;
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

/* free_mockups_page End */ /* free_mockups Signle page Start*/

.free_product_section {
  padding-top: 13px;
  padding-bottom: 80px;
}
.free_product_section .free_product_main_col {
  width: 70.6%;
  margin-right: 7.1%;
}
.free_product_section .free_business_card_col {
  width: 22.3%;
}
.free_product_section .free_business_card_col .page_heading {
  font-size: 28px;
  line-height: 34px;
  font-weight: 500;
  text-transform: initial;
  max-width: 245px;
  margin-bottom: 6px;
}
.free_product_section .free_business_card_col .heading_col p {
  font-size: 14px;
  line-height: 17px;
  font-weight: 500;
  color: var(--primary-color);
}
.free_product_section .free_business_card_col .heading_col {
  margin-bottom: 54px;
}
.related_mockups_col {
  margin-top: 70px;
}
.related_mockups_col .card_item {
  width: 25%;
}
.related_mockups_col .card_item .card_inner {
  margin: 0 9px;
  margin-bottom: 18px;
}
.related_mockups_col .card_item img {
  width: 100%;
}
.related_mockups_col .row_d {
  margin: 0 -9px;
  align-items: stretch;
  justify-content: center;
}
.related_mockups_col .section_heading_container {
  margin-bottom: 30px;
}
.related_mockups_col .section_heading {
  font-size: 22px;
  line-height: 36px;
  border-bottom: 1px solid #cecece;
}
.pixpine_free_product_top {
  margin-bottom: 35px;
}
.pixpine_free_product_top .application_photoshop_content .keys_col {
  margin-right: 35px;
}
.pixpine_free_product_top .keys_col p,
.pixpine_free_product_top .values_col p,
.pixpine_free_product_top .values_col p a {
  font-size: 16px;
  line-height: 19px;
  font-weight: 500;
  margin-bottom: 22px;
  padding-top: 0 !important;
}
.pixpine_free_product_top .values_col p,
.pixpine_free_product_top .values_col p a {
  font-weight: 400;
}
.pixpine_free_product_top .values_col p a,
.pixpine_free_product_top .values_col p a:hover {
  color: var(--primary-color);
}
.pixpine_free_product_top .keys_col p:last-child,
.pixpine_free_product_top .values_col p:last-child {
  margin-bottom: 0;
}
.pixpine_free_product_top .application_photoshop_col {
  margin-top: 60px;
}
.pixpine_free_product_top .application_photoshop_col ._btn {
  margin-top: 34px;
  font-size: 18px;
  line-height: 22px;
  padding: 11px 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
}
.pixpine_free_product_top .application_photoshop_content {
  margin-right: 3.8%;
}
.pixpine_free_product_top .application_photoshop_content .app_content_inner {
  background-color: #e6e6e6;
  padding: 24px 20px 21px 30px;
}
.pixpine_free_product_top .application_photoshop_img {
  width: 47.6%;
}
.pixpine_free_product_top .application_photoshop_content,
.pixpine_free_product_top .application_photoshop_col ._btn {
  width: 48.6%;
}
.pixpine_free_product_top .first_image_text_col {
  width: 75%;
  margin-right: 6.8%;
}
.pixpine_free_product_top .first_card_col {
  width: 18.2%;
}
.pixpine_free_product_top .get_premium_mockups_section .premium_mockups_inner {
  padding: 45px 5px 48px 5px;
}
.pixpine_free_product_top .get_premium_mockups_section span.primary_color {
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
  max-width: 143px;
  margin: 0 auto;
  margin-top: 12px;
  margin-bottom: 52px;
}
.pixpine_free_product_top .get_premium_mockups_section .premium_text {
  width: 100%;
  margin-right: 0;
}
.pixpine_free_product_top .first_card_col .card_item h4 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  margin-top: 17px;
  margin-bottom: 5px;
}
.pixpine_free_product_top .first_card_col .card_item p {
  font-size: 12px;
  line-height: 16px;
}
.pixpine_free_product_top .get_premium_mockups_section .section_heading {
  font-size: 26px;
  line-height: 24px;
}
.pixpine_free_product_top .get_premium_mockups_section .section_heading_medium {
  font-size: 14px;
  line-height: 24px;
  color: #696969;
  margin-top: 2px;
}
.pixpine_free_product_top .get_premium_mockups_section ._btn {
  font-size: 14px;
  line-height: 17px;
  padding: 8.5px 23px;
  font-weight: 400;
}
.pixpine_free_product_top
  .first_free_product_container
  .first_card_col
  .img_col {
  position: relative;
}
.pixpine_free_product_top .first_image_text_col .card_item {
  margin-bottom: 22.5px;
}
.pixpine_free_product_top .first_image_text_col .card_item:nth-child(2) {
  margin-bottom: 55px;
}
.pixpine_free_product_top .first_image_text_col p {
  font-size: 16px;
  line-height: 28px;
  padding-top: 13px;
}
.pixpine_free_product_top .first_image_text_col p a {
  color: var(--primary-color);
}
.pixpine_free_product_top .first_free_product_container {
  margin-bottom: 60px;
}
.free_product_section #mobile_ad {
  display: none;
}

/* free_mockups Signle page End */ /* Free mockups download page Start */

.free_download_page_main_section .subscribe_never_miss {
  padding-bottom: 10px;
  padding-top: 85px;
}
.free_download_page_main_section .related_mockups_col .card_item {
  width: 25%;
}
.free_download_page_main_section .related_mockups_col .row_d {
  margin: 0 -14.5px;
}
.free_download_page_main_section .related_mockups_col .card_item .card_inner {
  margin: 0 14.5px;
  margin-bottom: 37px;
}
.free_download_page_main_section {
  padding-top: 60px;
}
.free_download_btn_contianer {
  margin-top: 36px;
  margin-bottom: 40px;
}
.free_download_btn_contianer p {
  font-size: 16px;
  line-height: 18px;
  font-weight: 400;
  margin-bottom: 43px;
}
.free_download_btn_contianer ._btn {
  font-size: 18px;
  line-height: 22px;
  padding: 7px 104px;
  font-weight: 400;
}
.free_download_page_main_section
  .google_ad_download_btn_container
  .google_ad
  img {
  height: 110px;
}
.free_download_page_main_section .google_ad_download_btn_container {
  max-width: 740px;
}
.free_download_page_main_section .free_product_main_col {
  width: 58.7%;
  margin-right: 19%;
}

/* Free mockups download page End */ /* Premium Mockup Page Start */

#premium_mockups_page .tab-content .card_item {
  width: 20%;
}
#premium_mockups_page .tab-content .card_item .inner_col {
  margin: 0 6px;
  margin-bottom: 40px;
}
#premium_mockups_page .tab-content .card_container {
  margin: 0 -6px;
}
#premium_mockups_page .nav-tabs {
  margin-bottom: 43px;
}
#premium_mockups_page .nav-tabs .nav-link {
  margin: 0 24px;
  margin-bottom: 10px;
}
.nav-tabs .nav-item {
  display: flex;
  align-items: start;
}
#premium_mockups_page .tab-content .card_item p {
  font-weight: 500;
}
.collection_premium_section .container {
  max-width: 1277px;
}
.collection_premium_section .card_container .row_d {
  align-items: stretch;
  margin: 0 -22px;
}
.collection_premium_section .card_container .card_item {
  width: 33.333333%;
}
.collection_premium_section .card_container .card_inner {
  margin: 0 22px;
  margin-bottom: 36px;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
}
.collection_premium_section .card_inner p {
  padding: 12px 14px;
  background-color: #f8f8f8;
  width: 100%;
  text-align: left;
  font-size: 14px;
  line-height: 17px;
  font-weight: 400;
  border: 1px solid #cecece;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.collection_premium_section .card_inner img {
  width: 100%;
  object-fit: cover;
  margin: 0 auto;
  height: 100%;
}
.collection_premium_section .card_inner .img_col {
  height: 100%;
  overflow: hidden;
}
.collection_premium_section .section_width {
  max-width: 1270px;
}
.collection_premium_section .collection_premium_text_col {
  width: 28.7%;
  margin-right: 7.3%;
}
.collection_premium_section .card_container {
  width: 64%;
}
.collection_premium_section .premium_mockups_content {
  background-color: var(--banner-color);
  padding: 30px 25px 25px 25px;
}
.collection_premium_section .premium_mockups_content li {
  display: flex;
  line-height: 1;
  margin-bottom: 8px;
}
.collection_premium_section .premium_mockups_content li:last-child {
  margin-bottom: 0;
}
.collection_premium_section .premium_mockups_content li img {
  max-width: 10px;
  margin-right: 10px;
  object-fit: contain;
}
.collection_premium_section .premium_mockups_content li p {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #003333;
}
.collection_premium_section .premium_mockups_content li p strong {
  color: #003333;
}
.collection_premium_section .heading_col .page_heading {
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
  text-transform: inherit;
}
.collection_premium_section .heading_col p {
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  margin-top: 12px;
  margin-bottom: 26px;
}
.collection_premium_section .premium_mockups_content .section_heading {
  font-size: 22px;
  line-height: 32px;
}
.collection_premium_section .premium_mockups_content .section_heading span {
  display: block;
}
.collection_premium_section .get_best_container .section_heading {
  color: #003333;
  margin-bottom: 15px;
}
.collection_premium_section .column_heading_container p {
  font-family: var(--second-font-family);
  font-size: 16px;
  line-height: 27px;
  font-weight: 500;
}
.collection_premium_section .column_heading_container ._btn {
  margin-top: 30px;
  font-size: 16px;
  line-height: 19px;
  padding: 8px 29px;
}
.collection_premium_section .get_best_container {
  margin-top: 30px;
}
.collection_premium_section .get_best_container .section_heading {
  font-size: 18px;
  line-height: 14px;
}

/* Premium Mockup Page End */ /* PREMIUM MOCUPS - PRODUCT PAGE Start */ /* 06.10.2023 start */

.premium_product_page .slider_column .inner__slider {
  position: relative;
}
.premium_product_page .slider_column .slider__wishlist {
  position: absolute;
  top: 0;
  right: 0;
  height: 35px;
  width: 35px;
  min-width: 35px;
  min-height: 35px;
  border-radius: 50%;
  border: none;
  box-shadow: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 15px;
  background-color: #eaeaea;
}
.premium_product_page .slider_column .slider__wishlist img {
  max-width: 20px;
  margin-top: 2px;
  object-fit: contain;
}
.premium_single_img_slider .slick-dots {
  bottom: 25px;
  margin: 0;
}
.premium_single_img_slider {
  margin-bottom: 20px !important;
}
.bundle_single_img_slider {
  margin-bottom: 35px !important;
}
.bundle_single_img_slider .img_col img {
  height: auto;
  object-fit: cover;
  width: 100%;
}
.bundle_multiple_img_slider .img_col img {
  object-fit: cover;
  width: 100%;
  height: auto;
}
.premium_single_img_slider .img_col img {
  height: auto;
  object-fit: cover;
  width: 100%;
}
.premium_multiple_img_slider .img_col img {
  height: auto;
  object-fit: cover;
  width: 100%;
}
.bundle_single_img_slider .slick-list,
.bundle_multiple_img_slider .slick-list,
.premium_multiple_img_slider .slick-list,
.premium_single_img_slider .slick-list {
  padding-bottom: 0 !important;
}
.bundle_multiple_img_slider .slick-slide,
.premium_multiple_img_slider .slick-slide {
  margin: 0 9px !important;
}
.bundle_multiple_img_slider .slick-list,
.premium_multiple_img_slider .slick-list {
  margin: 0 -9px !important;
}
.bundle_single_img_slider .slick-next {
  right: 20px;
}
.bundle_single_img_slider .slick-prev {
  left: 20px;
}
.bundle_single_img_slider .slick-arrow {
  height: 32px;
  width: 22px;
  background-color: transparent;
  display: flex;
  opacity: 1 !important;
  z-index: 99999 !important;
  align-items: center;
  justify-content: center;
}
.bundle_single_img_slider .slick-next::before,
.bundle_single_img_slider .slick-prev::before,
.bundle_single_img_slider .slick-arrow:focus,
.bundle_single_img_slider .slick-arrow:hover {
  opacity: 1 !important;
}
.bundle_single_img_slider .slick-next::before {
  content: "";
  background-image: url("../images/pagination_right_icon.png");
  background-repeat: no-repeat;
  background-size: contain;
  height: 30px;
  width: 20px;
  z-index: 99999 !important;
}
.bundle_single_img_slider .slick-prev::before {
  content: "";
  background-image: url("../images/pagination_left_icon.png");
  background-repeat: no-repeat;
  background-size: contain;
  height: 30px;
  width: 20px;
  z-index: 99999 !important;
}

/* 06.10.2023 end */

.premium_product_page {
  padding-top: 30px;
  padding-bottom: 60px;
  max-height: calc(100vh - 3.5rem);
  overflow: auto;
}
.premium_product_page .slider_product_about_column {
  width: 51.9%;
  margin-right: 5.6%;
}
.premium_product_page .simple_vertical_add_to_cart_column {
  width: 42.5%;
}
.premium_product_page .slider_product_about_column .heading_col {
  display: none;
}
.premium_product_page .slider_product_about_column .about_product {
  margin-top: 45px;
}
.premium_product_page .about_product .social_link img {
  max-width: 20px;
  object-fit: contain;
  max-height: 22px;
}
.premium_product_page .about_product .social_link li:not(:last-child) {
  margin-right: 26px;
}
.premium_product_page .about_product .section_heading {
  font-size: 22px;
  line-height: 27px;
  font-weight: 500;
  margin-right: 15px;
}
.premium_product_page .about_product .text_col p {
  font-size: 16px;
  line-height: 28px;
  font-weight: 400;
  margin-bottom: 10px;
}
.premium_product_page .about_product .text_col p:last-child {
  margin-bottom: 0;
}
.premium_product_page .about_product .text_col {
  margin-top: 30px;
}
.premium_product_page .about_product .text_col h4 {
  margin-top: 32px;
  margin-bottom: 12px;
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
}
.premium_product_page .section_width {
  max-width: 935px;
  margin: 0 auto;
}
.premium_product_page .separetor {
  padding-top: 10px;
  border-bottom: 1px solid #707070;
  margin-bottom: 30px;
}
.premium_product_page .about_product .separetor {
  padding-top: 20px;
}
.premium_product_page .product .column_heading {
  font-size: 19px;
  line-height: 23px;
  font-weight: 500;
  margin-bottom: 0px;
  margin-top: 35px;
}
.premium_product_page .comment_box_container .autor_img,
.premium_product_page .comment_box_container .autor_details img {
  width: 33px;
  height: 33px;
  object-fit: cover;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 8px;
}
.premium_product_page .comment_box_container p,
.premium_product_page .comment_box_container .autor_name,
.premium_product_page .comment_box_container .autor_details p,
.premium_product_page .comment_box_container .autor_details span {
  font-size: 16px;
  line-height: 21px;
  font-weight: 400;
}
.premium_product_page .comment_box_container form textarea {
  border: 1px solid #707070;
  border-radius: 0;
  height: 100px;
  outline: none;
  box-shadow: none;
  padding: 10px;
  color: var(--text-color);
  font-family: "Roboto", sans-serif;
  resize: none;
}
.premium_product_page .comment_box_container .autor_details {
  margin-top: 40px;
  margin-bottom: 20px;
}
.premium_product_page .comment_box_container p a {
  font-weight: 500;
}
.premium_product_page .product .card_item h4 {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.premium_product_page .product .card_item p {
  font-size: 11px;
  line-height: 20px;
  font-weight: 400;
  text-transform: uppercase;
  color: var(--primary-color) !important;
}
.premium_product_page .product .img_col img {
  width: 100%;
  object-fit: contain;
}
.premium_product_page .slick-dots li button::before {
  font-size: 13px;
  line-height: 13px;
  width: 13px;
  height: 13px;
  color: #dbdbdb;
  opacity: 1;
}
.premium_product_page .slick-dots li button,
.premium_product_page .slick-dots li {
  width: 13px;
  height: 13px;
  padding: 0;
}
.premium_product_page .slick-dots li {
  margin: 0 5.5px;
}
.premium_product_page .slick-dots li.slick-active button::before {
  opacity: 1;
  color: #8e8e8e;
}
.premium_product_page .slick-slide {
  margin: 0 13px;
}
.premium_product_page .slick-list {
  margin: 0 -13px;
  padding-bottom: 20px;
}
.premium_product_page .product .card_item .text_col {
  margin-top: 24px;
}
.premium_product_page .simple_vertical_add_to_cart_column .heading_col p,
.premium_product_page .slider_product_about_column .heading_col p {
  font-size: 13px;
  line-height: 15px;
  font-weight: 500;
}
.premium_product_page .simple_vertical_add_to_cart_column .user_id,
.premium_product_page .slider_product_about_column .user_id {
  font-size: 15px;
  line-height: 18px;
}
.premium_product_page .simple_vertical_add_to_cart_column .page_heading,
.premium_product_page .slider_product_about_column .page_heading {
  font-size: 26px;
  line-height: 34px;
  text-transform: capitalize;
  margin-bottom: 7px;
  padding-right: 25px;
}
.premium_product_page .price_product_specs_container {
  border: 1px solid #707070;
  margin-top: 20px;
  border-radius: 25px;
}
.premium_product_page .price_product_specs_container .add_to_cart {
  padding: 50px;
  display: flex;
  flex-direction: column;
}
.premium_product_page .add_to_cart h5 {
  font-size: 23px;
  line-height: 28px;
  font-weight: 400;
  color: var(--text-color);
}
.premium_product_page .price_product_specs_container .add_to_cart ._btn {
  width: 100%;
  margin-top: 50px;
  padding: 20px 10px;
  font-size: 22px;
  line-height: 24px;
  font-weight: 400;
  text-transform: inherit;
  background-color: #000;
  border: #000;
  color: #fff;
}
.premium_product_page_single.premium_product_page
  .price_product_specs_container
  .add_to_cart
  ._btn {
  margin-top: 0px;
}
.premium_product_page_single.premium_product_page
  .price_product_specs_container
  .add_to_cart
  .m_add_to_cart {
  margin-bottom: 40px;
}
.premium_product_page .price_product_specs_container .save_unlimited_downloads {
  background-color: var(--banner-color);
  padding: 17px 50px 32px 50px;
}
.save_unlimited_downloads h2 {
  margin-top: 15px;
}
.premium_product_page
  .price_product_specs_container
  .save_unlimited_downloads
  .btn_black {
  background-color: #333333;
  width: 100%;
  padding: 15px 10px;
  font-size: 16px;
  line-height: 19px;
  font-weight: 400;
}
.premium_product_page
  .price_product_specs_container
  .save_unlimited_downloads
  p {
  font-size: 22px;
  line-height: 20px;
  font-weight: 400;
  margin-top: 5px;
  margin-bottom: 0px;
}
.premium_product_page
  .price_product_specs_container
  .save_unlimited_downloads
  h2 {
  font-size: 22px;
  line-height: 30px;
  font-weight: 500;
}
.premium_product_page .price_product_specs_container .product__specs {
  padding: 25px 50px 11px 50px;
}
.premium_product_page .price_product_specs_container .product_specification {
  text-align: center;
  border-bottom: 1px solid #707070;
  padding-bottom: 17px;
  font-weight: 700;
  font-size: 17px;
  line-height: 20px;
  margin-top: 20px;
}
.premium_product_page .product__specs li {
  line-height: 1;
  margin-bottom: 20px;
}
.premium_product_page .product__specs li p {
  font-size: 15px;
  line-height: 19px;
}
.premium_product_page .product__specs li p span {
  font-weight: 700;
  margin-right: 3px;
}
.premium_product_page .product__specs h3 {
  font-weight: 700;
  font-size: 17px;
  line-height: 20px;
  margin-bottom: 20px;
}

/* PREMIUM MOCUPS - PRODUCT PAGE End */ /* BUNDLE MOCKUPS - PRODUCT PAGE Stat */

.comment_box_container form ._btn,
.bundle_product_page .comment_box_container form ._btn {
  background-color: var(--text-color);
  padding: 3.5px 25px;
  font-size: 14px;
  line-height: 17px;
  text-transform: inherit;
  margin-top: 35px;
}
.bundle_product_page .slider_product_about_column {
  width: 54.4%;
  margin-right: 3.8%;
}
.bundle_product_page .simple_vertical_add_to_cart_column {
  width: 41.8%;
}
.bundle_product_page .slick-slide {
  margin: 0 9.5px;
}
.bundle_product_page .slick-list {
  margin: 0 -9.5px;
}
.bundle_product_page .section_width {
  max-width: 1210px;
}
.bundle_modal .modal-dialog {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
.bundle_product_page .product .img_col img {
  width: 100%;
}
.bundle_product_page .product .card_item .text_col {
  margin-top: 37px;
}
.bundle_product_page .slider_product_about_column .about_product {
  margin-top: 30px;
}
.about_product .text_col h2 {
  font-size: 19px;
  line-height: 23px;
  font-weight: 500;
  margin-bottom: 5px;
  margin-top: 15px;
}
.bundle_product_page .about_product .section_heading {
  font-size: 19px;
  line-height: 23px;
}

/* BUNDLE MOCKUPS - PRODUCT PAGE End */ /* BUNDLE MOCKUPS Page Start */

.bundle_mockups {
  padding-top: 49px;
  padding-bottom: 115px;
}
.bundle_mockups .card_item {
  width: 25% !important;
}
.bundle_mockups .card_item .img_col {
  margin-bottom: 17px;
}
.bundle_mockups .card_item .img_col img {
  width: 100px;
}
.bundle_mockups .card_container {
  margin: 0 -9px;
  justify-content: center;
}
.bundle_mockups .card_item .inner_col {
  margin: 0 9px;
  margin-bottom: 40px;
}
.bundle_mockups .card_item h4 {
  font-size: 16px;
  line-height: 19px;
  font-weight: 400;
  margin-bottom: 5px;
}
.bundle_mockups .card_item p {
  font-size: 13px;
  line-height: 15px;
  font-weight: 500;
}
.bundle_mockups .pagination {
  margin-top: 50px;
}
.bundle_mockups .pagination .page-link {
  font-family: var(--second-font-family);
}
.bundle_page_collection_premium .premium_mockups_content .section_heading {
  font-size: 25px;
}
.bundle_page_collection_premium .column_heading_container p {
  font-size: 15px;
  font-family: "Roboto", sans-serif;
}
.bundle_page_collection_premium .premium_mockups_content {
  padding: 25px 10px 25px 40px;
}
.bundle_page_collection_premium .card_container .card_inner {
  margin: 0 11.5px;
  margin-bottom: 26px;
}
.bundle_page_collection_premium .card_container .row_d {
  margin: 0 -11.5px;
}
.bundle_page_collection_premium .heading_col p {
  margin-bottom: 35px;
  margin-top: 8px;
}
.bundle_page_collection_premium .card_inner p {
  padding: 12px 14px;
  font-size: 14px;
  line-height: 17px;
  font-weight: 400;
}
.bundle_page_collection_premium .container > .row_d {
  max-width: 1245px;
}
.bundle_page_collection_premium .collection_premium_text_col {
  width: 28.7%;
  margin-right: 5.3%;
}
.bundle_page_collection_premium .card_container {
  width: 66%;
}

/* BUNDLE MOCKUPS Page End */ /* CUSTOMIZED MOCKUP Page Start */

.customized_mockup_section .request_for_mockup_col {
  width: 65%;
  margin-right: 7%;
}
.customized_mockup_section .customized_mockups_col {
  width: 28%;
}
.customized_mockup_section .section_width {
  max-width: 1015px;
}
.customized_mockup_section .request_for_mockup_col .heading_col p {
  margin-bottom: 30px;
}
.customized_mockup_section .request_for_mockup_col form {
  max-width: 580px;
}
.customized_mockup_section .customized_mockups_col .inner_content {
  margin-top: 10px;
}
.customized_mockup_section .heading_col p,
.customized_mockup_section form label {
  color: var(--color-ededed);
}
.customized_mockup_section form .input_group select {
  padding: 3px 12.5px;
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
  color: var(--text-color);
}
.customized_mockup_section form .btn_black {
  margin-top: 0;
  margin-bottom: 12px;
  font-weight: 700;
}
.customized_mockup_section form .input_group p {
  font-size: 14px;
  font-weight: 700;
  margin-left: 12.5px;
}
.customized_mockup_section .upload_submit_container p {
  font-size: 14px;
  line-height: 17px;
  font-weight: 500;
}
.customized_mockup_section form .checkbox_container {
  margin-top: 26px;
  margin-bottom: 18px;
  justify-content: end;
}
.customized_mockup_section .customized_mockups_col ._btn {
  margin-top: 33px;
  font-weight: 400;
  font-size: 15px;
  line-height: 17px;
  padding: 13.3px 53px;
}
.customized_mockup_faq_section {
  padding-top: 0;
  padding-bottom: 70px;
}
.customized_mockup_section form select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("../images/select_arow.png");
  background-repeat: no-repeat;
  background-size: 16px;
  background-position-x: 95%;
  background-position-y: 50%;
}

/*For IE*/

.customized_mockup_section form select::-ms-expand {
  display: none;
}

/* CUSTOMIZED MOCKUP Page End */ /* Contact page Start */

.contact_page form ._btn {
  margin-top: 21px;
}
.contact_page {
  padding-bottom: 125px;
}
.contact_page form .input_group select {
  font-size: 14px;
  line-height: 17px;
  color: var(--color-ededed);
  font-weight: 400;
}

/* Contact page End */ /* ==========================================  ============ Dashboard Css Start ============  ============================================= */

.dashboard_section {
  padding-top: 70px;
  padding-bottom: 70px;
}
.dashboard_navbar {
  min-width: 200px;
  width: max-content;
}
.dashboard_navbar .nav {
  background-color: var(--white-color);
}
.dashboard_navbar .nav-item:not(:last-child) {
  border-bottom: 1px solid #707070;
}
.dashboard_navbar .nav-link {
  font-size: 14px;
  line-height: 17px;
  font-weight: 400;
  padding: 16.5px 0;
  padding-left: 35px;
  padding-right: 48px;
}
.dashboard_navbar .active {
  background-color: #ededed;
  font-weight: 700;
}
.dashboard_section .content__column form {
  box-sizing: border-box;
}
.dashboard_section .content__column form .full_width_container {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  margin-bottom: 22px;
}
.dashboard_section .content__column form .half_width {
  width: calc(50% - 22px);
}
.dashboard_section .content__column form .full_width {
  width: 100%;
}
.dashboard_section .content__column form .input_group {
  display: flex;
  flex-direction: column;
}
.dashboard_section .content__column form .half_width:first-child {
  margin-right: 44px;
}
.dashboard_section .content__column {
  width: 100%;
}
.dashboard_section .form-control,
.dashboard_section form .input_group input,
.dashboard_section form .input_group textarea,
.dashboard_section form .input_group select {
  width: 100%;
  outline: none;
  min-height: 50px;
  padding: 3px 12.5px;
  resize: none;
  background-color: transparent;
}
.pix-border,
.dashboard_section form .input_group input,
.dashboard_section form .input_group textarea,
.dashboard_section form .input_group select {
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.pix-border-b,
.checkout_row .SubscriptionCheckout .payment_option .product-title {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.form-control:focus,
.dashboard_section form .input_group input:focus,
.dashboard_section form .input_group textarea:focus,
.dashboard_section form .input_group select:focus {
  border-color: var(--primary-color) !important;
  box-shadow: none;
}
.dashboard_section .content__column form ._btn {
  margin-top: 26px;
  font-size: 14px;
  padding: 4.5px 26px;
  text-transform: inherit;
}
.dashboard_section form label {
  font-size: 14px;
  line-height: 17px;
  font-weight: 400;
  margin-bottom: 4px;
}
.dashboard_section form label,
.dashboard_section input:not(.btn),
.dashboard_section textarea,
.dashboard_section select,
.dashboard_section form .input_group input,
.dashboard_section form .input_group textarea,
.dashboard_section form .input_group select {
  color: #919191;
}
.text-919191,
.text-919191 * {
  color: #919191 !important;
}
.dashboard_section form label span {
  color: #ff6767;
}
.labelCol {
  max-width: 210px;
}
/* Billing information */

.my__account .dashboard_navbar,
.billing__information .dashboard_navbar {
  margin-right: 124px;
}

/* my account */

.dashboard_section .section_width {
  max-width: 990px;
  margin-left: auto;
  margin-right: auto;
}
.my__account .form_btn_container {
  margin-top: 20px;
}
.my__account .reset_password {
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  margin-bottom: 14px;
}
.my__account .verified_text {
  font-size: 13px;
  line-height: 17px;
  font-weight: 400;
  color: var(--text-color);
  margin-top: 10px;
}
.my__account .verified_text span {
  color: #f85959;
}
.my__account .content__column form ._btn {
  margin-top: 5px;
}
.my__account .content__column form ._left {
  margin-right: 50px;
  margin-top: 35px;
}
.my__account .content__column form ._left,
.my__account .content__column form ._right {
  max-width: 280px;
}
.my__account .content__column {
  display: flex;
  align-items: start;
  justify-content: space-between;
}
.my__account .user_img_column {
  height: 65px;
  max-width: 65px;
  margin-right: 31px;
  width: 100%;
}
.my__account .user_img_column img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.my__account .upload_btn_column ._btn {
  font-size: 14px;
  line-height: 17px;
  padding: 0;
  cursor: pointer;
  color: var(--text-color);
  text-transform: capitalize;
}
.my__account .form_btn_container p,
.my__account .upload_btn_column p {
  font-size: 13px;
  line-height: 15px;
  font-weight: 400;
}
/* dashboard__downloads */

.dashboard__downloads .dashboard_navbar {
  margin-right: 57px;
}

.dashboard__downloads .tab-content {
  background-color: #e8e8e8;
  border-radius: 0 10px 10px 10px;
  padding: 35px 9px 30px 24px;
}
.dashboard__downloads .tab_inner_content {
  overflow: hidden;
  overflow-y: scroll;
  scrollbar-width: thin;
  width: 100%;
  height: 370px;
  padding-right: 15px;
}
.dashboard__downloads .tab_inner_content::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  border-radius: 10px;
  background-color: transparent;
}
.dashboard__downloads .tab_inner_content::-webkit-scrollbar {
  width: 6px;
  background-color: transparent;
}
.dashboard__downloads .tab_inner_content::-webkit-scrollbar-thumb {
  border-radius: 3px;
  -webkit-box-shadow: none;
  background-color: #fafafa;
  width: 6px;
  scrollbar-width: thin;
}
.dashboard__downloads .tab_inner_content li {
  margin-bottom: 7px;
  padding-bottom: 7px;
  line-height: 1;
}
.dashboard__downloads .tab_inner_content ul li:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}
.dashboard__downloads .tab_inner_content p,
.dashboard__downloads .tab_inner_content *,
.dashboard__downloads .tab_inner_content a,
.dashboard__downloads .tab_inner_content ul p {
  font-size: 15px;
  line-height: 20px;
}
.dashboard__downloads .tab_inner_content a:hover {
  color: var(--primary-color);
}
.dashboard_section .nav-tabs .nav-link.active {
  position: relative;
}
.dashboard_section .nav-tabs {
  justify-content: start;
  margin-bottom: 0;

  border-bottom: 0;
  margin-left: 0;
  margin-bottom: 25px;
  margin-bottom: 0;
}
.dashboard_section .nav-tabs .nav-item {
  margin-right: 5px;
}
.dashboard_section .nav-tabs .nav-item:last-child {
  margin-right: 0;
}
.dashboard_section .nav-tabs .nav-link,
.dashboard_section .nav-tabs .nav-link.active {
  font-size: 13px;
  line-height: 17px;
  font-weight: 700;
  padding: 0;
  margin: 0;
  padding-bottom: 3px;
  padding-bottom: 0;
  padding: 10px;
  background: #e8e8e8;
}
.dashboard_section .nav-tabs .nav-link.active {
  color: var(--primary-color);
}

/* dashboard__subscription */

.dashboard__subscription .dashboard_navbar {
  margin-right: 100px;
}
.dashboard__subscription .subscription__description ul li:not(:last-child) {
  margin-bottom: 12px;
}
.dashboard__subscription .subscription__description p {
  font-size: 13px;
  line-height: 17px;
  font-weight: 400;
}
.dashboard__subscription .subscription__description p span {
  font-weight: 500;
  text-transform: uppercase;
}
.dashboard__subscription .btn_container {
  margin-top: 37px;
  display: flex;
  justify-content: end;
}
.dashboard__subscription .btn_container ._btn {
  font-size: 13px;
  line-height: 15px;
  font-weight: 400;
  text-transform: capitalize;
  padding: 9px 29px;
}
.dashboard__subscription .btn_container .btn_outline {
  background-color: transparent;
  border: 1px solid var(--primary-color);
  padding: 9px 23px;
  color: var(--text-color);
  margin-left: 19px;
}

/* dashboard__likes */

.dashboard__likes .dashboard_navbar {
  margin-right: 59px;
}
.dashboard__likes .dislike_nav_container .nav-tabs {
  margin: 0;
}
.dashboard__likes .dislike_nav_container {
  margin-bottom: 25px;
  align-items: center;
}
.dashboard__likes .dislike_nav_container .nav-link.active {
  font-weight: 700;
}
.dashboard_section .nav-tabs .nav-link {
  border-bottom: 0 !important;
}
.dashboard_section.dashboard__downloads .nav-tabs .nav-link {
  border-bottom: 2px solid #ffffff !important;
}
.dashboard_section .nav-tabs .nav-link:focus,
.dashboard_section .nav-tabs .nav-link:hover {
  border-bottom: none;
  border-color: transparent;
}
.dashboard__likes .dislike_nav_container ._btn {
  font-size: 11px;
  line-height: 13px;
  font-weight: 500;
  color: var(--primary-color);
  background-color: transparent;
  border: 1px solid var(--primary-color);
  padding: 8px 23.5px;
  text-transform: capitalize;
}
.dashboard__likes .dislike_nav_container .nav-link {
  font-weight: 400;
}
.dashboard__likes .tab-content .img_col {
  margin-bottom: 7.5px;
}
.dashboard__likes .tab-content .card_item {
  width: 33.3333333%;
}
.dashboard__likes .tab-content .likes__bundle__mockups .card_item {
  width: 33.3333333%;
}
.dashboard__likes .tab-content .card_container {
  margin: 0 -12.5px;
}
.dashboard__likes .tab-content .card_item .inner_col {
  margin: 0 12.5px;
  margin-bottom: 36px;
  margin-top: 0;
}
.dashboard__likes .tab-content .card_item h4 {
  font-size: 14px;
  line-height: 17px;
  font-weight: 500;
}
.dashboard__likes .tab-content .likes__bundle__mockups .card_item h4 {
  font-weight: 400;
}
.dashboard__likes .tab-content .card_item p {
  font-size: 11px;
  line-height: 13px;
  font-weight: 500;
}
.dashboard__likes .tab-content .likes__bundle__mockups .inner_col {
  margin: 0 17px;
  margin-bottom: 23px;
}
.dashboard__likes .tab-content .likes__bundle__mockups .card_container {
  margin: 0 -17px;
}
#warning_message {
  border-radius: 0 !important;
}
#warning_message {
  padding: 10px 0;
}
#warning_message h5 {
  font-size: 18px;
  line-height: 22px;
  font-weight: 400;
  margin-bottom: 20px;
  color: #800000;
}

/* terms conditions Css start */

.terms_conditions_heading {
  width: 15%;
  margin-right: 10%;
  position: relative;
}
.terms_conditions_content {
  width: 75%;
}
.terms_conditions_content p,
.terms_conditions_content p strong,
.terms_conditions_content p a {
  font-size: 18px;
}
.terms_conditions_content h2,
.terms_conditions_content h3,
.terms_conditions_content h4,
.terms_conditions_content h5,
.terms_conditions_content h6 {
  font-size: 19px;
  color: var(--color-ededed);
}
.terms_conditions_content div:not(:first-child) h2 {
  margin-top: 35px;
}
.terms_conditions_content h2 {
  font-size: 22px;
}
.terms_conditions_section ul li:not(:last-child) {
  margin-bottom: 10px;
}
.terms_conditions_section .thirdPart ul li:not(:last-child) {
  margin-bottom: 7px;
}

ul.lower_latin {
  list-style: lower-latin;
}

ul.disc {
  list-style: disc;
}
.terms_conditions_section ul {
  margin-block-start: 1em;
  margin-block-end: 1em;
  padding-inline-start: 40px;
}
.terms_conditions_section .heading_col h1,
.terms_conditions_content h2,
.terms_conditions_content h3,
.terms_conditions_content h4,
.terms_conditions_content h5,
.terms_conditions_content h6 {
  margin-bottom: 6px;
}
.terms_conditions_section .heading_col p:not(:last-child) {
  margin-bottom: 15px;
}
.terms_conditions_content p:not(:last-child) {
  margin-bottom: 25px;
}
.terms_conditions_content p a:hover {
  color: var(--primary-color);
}
.terms_conditions_heading h3 {
  font-size: 18px;
  color: var(--white-color);
  font-weight: 700;
  margin-bottom: 25px;
}
.terms_conditions_heading h3:hover {
  color: #7b7b7bb4;
}
.terms_conditions_heading a:last-child h3 {
  margin-bottom: 0;
}
.terms_conditions_section .heading_col {
  margin-bottom: 50px;
}
.terms_conditions_section .no_content {
  margin-bottom: 0;
}

/* terms conditions Css end */ /* 30.10.2023 start */ /* Cart desing */

.table__cart .product_img {
  min-width: 120px;
  width: 120px;
  padding-right: 20px;
}
.table__cart .product_img img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.table__cart .cart_item {
  text-align: left;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;
}
.table__cart .cart_item:not(:last-child) {
  border-bottom: 1px solid rgba(34, 34, 34, 0.4);
}
.table__cart .remove-cart {
  text-align: right;
  cursor: pointer;
}
.table__cart .product_description span {
  color: #858995;
  display: block;
  font-size: 13px;
  line-height: 15px;
  font-weight: 400;
  color: var(--text-color);
}
.table__cart .product_description strong {
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  color: var(--text-color);
}
.table__cart .product_description .product_name {
  margin-bottom: 5px;
}
.table__cart .product_description {
  max-width: 270px;
  min-width: 250px;
  padding-right: 20px;
}
.table__cart .img_text_cont {
  display: flex;
  align-items: center;
}
.mockups_cart_item_column {
  width: 65%;
  margin-right: 5%;
}
.checkout_cart_btn_column {
  width: 30%;
}
.checkout_cart_btn_column .inner_col {
  padding: 30px 40px;
  padding-bottom: 10px;
  background-color: var(--banner-color);
}
.checkout_cart_btn_column .inner_col .item {
  display: flex;
  justify-content: space-between;
  padding: 15px 0;
}
.checkout_cart_btn_column .inner_col ._btn {
  width: 100%;
  text-align: center;
  margin-top: 50px;
  padding: 10px;
  min-height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.checkout_cart_btn_column .inner_col .order_total * {
  font-weight: 700;
}
.checkout_cart_btn_column .inner_col .us_dollarsText {
  margin-top: 30px;
  font-size: 13px;
}
.checkout_cart_btn_column .inner_col .coupon-msg {
  color: #800000;
  font-size: 13px;
}
.checkout_row .order__column {
  padding: 40px;
  padding-top: 60px;
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.3);
  border-radius: 0.25rem;
}
.checkout_row .billing_info p {
  margin-bottom: 2px;
  font-size: 16px;
  line-height: 19px;
}
.checkout_row ._btn.show_billing_form {
  margin-top: 20px;
}
.checkout_row .order__column .cart_item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0;
}
.checkout_row .order__column .cart_item:not(:last-child) {
  border-bottom: 1px solid rgba(34, 34, 34, 0.4);
}
.checkout_row .order__column .order_footer {
  border-top: 1px solid rgba(34, 34, 34, 0.4);
}
.checkout_row .order__column .order_footer .payment-submit,
.checkout_row
  .order__column
  .order_footer
  .payment-submit-dummy-nonlogged-user {
  width: 100%;

  height: 45px;

  font-weight: 500;
  text-transform: initial;
  font-size: 20px;
  margin-top: 50px;
}
.checkout_row .order__column .order_footer .payment-submit:hover {
  filter: brightness(0.95);
}
.checkout_row .order__column .order_heading_col {
  padding: 20px 0;
  border-bottom: 1px solid rgba(34, 34, 34, 0.4);
}
.checkout_row .order__column .order_total__border {
  border-top: 1px solid rgba(34, 34, 34, 0.4);
  padding-top: 20px;
}
.checkout_row .order__column .order_footer p,
.checkout_row .order__column .order_footer span,
.checkout_row .order__column .cart_item .variation > * {
  font-size: 14px;
  line-height: 17px;
  font-weight: 400;
  padding: 0 !important;
  color: var(--text-color);
}
.checkout_row .order__column .order_total__border p,
.checkout_row .order__column .order_total__border span {
  line-height: 24px;
  font-size: 18px;
  font-weight: 600;
}
.checkout_row .order__column .order_footer p,
.checkout_row .order__column .order_footer span {
  font-weight: 600;
}
.checkout_row .order__column .cart_item .item span:first-child {
  margin-right: 5px;
}
.dashboard_section .checkout_row .page_heading {
  font-weight: 500;
}
.checkout_row .order__column .product-name .product-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  color: var(--text-color);
  margin-bottom: 15px;
}
.container.checkout_row {
  max-width: 1300px;
  margin: 0 auto;
}
.order_footer > *:not(:last-child) {
  margin-bottom: 14px;
}
.checkout_row .right_col {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}
.checkout_row .left_col {
  width: 46%;
  margin-right: 5%;
}

/* 30.10.2023 end */

.bundle_single_img_slider,
.premium_single_img_slider {
  position: relative;
  overflow: hidden;
}
.premium_product_page .img_showproduct {
  display: flex;
  width: 100%;
  transition: all 0.5s ease;
}
.premium_product_page .img_showproduct img {
  min-width: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.premium_product_page .img_showproduct img.active {
  opacity: 1;
  position: relative;
}
.bundle_multiple_img_slider,
.premium_multiple_img_slider {
  display: flex;
  margin: 0 -9px;
  justify-content: center;
}
.bundle_multiple_img_slider {
  overflow: auto;
  justify-content: start;
}
.premium_product_page .slider__item {
  margin: 0 9px;
}
.bundle_multiple_img_slider .slider__item {
  width: calc(16.666% - 18px);
  min-width: calc(16.666% - 18px);
}

/* Scroll bar css start */

.premium_multiple_img_slider::-webkit-scrollbar,
.bundle_multiple_img_slider::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.premium_multiple_img_slider::-webkit-scrollbar-track,
.bundle_multiple_img_slider::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px transparent;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.premium_multiple_img_slider::-webkit-scrollbar-thumb,
.bundle_multiple_img_slider::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #b9dfff7c;
  -webkit-box-shadow: inset 0 0 6px #b9dfff7c;
}
.premium_multiple_img_slider::-webkit-scrollbar-thumb:window-inactive,
.bundle_multiple_img_slider::-webkit-scrollbar-thumb:window-inactive {
  background: #b9dfff7c;
}

/* Scroll bar css end */

.premium_product_page .slider__item {
  opacity: 0.5;
}
.premium_product_page .slider__item:hover,
.premium_product_page .slider__item.active {
  opacity: 1;
}
.premium_product_page .dot-buttons {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.premium_product_page .dot {
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: #ccc;
  background-color: rgba(0, 0, 0, 0.07);
  margin: 0 5px;
  cursor: pointer;
}
.premium_product_page .dot.active {
  background-color: #3336;
}

/* Added styles for dot container */

.premium_product_page .dot-container {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
}
.premium_product_page .slider_arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  padding: 0;
  cursor: pointer;
  font-size: 1.2rem;
  z-index: 9;
  background-color: var(--banner-color);
  background-color: #b9dfff4a;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.premium_product_page .slider_arrow img {
  height: 20px;
  width: 12px;
  object-fit: contain;
  opacity: 0.6;
}
.premium_product_page .slider_arrow-left {
  left: 15px;
}
.premium_product_page .slider_arrow-right {
  right: 15px;
}
.premium_product_page .slider_arrow-right img {
  margin-left: 3px;
}
.premium_product_page .slider_arrow-left img {
  margin-right: 3px;
}

header .dropdown-menu {
  background-color: var(--theme-dark-bg);
  width: max-content;
  max-width: max-content;
  min-width: 220px;
  margin-top: 10px !important;
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.3);
  padding-top: 16px;
}

header .dropdown-menu .dropdown-item {
  color: #959595;
  font-size: 14px;
  font-weight: 400;
  padding: 10px 20px;
}
.dropdown-menu .dropdown-item:hover,
.nav-tabs .dropdown-menu .dropdown-item.active,
.nav-tabs .dropdown-menu .dropdown-item:focus,
.nav-tabs .dropdown-menu .dropdown-item:hover,
header .dropdown-menu .dropdown-item.active,
header .dropdown-menu .dropdown-item:focus,
header .dropdown-menu .dropdown-item:hover {
  background-color: #5c5c5c;
}
.dropdown-menu .dropdown-item:hover *,
.nav-tabs .dropdown-menu .dropdown-item:focus,
.nav-tabs .dropdown-menu .dropdown-item:hover,
header .dropdown-menu .dropdown-item.active,
header .dropdown-menu .dropdown-item:focus,
header .dropdown-menu .dropdown-item:hover {
  color: #ededed;
}
.nav-item,
.get-product {
  cursor: pointer;
}
.related-key-words-tags,
.related-key-words-tags a {
  color: gray;
}
.related-key-words-tags {
  display: flex;
  flex-wrap: wrap;
}
.related-key-words-tags a {
  margin: 0 8px 8px 0;
  text-decoration: none;
  background-color: #f5f5f7;
  border: 0;
  color: #656565;
  font-size: 14px;

  line-height: 1.2;
  transition: all 0.4s;
  white-space: nowrap;
  padding: 7px 20px;
  border-radius: 30px;
}
.checkout_row .order__column .payment_option {
  border-top: 1px solid rgba(34, 34, 34, 0.4);
  padding-top: 80px;
}
.checkout_row .order__column .payment_option label {
  margin-bottom: 0;
  min-width: 50px;
}
.checkout_row .order__column .payment_option .paypal_item input {
  height: 18px;
  width: 18px;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 50%;
  border: 2px solid var(--primary-color);
  background-color: var(--white-color);
  cursor: pointer;
  margin-right: 7px;
}
.checkout_row .order__column .payment_option input[type="radio"]:checked {
  background-color: var(--primary-color);
}
.checkout_row .order__column .payment_option .paypal_item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.checkout_row
  .order__column
  .payment_option
  .paypal_item
  .paypal-button-container {
  width: 100%;
}
.checkout_row .order__column .payment_option .icon_payment {
  display: flex;
  margin-left: 25px;
}
.checkout_row .order__column .payment_option .icon_payment img {
  height: 25px;
  object-fit: contain;
  margin-right: 10px;
}
.checkout_row .order__column .payment_option .checkbox_container {
  display: flex;
  align-items: start;
  width: 100%;
  margin-top: 30px;
}

/* New Style start*/

.payment_option .checkbox_container input[type="checkbox"] {
  display: none;
}
.payment_option .checkbox_container label {
  position: relative;
  padding-left: 25px;
  cursor: pointer;
}
.payment_option .checkbox_container label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 2.5px;
  width: 16px;
  height: 16px;
  border: 2px solid var(--primary-color);
  border-radius: 0;
  background-color: var(--white-color);
}
.payment_option
  .checkbox_container
  input[type="checkbox"]:checked
  + label:before {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
.payment_option .checkbox_container label:after {
  content: "\2713";
  font-size: 12px;
  position: absolute;
  top: 2.5px;
  left: 4px;
  color: var(--white-color);
  display: none;
}
.payment_option
  .checkbox_container
  input[type="checkbox"]:checked
  + label:after {
  display: block;
}

/* New Style end*/

.checkout_row .order__column .payment_option .checkbox_container label a,
.checkout_row .order__column .payment_option .checkbox_container label {
  text-transform: initial;
}
.checkout_row .order__column .payment_option .checkbox_container label a,
.checkout_row .order__column .payment_option .checkbox_container label a:hover {
  color: var(--primary-color);
}
.cart__page .get_premium_mockups_section .section_heading {
  font-size: 26px;
  line-height: 24px;
}
.cart__page .get_premium_mockups_section .section_heading span {
  font-size: 14px;
  line-height: 24px;
  color: #696969;
  margin-top: 2px;
}
.cart__page .get_premium_mockups_section span.primary_color {
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
  max-width: 143px;
  margin: 0 auto;
  margin-top: 12px;
  margin-bottom: 52px;
}
.cart__page .get_premium_mockups_section ._btn {
  width: 100%;
  background-color: var(--text-color);

  text-align: center;
  margin-top: 20px;
  font-weight: 500;
}
.cart__page .get_premium_mockups_section .premium_mockups_inner {
  padding: 30px 40px;
  background-color: transparent;
  border: 1px solid var(--text-color);
  border-radius: 10px;
}
.alert,
.alert > * {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--primary-color);
}
.alert,
.pixpine_success_alert {
  background-color: var(--banner-color);
  border-color: var(--banner-color);
  color: var(--primary-color);
  --bs-alert-link-color: var(--primary-color);
}
.alert-danger,
.pixpine_danger_alert {
  background-color: var(--banner-color);
  border-color: var(--banner-color);

  color: var(--primary-color);
  --bs-alert-link-color: var(--primary-color);
}
.login-form-error {
  font-size: 14px !important;
  line-height: 18px !important;
  font-weight: 400 !important;
}
.browse-more-product {
  background-color: transparent !important;
  border: 1px solid var(--text-color) !important;
  color: var(--text-color) !important;
}
.commect-title {
  font-size: 19px;
  line-height: 23px;
  font-weight: 500;
}
.comment-seperator {
  border-bottom: 1px solid #707070;
  margin-bottom: 30px;
}
.comment_box_container .comment_item {
  display: flex;
  flex-direction: column;
}
.comment_box_container .comment_item .user_name {
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 0;
}
.comment_box_container .comment_item .date {
  font-size: 12px;
  line-height: 14px;
  font-weight: 300;
}
.comment_box_container .comment_item .user_comment {
  margin-top: 7px;
  font-size: 15px;
}
.video__container .modal_open_btn {
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: none;
  box-shadow: none;
}
.video__container .modal_open_btn img {
  border: 1px solid var(--bs-border-color);
  width: 100%;
}
.video__container .modal-dialog {
  max-width: 1000px;
  margin-right: auto;
  margin-left: auto;
}
.video__container .modal-conten {
  position: relative;
}
.video__container .modal-body,
.video__container .modal-content,
.video__container .modal-header {
  background-color: transparent;
  border: none;
  padding: 0;
}
.video__container .modal-header button {
  position: absolute;
  right: -30px;
  top: -30px;
  color: var(--white-color);
  background: none;
  opacity: 1;
  height: 25px;
  width: 25px;
  border-radius: 50%;
  border: 1px solid var(--white-color);
}
.video__container .modal-body iframe {
  width: 100%;
  height: 100%;
  min-height: 600px;
}
.video__container {
  max-width: 800px;
}
.video__container .modal_open_btn {
  width: calc(50% - 80px);
  margin: 20px 40px;
}
.video__container .open_modal_container {
  margin: 0 -40px;
}
.video__container .modal_open_btn h4 {
  text-align: left;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  margin-top: 10px;
}
.checkout_cart_btn_column .coupon__code__container {
  padding: 30px 40px;
}
.checkout_cart_btn_column .inner_col .coupon__code {
  align-items: stretch;
  padding-bottom: 0;
  border: none !important;
  margin: 0 !important;
}
.checkout_cart_btn_column .inner_col .coupon__code input {
  width: 100%;
  height: 45px;
  border: none;
  padding: 3px 10px;
  border-bottom-left-radius: 8px;
  border-top-left-radius: 8px;
  outline: none;
}
.checkout_cart_btn_column .inner_col .coupon__code ._btn {
  width: max-content;
  margin-top: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  padding: 10px 25px;
  min-width: max-content;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom-right-radius: 8px;
  border-top-right-radius: 8px;
}
.checkout_cart_btn_column .inner_col .item:not(:last-child) {
  border-top: 1px solid rgba(34, 34, 34, 0.4);
}
.checkout_cart_btn_column .inner_col .order_total {
  margin-top: 20px;
}
.checkout_row .border_top_none {
  border-top: none !important;
}
.checkout_row .border_bottom_none {
  border-bottom: none !important;
}
.SubscriptionCheckout .SubscriptionItem .btn {
  min-height: 60px;
  border-radius: 12px;
  text-transform: initial;
  background-color: var(--primary-color);
  color: var(--white-color);
}
.SubscriptionCheckout .SubscriptionItem .btn span:not(.small_text),
.SubscriptionCheckout .SubscriptionItem .btn {
  font-size: clamp(15px, 2vw, 18px) !important;
}
.SubscriptionCheckout .SubscriptionItem .btn:not(.active) {
  color: var(--color-ededed);
}
.border-474747 {
  border-color: #474747;
}
.bg-474747,
.coupon__code .btn,
.SubscriptionCheckout .btn,
.SubscriptionCheckout .SubscriptionItem .btn:not(.active) {
  background-color: #474747;
}
.SubscriptionCheckout .subscription-apply-coupon:hover,
.SubscriptionCheckout .subscription-payment-submit:hover,
.SubscriptionCheckout .subscription-payment-submit:hover * {
  color: #959595 !important;
}
.SubscriptionCheckout .SubscriptionItem .active {
  border: 1px solid transparent;
}
.SubscriptionCheckout .btn {
  min-height: 45px;
}
.SubscriptionCheckout .SubscriptionItem ._btn span {
  font-size: 13px !important;
}
.SubscriptionCheckout .SubscriptionItem .active span {
  color: var(--white-color);
}
.checkout_row .SubscriptionCheckout .SubscriptionItem span,
.checkout_row .SubscriptionCheckout .SubscriptionItem p {
  font-weight: 400;
}
.checkout_row .SubscriptionCheckout .SubscriptionItem p {
  text-align: center;
  margin-top: 7px;
}
.font_light,
.SubscriptionCheckout .small_text,
.SubscriptionCheckout .SubscriptionItem .small_text {
  font-weight: 400 !important;
}
.checkout_row .SubscriptionCheckout .payment_option .product-title {
  padding-bottom: 5px;
}
.search__page #free_mockups .heading_col {
  padding-bottom: 13px;
}
.search__page #premium_mockups .heading_col .section_heading,
.search__page #free_mockups .heading_col .section_heading {
  border-bottom: 1px solid #cecece;
  padding-bottom: 15px;
}
.free_business_card_col .heading_col p a,
.premium_product_page
  .simple_vertical_add_to_cart_column
  .heading_col
  p
  a
  span.primary_color {
  text-transform: uppercase;
  color: var(--primary-color);
}
.premium_multiple_img_slider {
  overflow: auto;
  justify-content: start;
}
.premium_multiple_img_slider .slider__item,
.bundle_multiple_img_slider .slider__item {
  width: calc(20% - 18px);
  min-width: calc(20% - 18px);
}
.pagination .active .page-link {
  font-weight: 500;
  font-size: 20px;
  color: var(--primary-color) !important;
}

/* dummy paypal button */ /* Container for centering the button */

.button-container-dummy {
  width: 100%;
  display: block;
  justify-content: center;
  align-items: center;
}

/* PayPal Button Styling */

.paypal-button-dummy {
  width: 100%;
  background-color: #ffc439; /* PayPal yellow color */

  color: #005ea6; /* PayPal blue text color */

  font-size: 18px;
  font-weight: bold;
  border: none;
  border-radius: 5px;
  padding: 10px 20px;
  cursor: pointer;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  transition:
    background-color 0.3s ease,
    transform 0.3s ease;
  text-align: center;
}
.paypal-button-dummy:hover {
  width: 100%;
  background-color: #ffb319;
  transform: translateY(-2px);
}
.paypal-button-dummy:active {
  background-color: #f4a600;
  transform: translateY(0);
}

/* PayPal Logo */

.paypal-logo-dummy {
  padding: 6px;
  width: 86px;
}

/* close btn */

#bundleModal .modal-header,
#setsProductModal .modal-header,
#premiumModal .modal-header {
  position: unset;
  top: 0;
  right: 0;
  z-index: 9;
  padding: 0;
  border: none;
}
#setsProductModal .modal-header .btn-close,
#premiumModal .modal-header .btn-close {
  background-color: #fff;
  color: var(--text-color);
  opacity: 1;
  border-radius: 50%;
  border: none;
  height: 35px;
  width: 35px;
  min-width: 35px;
  padding: 0;
  box-sizing: border-box;
  font-size: 18px;
}
.pricingGridItem {
  width: 50%;
  min-width: 240px;
  max-width: 340px;
}
.pricingGridItem .priceBorder {
  border: 1px solid #808080;
  border-bottom: 0;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.pricingGridItem .innerPricing {
  border-radius: 20px;
  margin: 12.5px;
  overflow: hidden;
  transition: box-shadow 0.4s;
}
.pricingGridItem .innerPricing:hover {
  box-shadow:
    rgba(0, 0, 0, 0.15) 0px 14px 28px,
    rgba(0, 0, 0, 0.2) 0px 10px 10px;
}
.pricingGridItem .innerPricing small {
  font-size: 15px;
  line-height: 20px;
}
.border_bottom {
  border-bottom: 1px solid var(--text-color);
}
.border_top {
  border-top: 1px solid var(--text-color);
}
.pricingGridItem .innerPricing ._btn {
  width: 100%;
  font-weight: 700;
  text-transform: initial;
  font-size: 1.3rem;
  border-radius: 0;
  padding: 15px;
  text-align: center;
}
.pricingGridItem .secondPart .smTitle {
  margin-left: 30px;
}
.pricingGridItem .topPart {
  min-height: 175px;
}
.pricingGridItem .secondPart {
  min-height: 164.75px;
}
.pricingGridItem .thirdPart {
  min-height: 311px;
  display: flex;
  flex-direction: column;
}
.pricingGridItem del {
  font-size: 15px;
  font-weight: 700;
  font-family: var(--unbounded-font-family);
}
.gridImgCol {
  display: grid !important;
  grid-template-columns: 2fr 1fr !important;
  gap: 10px !important;
}
.gridImgCol img:first-child {
  grid-row: 1 / span 3 !important;
}
.gridImgCol img:not(:first-child) {
  height: auto !important;
}
.cursor-pointer {
  cursor: pointer;
}
.newSetsProductSlider .leftProductItems {
  width: calc(25% - 15px);
  margin-right: 15px;
}
.newSetsProductSlider .productItem {
  margin-bottom: 6px;
}
.newSetsProductSlider .slider_column {
  width: 75%;
}
.newSetsProductSlider .productItem {
  border: none;
  outline: none;
  background-color: transparent;
  box-shadow: none;
  padding: 0;
}
.newAddToCart_column .m_add_to_cart * {
  font-weight: 600 !important;
  font-family: var(--unbounded-font-family) !important;
}
.newAddToCart_column .add-to-cart {
  background-color: var(--dark-color) !important;
  color: var(--white-color) !important;
  border-color: var(--dark-color) !important;
}
.newAddToCart_column ._btn {
  padding: 15px !important;
}
.newAddToCart_column .save_unlimited_downloads ._btn {
  background-color: var(--primary-color) !important;
  margin-top: 25px;
}
.newAddToCart_column .price_product_specs_container .product_specification {
  border-bottom: 0;
  margin-top: 0;
  padding-bottom: 0;
  text-align: start;
  font-size: 20px;
}
.imgAddCartContainer .setImgColParent .leftThmb {
  width: calc(70% - 10px);
  margin-right: 10px;
}
.imgAddCartContainer .setImgColParent .rightSml {
  width: 30%;
  display: flex;
  flex-direction: column;
  max-height: 400px;
}
.dashTabTitle {
  padding-bottom: 5px;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid var(--text-color);
}
.similar_slider .slick-slide,
.related_slider .slick-slide {
  height: auto;
}
#newCrdEncoder {
  background-color: #c2d5ff;
  background-color: #e9f0ff;
}
.popupSceneMockup .premium_product_page .slider_product_about_column {
  width: 50.9%;
  margin-right: 5%;
  max-width: 550px;
}
.popupSceneMockup .premium_product_page .simple_vertical_add_to_cart_column {
  width: 44.1%;
}
.popupProductMockup .premium_product_page .section_width_no {
  max-width: 1010px;
  margin-left: auto;
  margin-right: auto;
}
.popupProductMockup .premium_product_page .slider_product_about_column {
  width: 47.427%;
  margin-right: 5%;
}
.popupProductMockup .premium_product_page .simple_vertical_add_to_cart_column {
  width: 47.573%;
}
.setsProductMockups .container {
  max-width: 1250px;
}
.setMockupsPage .setsProductMockups .container {
  max-width: 1450px;
}
.setMockupsPage .setsProductMockups .tab-content .card_item {
  margin-bottom: 15px;
}
.fs_30_i {
  font-size: 30px !important;
  line-height: 1.2 !important;
}
.mw_900 {
  max-width: 900px;
}
.bundle_mockups_listing .tab-content .card_item .inner_col {
  margin-left: 15px;
  margin-right: 15px;
}
.search_heading_i {
  border-bottom: 1px solid #cecece !important;
  padding-bottom: 15px !important;
  margin-bottom: 20px !important;
  font-size: 22px !important;
  line-height: 27px !important;
  font-weight: 700 !important;
}
.lgSingUpClose {
  position: absolute;
  top: -3px;
  right: 0;
}
.min-w-230px {
  min-width: 230px;
}
.text-737171cf p,
.text-737171cf {
  color: var(--color-ededed) !important;
}
.bg-d2e7ba {
  background-color: #d2e7ba;
}
.customAlert {
  min-height: 42px;
  display: flex;
  align-items: center;
}
.inline-read {
  background: transparent;
  border: none;
  outline: none;
  color: var(--primary-color);
  cursor: pointer;
  padding: 0;
}
.swal2-actions .swal2-confirm {
  background-color: gray !important;
}
.swal2-actions .swal2-cancel {
  background-color: var(--primary-color) !important;
}
#swal2-title {
  font-size: 20px !important;
}
#swal2-html-container {
  font-size: 16px !important;
  line-height: 26px;
}
.swal2-popup {
  padding-left: 20px;
  padding-right: 20px;
}
.termsLinks {
  scroll-margin-top: 140px;
  position: sticky;
  top: 140px;
}
.outline-0 {
  outline: none;
}
.passError {
  font-size: 13px;
  color: #757a6c;
  color: #ca5252;
  margin-top: 15px !important;
}
#loader {
  z-index: 1060 !important;
  backdrop-filter: blur(6px);
  background-color: rgba(255, 255, 255, 0);
}
#pixProductModal .modalBtnArea .dropdown-menu .dropdown-item {
  font-size: 15px;
  white-space: normal;
  display: flex;
  justify-content: space-between;
}
#pixProductModal .modalBtnArea .dropdown-menu .dropdown-item.active,
#pixProductModal .modalBtnArea .dropdown-menu .dropdown-item:hover {
  background-color: var(--primary-color) !important;
}
#pixProductModal .modalBtnArea .dropdown-menu {
  min-width: 238.5px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
#pixProductModal .modalBtnArea .dropdown-menu .dropdown-item .lableT {
  min-width: 78px;
  text-align: left;
}
.pixGridContainer.freePageProductLoop .gridItem {
  margin: 0;
  width: 100%;
}
.pixGridContainer.freePageProductLoop .gridItem,
.pixpine_free_product_top .first_card_col .card_item.get_off {
  margin-bottom: 1rem;
}
.modalInvoiceForm .labelCol {
  max-width: 160px;
}
.min-h-25 {
  min-height: 25px;
}
.max-h-500 {
  max-height: 500px;
}
.max-h-600 {
  max-height: 600px;
}
.max-h-700 {
  max-height: 700px;
}
.min-h-60px {
  min-height: 60px;
}
.min-h-45px {
  min-height: 45px;
}
.pToggleBtn.active .pix-border {
  border-color: var(--primary-color) !important;
}
.pToggleBtn.active .activeHide {
  width: 0;
  opacity: 0;
  transition: all 0.4s;
}

.pToggleBtn .activeShow {
  height: 0;
  opacity: 0;
  transition: all 0.4s;
}
.pToggleBtn.active .activeShow {
  height: auto;
  opacity: 1;
}
.pToggleBtn .paypalIcon {
  max-height: 22px;
  max-width: 85px;
  transition: all 0.4s;
}
.pToggleBtn.active .paypalIcon {
  max-height: 32px;
  max-width: 110px;
  margin: 0 auto;
}
.pToggleBtn.active {
  pointer-events: none;
  cursor: default;
}

.creditDebitCard .pToggleBtn.active {
  height: auto;
  min-height: auto;
  margin-bottom: 1.5rem;
  padding: 0 !important;
}
.creditDebitCard:has(.pToggleBtn.active) {
  padding: 1rem;
}
.pToggleBtn.active .border-474747,
.creditDebitCard:has(.pToggleBtn.active) {
  border-color: var(--primary-color);
}

/*  

===================================================  
================ Responsive Design ================  
===================================================

*/

@media only screen and (max-width: 1300px) {
  .pricingGridItem {
    min-width: 270px;
  }
}

@media only screen and (max-width: 1100px) {
  .video__container .modal-dialog {
    max-width: 80%;
  }
  .video__container .modal-body iframe {
    min-height: 450px;
  }
  #pixProductModal .modalBtnArea .dropdown-menu {
    min-width: 206.5px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .labelCol {
    max-width: 150px;
  }
  #pixProductModal .infoCol .mockupBtn {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 1024px) {
  /* ==========================================  
  ============ Dashboard Css Start ============  
  ============================================= */

  .my__account .dashboard_navbar,
  .dashboard__likes .dashboard_navbar,
  .dashboard__downloads .dashboard_navbar,
  .billing__information .dashboard_navbar,
  .dashboard__subscription .dashboard_navbar {
    margin-right: 50px;
  }
  .dashboard_section {
    padding-top: 50px;
  }
  .my__account .user_img_column {
    height: 65px;
    max-width: 65px;
    margin-right: 15px;
  }
  .my__account .content__column form {
    margin-right: 0;
    width: 100%;
  }
  .my__account .content__column form ._left {
    margin-right: 40px;
  }
  .my__account .content__column form ._left,
  .my__account .content__column form ._right {
    width: calc(50% - 20px);
    max-width: 100%;
  }
  .dashboard_section {
    min-height: unset;
  }
  .row_d.cart__page {
    flex-direction: column;
  }
  .mockups_cart_item_column {
    width: 100%;
    margin-right: 0;
  }
  .checkout_cart_btn_column {
    width: 100%;
    margin-top: 30px;
  }
  .premium_multiple_img_slider {
    overflow: auto;
    justify-content: start;
  }
  .video__container .modal-body iframe {
    min-height: 350px;
  }
  .video__container .modal_open_btn {
    width: calc(50% - 40px);
    margin: 20px;
  }
  .video__container .open_modal_container {
    margin: 0 -20px;
  }
  .pricingGridItem {
    min-width: 240px;
  }
  .bundle_mockups_listing .tab-content .card_item .inner_col {
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .mb_sm_15 {
    margin-bottom: 15px !important;
  }
  .free_download_page_main_section
    .google_ad_download_btn_container
    .google_ad
    img {
    height: auto;
  }

  /* ==========================================  
  ============ Dashboard Css Start ============  
  ============================================= */

  .dashboard_section {
    padding-top: 20px;
  }
  .dashboard_section .dashboard_main {
    flex-direction: column;
  }
  .dashboard_navbar .nav {
    display: none;
    position: absolute;
    width: 100%;
    top: 30px;
    z-index: 9;
    background-color: #ededed;
    padding: 10px 0;
  }
  .dashboard_navbar {
    position: relative;
  }
  .dashboard_navbar.open_menu .nav {
    display: block;
  }
  .dashboard_navbar .nav-item:not(:last-child) {
    border-bottom: 0;
  }
  .dashboard_navbar {
    margin-right: 0 !important;
    margin-bottom: 15px;
  }
  .dashboard_navbar .nav-link {
    padding: 7px 0;
    padding-left: 20px;
    padding-right: 20px;
  }
  .dashboard_section .nav-tabs {
    margin-left: 0;
  }
  .terms_conditions_heading {
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
    display: none;
  }
  .terms_conditions_content {
    width: 100%;
  }
  .checkout_row {
    flex-direction: column !important;
  }
  .checkout_row .left_col {
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
  }
  .checkout_row .right_col {
    width: 100%;
  }
  .alert,
  .alert > * {
    font-size: 14px;
    line-height: 1.3;
  }
  .video__container .open_modal_container {
    flex-direction: unset !important;
  }
  .popupProductMockup .premium_product_page .slider_product_about_column {
    width: 100%;
    margin-right: 0;
  }
  .popupProductMockup
    .premium_product_page
    .simple_vertical_add_to_cart_column {
    width: 100%;
  }
  #pixProductModal .modalBtnArea .dropdown-menu .dropdown-item {
    font-size: 13px;
    padding-left: 5px;
    padding-right: 5px;
  }
  #pixProductModal .modalBtnArea .dropdown-menu {
    min-width: 189px;
  }
  .bannerSection p,
  .bannerSection h2 {
    color: var(--color-ededed) !important;
  }
  .downloadsModalPix .popModalLeft img {
    width: 100%;
  }
  .downloadsModalPix .modal-header .btn-close {
    margin: 0 !important;
    position: unset !important;
    margin-left: auto !important;
  }
  .downloadsModalPix .modal-content {
    overflow-y: auto;
  }
  .downloadsModalPix .modal-body {
    overflow: unset;
  }
  #pixProductModal .sliderItem img {
    width: 100%;
  }
}

@media only screen and (max-width: 575px) {
  .premium_product_page {
    max-height: calc(100vh - 2rem);
  }
  .dashboard__likes .tab-content .card_item {
    width: 100% !important;
  }
  .dashboard__likes .tab-content .likes__bundle__mockups .card_item {
    width: 100% !important;
  }
}

@media only screen and (max-width: 520px) {
  /* ==========================================  

  ============ Dashboard Css Start ============  

  ============================================= */

  .dashboard_section .content__column form .half_width {
    width: 100%;
  }
  .dashboard_section .content__column form .half_width:first-child {
    margin-right: 0;
  }
  .dashboard_section .content__column form .full_width_container {
    margin-bottom: 0;
  }
  .dashboard_section .content__column form .input_group {
    margin-bottom: 20px;
  }
  .my__account .content__column {
    flex-direction: column-reverse;
  }
  .my__account .content__column form {
    max-width: 100%;
    margin-right: 0;
    margin-top: 0;
    width: 100%;
  }
  .my__account .content__column form ._left {
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 25px;
  }
  .my__account .content__column form ._left,
  .my__account .content__column form ._right {
    width: 100%;
  }
  .dashboard_section .nav-tabs .nav-item {
    margin-bottom: 5px;
  }
  .dashboard_section .nav-tabs .nav-link,
  .dashboard_section .nav-tabs .nav-link.active {
    font-size: 11px;
    padding: 7px;
  }
  .dashboard__likes .dislike_nav_container {
    flex-direction: column;
    align-items: start;
  }
  .dashboard__likes .dislike_nav_container .nav-tabs {
    margin-bottom: 25px;
  }
  .dashboard__likes .dislike__btn__container {
    width: 100%;
    text-align: right;
  }
  .dashboard__subscription .btn_container ._btn {
    padding: 9px 13px;
  }
  .dashboard__subscription .btn_container .btn_outline {
    margin-left: 10px;
  }
  .table__cart .cart_item > div,
  .table__cart .remove-cart {
    width: 50%;
  }
  .table__cart .img_text_cont {
    align-items: start;
    flex-direction: column;
    width: 100% !important;
  }
  .table__cart .product_description {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .cart__page .get_premium_mockups_section .premium_mockups_inner,
  .checkout_cart_btn_column .inner_col {
    padding: 25px;
  }
  .checkout_cart_btn_column {
    margin-top: 10px;
  }
  .signup__login .main_content {
    border-radius: 15px;
  }
  .video__container .modal_open_btn {
    width: calc(100% - 80px);
  }
  .pricingGridItem {
    width: 100%;
  }
  .bundle_mockups_listing .tab-content .card_item {
    width: 100% !important;
  }
  #pixProductModal .modalBtnArea .dropdown-menu {
    max-width: 164px;
    min-width: 164px;
  }
  #pixProductModal .modalBtnArea .dropdown-menu .dropdown-item {
    font-size: 12px;
  }
  #pixProductModal .modalBtnArea .dropdown-menu .dropdown-item .lableT {
    min-width: 53px;
  }
}

@media only screen and (max-width: 420px) {
  #pixProductModal .modalBtnArea .dropdown-menu .dropdown-item {
    padding-left: 4px;
    padding-right: 4px;
    font-size: 11px;
  }
}

/* ==========================================================================
   2. Home / theme styles + self-hosted fonts (was home-style.css)
   ========================================================================== */

/* Self-hosted fonts (no Google Fonts request). Variable woff2 files: one file covers all weights. */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url(../fonts/roboto-latin-ext.woff2) format("woff2");
  unicode-range:
    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
    U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url(../fonts/roboto-latin.woff2) format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
    U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Unbounded";
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
  src: url(../fonts/unbounded-latin-ext.woff2) format("woff2");
  unicode-range:
    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
    U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Unbounded";
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
  src: url(../fonts/unbounded-latin.woff2) format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
    U+2215, U+FEFF, U+FFFD;
}

* {
  font-family: "Roboto", sans-serif;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
:root {
  --primary-color: #005aff;
  --text-color: #333333;
  --white-color: #ffffff;
  --dark-color: #000000;
  --banner-color: #b9dfff;
  --second-font-family: "Helvetica Neue", sans-serif;
  --unbounded-font-family: "Unbounded", sans-serif;
  --transition: 0.3s ease-out;
  --color-808080: #808080;
  --color-ededed: #ededed;
  --theme-dark-bg: #282a2d;
  --bs-border-color: rgba(255, 255, 255, 0.2);
}
.bg-ededed {
  background-color: var(--color-ededed) !important;
}
.dropdown-toggle::after {
  color: var(--color-ededed);
}
.text-ededed *,
.text-ededed {
  color: var(--color-ededed) !important;
}
.text-333333 *,
.text-333333 {
  color: var(--text-color) !important;
}
.bg-2f3033 {
  background-color: #2f3033;
}
.theme-dark-bg {
  background-color: var(--theme-dark-bg);
}
.border-474747 {
  border: 1px solid #474747;
}
.uFF {
  font-family: var(--unbounded-font-family) !important;
}
body {
  background-color: var(--theme-dark-bg);
}
.lightMood {
  background-color: var(--white-color);
}
a {
  transition: 0.4s;
  text-decoration: none;
  color: var(--text-color);
}
a:not(.lightMood a) {
  color: var(--color-ededed);
}
a:hover {
  color: var(--primary-color);
}
.filter_invert {
  filter: invert(1);
}
main {
  min-height: calc(100vh - 450px);
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
strong,
i,
small,
div {
  transition:
    color 0.4s,
    background-color 0.4s;
  color: var(--color-ededed);
  margin: 0;
  text-decoration: none;
}
.lightMood h1,
.lightMood h2,
.lightMood h3,
.lightMood h4,
.lightMood h5,
.lightMood h6,
.lightMood p,
.lightMood span,
.lightMood strong,
.lightMood i,
.lightMood small,
.lightMood div {
  color: var(--text-color);
}
header ul,
.product__specs ul,
.dashboard_section ul,
.subscriptions_package ul,
.premium_mockups_content ul {
  margin: 0;
  padding: 0;
}
header ul li,
.product__specs li,
.dashboard_section li,
.subscriptions_package li,
.premium_mockups_content li {
  list-style-type: none;
}
img {
  max-width: 100%;
}
.container {
  max-width: 1450px;
  padding-left: 50px;
  padding-right: 50px;
  margin: 0 auto;
  box-sizing: border-box;
}
.row_d {
  display: flex;
  flex-wrap: wrap;
}
.flex_center {
  display: flex;
  align-items: center;
}
.flex_center_center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex_center_between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.page_heading {
  font-size: 30px;
  line-height: 37px;
  font-weight: 700;
  text-transform: inherit;
  margin: 0;
}
.home.banner_section .page_heading {
  font-weight: 500;
}
.home.banner_section .sub_heading {
  font-weight: 300;
}
.sub_heading {
  margin: 0;
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}
.section_heading {
  font-size: 30px;
  line-height: 37px;
  margin: 0;
}
.lightMood .section_heading {
  color: var(--text-color);
}
.section_heading_primary {
  color: var(--primary-color);
}
.fw_400 {
  font-weight: 400;
}
.fw_500,
.section_heading_medium {
  font-weight: 500;
}
.fw_700,
.section_heading_bold {
  font-weight: 700;
}
.primary_color {
  color: var(--primary-color);
}
.default_color {
  color: var(--text-color);
}
._btn {
  border: none;
  outline: none;
  text-decoration: none;
  font-size: 15px;
  line-height: 17px;
  font-weight: 400;
  text-transform: uppercase;
  padding: 10px 40px;
  border-radius: 40px;
  display: inline-block;
}
.btn_black {
  color: var(--white-color);
  background-color: #030303;
}
.btn_primary {
  color: var(--white-color);
  background-color: var(--primary-color);
}
.btn_black_small {
  font-size: 11px;
  line-height: 13px;
  padding: 9px 33px;
}
.btn_helvetica {
  font-family: var(--second-font-family);
}
._btn:hover,
.btn_black:hover,
.btn_black_small:hover,
.btn_primary:hover {
  color: var(--white-color);
} /* Global Css End*/ /*****/ /* Header Css Start */

.home .banner_section,
.home.banner_section {
  padding-top: 50px;
  margin-top: -2px;
  padding-bottom: 100px;
}
header .container {
  max-width: 1450px;
}
.navbar-brand {
  margin-right: 59px;
  padding: 0;
  margin-top: 8px;
  outline: none;
  border: none;
  box-shadow: none;
}
.navbar-brand img {
  max-width: 135px;
}
header .navbar-nav .nav-link {
  font-size: 14px;
  line-height: 17px;
  font-weight: 500;
  padding: 0 !important;
  margin: 0 21px;
  color: var(--text-color);
  text-align: center;
  padding-bottom: 4px !important;
  border-bottom: 1.3px solid transparent;
}
header .navbar-nav .nav-link.pricing {
  color: var(--primary-color);
  font-weight: 600;
}
header .navbar-nav .nav-link.active,
header .navbar-nav .nav-link:hover {
  border-bottom: 1.3px solid var(--text-color);
}
header .navbar-nav .nav-link.user_icon,
header .navbar-nav .nav-link.user_icon:hover {
  border-bottom: none;
}

header .navbar-nav {
  display: flex;
  align-items: center;
}
#mobile_cart_btn {
  display: flex;
  align-items: center;
}
#mobile_cart_btn .nav-link .cart_img {
  max-width: 19px;
}
#mobile_cart_btn .nav-link .user_img {
  max-width: 23px;
}
#mobile_cart_btn .nav-link .user_img_custom {
  border-radius: 50%;
  height: 30px;
  width: 30px;
  object-fit: cover;
  max-width: 30px;
}
#mobile_cart_btn .nav-link {
  display: none;
}
#login_signup ul .nav-link {
  margin-left: 26px;
  margin-right: 0;
}
#login_signup .nav-link .cart_img {
  max-width: 19px;
}
header .cart_icon .number_of_items {
  margin-left: 5px;
}
#login_signup .nav-link.cart_icon {
  margin-right: 8px;
  margin-left: 0;
  display: flex;
  border-bottom: none !important;
}
header .nav-link.cart_icon {
  align-items: center;
}
#login_signup .nav-link.user_icon {
  margin-left: 12px;
}
#login_signup .nav-link .user_img {
  max-width: 23px;
}
#login_signup .nav-link .user_img_custom {
  border-radius: 50%;
  height: 30px;
  width: 30px;
  object-fit: cover;
  max-width: 30px;
}
#login_signup .nav-item .get_premium_btn,
#mobile__btn__container .get_premium_btn {
  padding: 8px 11.5px;
  text-transform: uppercase;
  margin-right: 57px;
  text-align: center;
  display: none;
}
.home #login_signup .nav-item .get_premium_btn {
  margin-right: 85px;
  color: var(--white-color);
  background-color: #030303;
}
.home header .navbar-nav .nav-link,
.home .cart_icon .number_of_items,
.home #login_signup .cart_icon .number_of_items {
  color: #fafafa;
}
.home header .navbar-nav .nav-link:hover {
  border-bottom: 1.3px solid #fafafa;
}
div.home {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
} /* Header Css End */ /* Banner Css Start */

.banner_section {
  color: #fafafa;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: -1px;
  display: none !important;
}
.bundle_mockups_yearly_subscription
  .get_premium_mockups_section
  .premium_text
  *,
section.get_premium_mockups_section .premium_text *,
.banner_section h1,
.banner_section p,
.home .form_container_main .need_text {
  color: #fafafa;
}
.banner_section .page_heading {
  margin-bottom: 6px;
}
.banner_section .heading_col {
  margin-bottom: 40px;
}
.form_container_main {
  max-width: 990px;
  margin: 0 auto;
  box-sizing: border-box;
}
.form_container_main .inner_col {
  position: relative;
}
.search_form {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  height: 60px;
  border-radius: 40px;
  background-color: #f8f8f8;

  display: flex;
  align-items: center;
  border: 1px solid #cecece;
}
.form_container_main form select,
.select-selected {
  box-shadow: none;
  outline: none;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 45px;
  padding-left: 2px;
  resize: none;
  background-color: transparent;
  font-size: 14px;
  line-height: 28px;
  font-weight: 400;
  color: #959595;
  height: 40px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("../images/Down_arrow.png");
  background-repeat: no-repeat;
  background-size: 16px;
  background-position-x: 95%;
  background-position-y: 50%;
  border-radius: 0 !important;
  border: 0px;
}
.select-selected {
  background-image: url("../images/Down_arrow.png");
  background-repeat: no-repeat;
  background-size: 16px;
  background-position-x: 95%;
  background-position-y: 50%;
  min-width: 168px;
  white-space: nowrap;
  cursor: pointer;
}
.form_container_main form select option {
  color: var(--text-color);
  padding: 5px 7px;
  border-radius: 0 !important;
  display: block;
  white-space: normal;
  min-height: 25px;
  background-color: var(--white-color);
}
.form_container_main form select option:hover {
  background-color: #eaeaea !important;
}
.form_container_main input {
  width: 100%;
  box-sizing: border-box;
  height: 60px;
  border-radius: 0;
  outline: none;
  border: none;
  padding: 5px;
  color: var(--text-color);
  background-color: #f8f8f8;
  padding-left: 38.5px;
  padding-right: 45px;
  font-size: 14px;
  line-height: 17px;
  font-weight: 400;
  margin-left: 12px;
  height: 40px;
  border-left: 1px solid #989898;
}
.form_container_main .search_btn {
  background-color: transparent;
  border: none;
  margin-right: 23px;
}
.form_container_main .search_btn img {
  max-width: 20px;
}
.form_container_main ::placeholder {
  color: #959595;
  opacity: 1;
}
.form_container_main :-ms-input-placeholder {
  color: #959595;
}
.form_container_main ::-ms-input-placeholder {
  color: #959595;
}
.form_container_main .need_text {
  font-size: 16px;
  font-weight: 400;
  line-height: 36px;
  margin: 0;
  text-align: right;
  color: var(--text-color);
}
.form_container_main .need_text a {
  color: #171717;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
} /* Custom Select Start */ /*the container must be positioned relative:*/

.custom-select {
  margin-left: 22px;
  position: relative;
}
.custom-select select {
  display: none; /*hide original SELECT element:*/
}
.select-selected {
  background-color: #f8f8f8;
}
.select-items {
  position: absolute;
  background-color: var(--white-color);
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  padding-top: 22px;
  padding-bottom: 10px;
  border: none;
  max-width: max-content;
  border-radius: 10px;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
}
.select-items div,
.select-items p {
  color: #959595;
  font-size: 14px;
  line-height: 28px;
  font-weight: 400;
  padding-left: 16px;
  padding-right: 24px;
  cursor: pointer;
} /*hide the items when the select box is closed:*/

.select-hide {
  display: none;
}
.select-items div:hover,
.select-items p:hover,
.same-as-selected {
  background-color: #eaeaea;
} /* Custom Select end */

.trending_col {
  text-align: center;
  margin-top: 25px;
}
.trending_col p {
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  margin-bottom: 25px;
}
.trending_col .trending_item .img_col {
  height: 105px;
  width: 105px;
  border-radius: 50%;
  background-color: var(--white-color);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  overflow: hidden;
}
.trending_col .trending_item {
  text-align: center;
  margin: 0 17px;
  width: 105px;
  display: inline-block;
  margin-bottom: 15px;
}
.trending_col .trending_item a {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.trending_col .trending_item span {
  font-size: 12px;
  line-height: 14px;
  font-weight: 500;
  color: #fafafa;
}
.trending_col .trending_item_container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
} /* Banner Css End */ /* get_mockup_section Start*/

.get_mockup_section {
  background-color: var(--banner-color);
  padding: 14px 0;
  border-top: 1px solid var(--white-color);
  display: block;
}
.get_mockup_section .get_mockup {
  display: flex;
  justify-content: center;
  align-items: center;
}
.get_mockup_section .get_mockup h6 {
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  margin: 0;
  color: #000000;
  margin-right: 23px;
}
/* get_mockup_section End */

/* explore_creative_section Start */
.sectionPadding,
.explore_creative_section {
  padding-top: 50px;
  padding-bottom: 50px;
}
.padding-y-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}
.explore_creative_section .section_heading {
  margin-bottom: 10px;
}
.explore_creative_section .card_container {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -12.5px;
  margin-top: 34px;
  align-items: stretch;
  justify-content: center;
}
.explore_creative_section .card_item {
  width: 25%;
}
.explore_creative_section .card_item .inner_col {
  margin: 0 12.5px;
  align-items: stretch;
  margin-bottom: 32px;
  position: relative;
  transition: transform 0.3s ease-out;
  border: 1px solid #cecece;
  border-radius: 15px;
}
.explore_creative_section .newCardItem .inner_col {
  position: relative;
  transition:
    transform 0.3s ease-out,
    box-shadow 0.3s ease-out;
  box-shadow:
    rgba(0, 0, 0, 0.05) 0px 0.1px 10px,
    rgba(0, 0, 0, 0.05) 0px 5px 5px;
  border-radius: 15px;
  min-height: 100px;
}
.explore_creative_section .newCardItem:hover .inner_col {
  box-shadow:
    rgba(0, 0, 0, 0.15) 0px 5px 10px,
    rgba(0, 0, 0, 0.05) 0px 5px 10px;
}
.card_item .inner_col a {
  display: inline-block;
  width: 100%;
}

.explore_creative_section .card_item .inner_col:hover {
  transform: scale(1.05);
}
.explore_creative_section .card_item img {
  width: 100%;
}
.topTitle {
  margin-top: 25px;
}
.new_exploreParentRow .heading_col .bottomPart p {
  margin-bottom: 7px;
}
.new_exploreParentRow .heading_col {
  width: calc(40% - 15px);
  margin-right: 15px;
}
.new_exploreParentRow .card_container {
  width: 60%;
}
.new_explore_creative_section .bringDesignsSlider {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-left: -15px;
  margin-right: -15px;
}
.new_explore_creative_section .bringDesignsSlider .newCardItem {
  width: calc(33.33333% - 30px);
  margin: 15px;
  margin-top: 0;
}
.new_explore_creative_section .new_exploreParentRow .ExploreItemText {
  align-items: start;
  justify-content: start;
  flex-direction: column;
  text-align: start;
  padding: 8px 15px;
}
.explore_creative_section .ExploreItemText {
  position: absolute;
  bottom: 0;
  text-align: center;
  padding: 15px;
  font-size: 18px;
  z-index: 999;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: end;
  justify-content: start;
  padding-bottom: 8px;
}
.encoderGetPresentation .rightCol {
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.7);
  overflow: hidden;
  transition: 0.4s;
  position: absolute;
  bottom: 0;
  text-align: center;
  font-size: 18px;
  z-index: 999;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
  width: 100%;
}
.encoderGetPresentation .ExploreItemText {
  position: unset !important;
  transform: unset !important;
}
.encoderGetPresentation .innerA:hover .rightCol,
.new_explore_creative_section.update2 .innerA:hover .ExploreItemText {
  opacity: 1;
}
a.ExploreItemText.justify-content-end > div:nth-child(2) {
  margin-bottom: 20px;
}
.update2 .mainTitlCol {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 10px;
}

.new_explore_creative_section.update2 .ExploreItemText .innerTitle {
  font-size: 20px;
  line-height: 26px;
}
.new_explore_creative_section .ExploreItemText .innerTitle {
  font-size: 18px;
  line-height: 23px;
  font-weight: 700;
}
.new_explore_creative_section .ExploreItemText .descriptions {
  font-size: 15px;
  line-height: 20px;
}
.newGetPresentation .presentation_imgCol {
  width: 70%;
}
.newGetPresentation .presentation_textCol {
  width: 30%;
  padding: 35px;
  padding-right: 0;
  float: right;
  padding-left: 70px;
}
.newGetPresentation .presentationRow {
  border-radius: 15px;
  overflow: hidden;
  background-color: #f7f7f7;
}
.newGetPresentation .slick-dots li button::before {
  font-size: 40px;
  color: gray;
  opacity: 0.6;
}
.newGetPresentation .slick-dots li.slick-active button::before {
  opacity: 1;
  color: var(--white-color);
}
.newGetPresentation .slick-dotted.slick-slider {
  margin-bottom: 0;
}
.newGetPresentation .slick-dots {
  bottom: 10px;
  z-index: 1;
}
.newGetPresentation .presentation_textCol {
  display: flex;
  flex-direction: column;
}
.newGetPresentation .presentation_textCol .btnGetIt {
  margin-top: auto;
} /* explore_creative_section End */ /* get_premium_mockups_section Start */

.get_premium_mockups_section .premium_mockups_inner {
  background-color: var(--banner-color);
  padding: 45px 80px 42px 48px;
  flex-wrap: wrap;
}
.bundle_mockups_yearly_subscription
  .get_premium_mockups_section
  .premium_mockups_inner,
section.get_premium_mockups_section .premium_mockups_inner {
  min-height: 285px;
  background-size: cover;
  background-repeat: no-repeat;
}
.get_premium_mockups_section .sub_heading {
  font-family: var(--second-font-family);
  font-weight: 500;
  line-height: 27px;
  margin-top: 5px;
  margin-bottom: 35px;
}
.get_premium_mockups_section .sub_heading span {
  font-family: var(--second-font-family);
}
.get_premium_mockups_section span {
  display: block;
}
.get_premium_mockups_section .premium_text {
  width: 60%;
  margin-right: 5%;
}
.get_premium_mockups_section .premium_img {
  width: 35%;
  text-align: end;
  display: none;
}
.get_premium_mockups_section .premium_img img {
  width: 100%;
  max-width: 300px;
} /* get_premium_mockups_section Endt */ /* recently_added_premium_mockups Start */

.bundle_mockups_yearly_subscription .section_heading,
.recently_added_premium_mockups .section_heading,
.recently_added_free_mockups .section_heading {
  font-size: 22px;
  line-height: 27px;
  font-weight: 700;
}
.recently_added_premium_mockups .section_heading,
.recently_added_free_mockups .section_heading {
  margin-bottom: 20px;
}
.pb-60,
#bundle_mockups .separetor_container {
  padding-bottom: 60px;
}
.pt-60 {
  padding-top: 60px;
}
#premium_mockups_page .separetor_container {
  padding-bottom: 30px;
}
.separetor_container .separetor,
#premium_mockups_page .separetor,
#bundle_mockups .separetor,
#free_mockups .separetor {
  border-top: 1px solid #cecece;
}
.nav-tabs {
  border: none;
  align-items: start;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 50px;
}
.nav-tabs .nav-link,
.nav-tabs .nav-link.active {
  border: none;
  font-size: 14px;
  line-height: 17px;
  font-weight: 400;
  color: var(--text-color);
  padding: 0;
  margin: 0 21.5px;
  margin-bottom: 10px;
  padding-bottom: 4px;
  border-bottom: 1px solid transparent;
}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  border-bottom: 1.3px solid var(--text-color);
  border-color: var(--text-color);
}
.nav-tabs .dropdown-menu .dropdown-item {
  border: none;
  font-size: 14px;
  line-height: 17px;
  font-weight: 400;
  color: var(--text-color);
  color: #959595;
  padding-top: 7px;
  padding-bottom: 7px;
}

.nav-tabs .nav-link.active {
  position: relative;
  background-color: transparent;
}
.nav-tabs .dropdown {
  display: flex;
  justify-content: center;
}
.nav-tabs .dropdown-menu {
  border-radius: 5px;
  margin-top: 10px !important;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.4);
  max-height: 450px;
  overflow: auto;
}
.dropdown-menu {
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.4);
  border: 1px solid #474747;
  border-radius: 0.375rem;
}
.dropdown-menu,
.nav-tabs .dropdown-menu {
  background-color: var(--theme-dark-bg);
}
.dropdown-menu .dropdown-item * {
  color: #959595;
}

.nav-tabs .dropdown-item:focus,
.nav-tabs .dropdown-item:hover {
  background-color: #eaeaea;
}
.nav-tabs .dropdown-toggle {
  background-color: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  outline: none;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 5px;
  padding-left: 0;
}
.nav-tabs .dropdown-toggle img {
  height: 10px;
}
.nav-tabs .dropdown-toggle::after {
  display: none;
}
.tab-content .img_col {
  margin-bottom: 15px;
  position: relative;
}
.tab-content .img_col img {
  width: 100%;
}
.tab-content .card_item h4 {
  font-size: 16px;
  line-height: 21px;
  font-weight: 400;
  margin-bottom: 5px;
}
.tab-content .card_item p {
  font-size: 13px;
  line-height: 15px;
  font-weight: 400;
  text-transform: uppercase;
}
.recently_added_free_mockups .tab-content .card_item p {
  font-weight: 500;
}
.tab-content .card_container {
  align-items: stretch;
  margin: 0 -8px;
}
.tab-content .card_item {
  width: 20%;
  background: transparent !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: none !important;
  background-color: transparent;
}
.tab-content .card_item .inner_col {
  margin: 0 6px;
  margin-bottom: 40px;
  margin-top: 13px;
}
.pixpine_card_border {
  border-radius: 10px;
  display: flex;
  justify-content: center;
  text-align: center;
  background-color: var(--white-color);
  overflow: hidden;
}
.tab-content .img_col img,
.trending_col .trending_item img,
.related_mockups_col .card_item img,
.bundle_mockups .card_item .img_col img,
.explore_creative_section .card_item img,
.get_premium_mockups_section .premium_img img,
.bundle_mockups_yearly_subscription .card_item img,
.pixpine_free_product_top .first_card_col .img_col img,
.pixpine_free_product_top .first_image_text_col .card_inner img {
  object-fit: cover;
  width: 100% !important;
  height: 100%;
}
.tab-content .img_col img,
.related_mockups_col .card_item img,
.bundle_mockups .card_item .img_col img,
.explore_creative_section .card_item img,
.bundle_mockups_yearly_subscription .card_item img,
.pixpine_free_product_top .first_card_col .img_col img,
.pixpine_free_product_top .first_image_text_col .card_inner img {
  border-radius: 15px;
}
.free_product_section .pixpine_card_border,
.free_product_main_col .related_mockups_col .card_item img,
.free_product_section
  .pixpine_free_product_top
  .first_image_text_col
  .card_inner
  img,
.recently_added_free_mockups .pixpine_card_border,
.recently_added_free_mockups .img_col img {
  border-radius: 0;
} /* premium_mockups hover effect start */

.pixpine_free_product_top .first_card_col .img_col img,
.recently_added_premium_mockups .tab-content .card_item,
.recently_added_premium_mockups .tab-content .img_col img {
  transition: var(--transition);
}
.premium_modal .modal-dialog {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
.modal-content {
  border-radius: 0;
}
/* premium_mockups hover effect end */

.tab-content .btn_primary {
  margin-top: 0;
  font-size: 16px;
  line-height: 19px;
  padding: 7px 58px;
  text-transform: capitalize;
  margin-right: 0;
} /* recently_added_premium_mockups End */

/* recently_added_free_mockups Start */
.recently_added_free_mockups .tab-content .card_item {
  width: 25%;
}
.setsProductMockups .tab-content .card_item {
  width: 33.33333%;
}
.recently_added_free_mockups .tab-content .card_container {
  margin: 0 -8px;
}
.recently_added_free_mockups .tab-content .card_item .inner_col {
  margin: 0 8px;
  margin-bottom: 35px;
}
.recently_added_free_mockups .tab-content .img_col {
  margin-bottom: 14px;
}
.recently_added_free_mockups .nav-tabs {
  margin-bottom: 43px;
} /* recently_added_free_mockups End */ /* bundle_mockups_yearly_subscription Start */

.bundle_mockups_yearly_subscription {
  padding-top: 60px;
  padding-bottom: 130px;
}
.bundle_mockups_yearly_subscription .section_heading span {
  display: block;
}
.bundle_mockups_yearly_subscription .sub_heading {
  font-family: var(--second-font-family);
  font-weight: 500;
  line-height: 27px;
  margin-top: 6px;
}
.bundle_mockups_yearly_subscription .get_premium_mockups_section ._btn {
  background-color: var(--text-color);
}
.bundle_mockups_yearly_subscription .top__heading__col {
  margin-bottom: 60px;
}
.bundle_mockups_yearly_subscription .card_container {
  margin: 0 -8px;
}
.bundle_mockups_yearly_subscription .heading_col {
  margin-bottom: 10px;
}
.bundle_mockups_yearly_subscription .card_item {
  width: 25%;
}
.bundle_mockups_yearly_subscription .card_item .inner_col {
  margin: 0 8px;
  margin-bottom: 36px;
}
.bundle_mockups_yearly_subscription .card_item img {
  width: 100%;
}
.bundle_mockups .btn_primary,
.bundle_mockups_yearly_subscription .inner_content .btn_primary {
  font-size: 16px;
  line-height: 19px;
  padding: 7px 58px;
  margin-top: 8px;
  text-transform: capitalize;
} /* bundle_mockups_yearly_subscription End */ /* subscribe_never_miss Start */

.subscribe_never_miss {
  padding-top: 100px;
  padding-bottom: 100px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.subscribe_never_miss .section_heading {
  text-transform: uppercase;
  margin-bottom: 5px;
}
.subscribe_never_miss form {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}
.subscribe_never_miss form input[type="email"] {
  height: 45px;
  border: 1px solid var(--text-color);
  box-shadow: none;
  outline: none;
  padding: 14px 18px;
  min-width: 330px;
  font-size: 14px;
  line-height: 40px;
  font-weight: 400;
  color: var(--text-color);
  box-sizing: border-box;
}
.subscribe_never_miss form .btn_primary {
  margin-left: 30px;
  padding: 12px 35px;
  font-size: 14px;
  border: none;
  min-width: max-content;
}

.cart__page .get_premium_mockups_section .premium_mockups_inner h2 {
  font-size: 22px;
  line-height: 32px;
  font-weight: 700;
  text-transform: capitalize;
  color: var(--primary-color);
  margin: 0;
}
.cart__page .get_premium_mockups_section .premium_mockups_inner span {
  font-size: 23px;
  line-height: 27px;
  font-weight: 700;
  color: var(--primary-color);
}
.cart__page .get_premium_mockups_section .premium_mockups_inner p {
  font-size: 18px;
  line-height: 27px;
  font-weight: 400;
  color: var(--text-color);
  margin-bottom: 10px;
}
#mobile__btn__container,
.mobule_nav_tabs_button,
.mobile_,
.premium_product_page
  .slider_product_about_column
  .price_product_specs_container {
  display: none;
}

.premium_modal header,
.bundle_modal header,
.premium_modal .banner_section,
.bundle_modal .banner_section {
  display: none;
}
.pixpine_free_product_top .first_card_col .img_col .hover_show,
.recently_added_premium_mockups .tab-content .img_col .hover_show {
  position: absolute;
  z-index: 99;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  transition: opacity var(--transition);
}
.pixpine_free_product_top .first_card_col .inner_col:hover .hover_show,
.recently_added_premium_mockups
  .tab-content
  .card_item
  .item_a:hover
  .hover_show {
  opacity: 1;
}
.explore_creative_section .newCardItem .img_only_mobile,
.explore_creative_section .card_item .img_only_mobile {
  display: none;
}
.imgAddCartContainer .img_col {
  margin-bottom: 0;
}
.imgAddCartContainer {
  margin-bottom: 15px;
}
.imgAddCartContainer {
  line-height: 0;
  overflow: hidden;
}
.imgAddCartContainer .addCartBtn {
  text-align: center;
  border: none;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 14px;
  line-height: 14px;
  font-weight: 400;
  padding: 10px;
  z-index: 99;

  background: #000;
  opacity: 0;
  transition: opacity var(--transition);
  color: #fff;
  border-radius: 25px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: -35px;
  text-transform: uppercase;
  transition: all 0.4s;
}
.item_a:hover .imgAddCartContainer .addCartBtn {
  margin-bottom: 15px;
  transition: all 0.4s;
}
.card_item .item_a:hover .addCartBtn {
  opacity: 1;
}
.-m-7_5px {
  margin: -7.5px;
}
.-m-12_5px {
  margin: -12.5px;
}
.mb-2rem {
  margin-bottom: 2rem;
}
/*
===================================================
===============  Responsive Design ================
===================================================
*/

@media only screen and (max-width: 1500px) {
  .pixpine_free_product_top .application_photoshop_content .keys_col {
    margin-right: 80px;
  }
}
@media only screen and (max-width: 1400px) {
  header .navbar-nav .nav-link {
    margin: 0 15px;
  }
  .navbar-brand {
    margin-right: 30px;
  }
  .home #login_signup .nav-item .get_premium_btn,
  #login_signup .nav-item .get_premium_btn {
    margin-right: 45px;
  }
}
@media only screen and (max-width: 1300px) {
  .tab-content .card_item {
    width: 25%;
  }
  #free_mockups_page .tab-content .card_item .inner_col {
    margin: 0 10px;
    margin-bottom: 50px;
  }
  #free_mockups_page .tab-content .card_container {
    margin: 0 -10px;
  }
  #free_mockups_page .get_premium_mockups_section .premium_mockups_inner {
    padding: 30px;
  }
  #free_mockups_page .get_premium_mockups_section .btn_primary {
    padding: 10px 40px;
  }
  #free_mockups_page .get_premium_mockups_section {
    margin-top: 0;
  }
  .pixpine_free_product_top .first_image_text_col {
    width: 65%;
    margin-right: 8%;
  }
  .pixpine_free_product_top .first_card_col {
    width: 27%;
  }
  .free_product_section .free_product_main_col {
    width: 73%;
    margin-right: 7%;
  }
  .free_product_section .free_business_card_col {
    width: 20%;
  }
  .pixpine_free_product_top .application_photoshop_content .keys_col {
    margin-right: 10%;
  }
  .related_mockups_col .card_item,
  .free_download_page_main_section .related_mockups_col .card_item {
    width: 33.33333%;
  }
  #premium_mockups_page .tab-content .card_item .inner_col {
    margin: 0 10px;
    margin-bottom: 50px;
  }
  #premium_mockups_page .tab-content .card_container,
  .collection_premium_section .card_container .row_d,
  .bundle_mockups .card_container {
    margin: 0 -10px;
  }
  #premium_mockups_page .tab-content .card_item {
    width: 25%;
  }
  .collection_premium_section .card_container .card_inner {
    margin: 0 10px;
    margin-bottom: 20px;
  }
  .collection_premium_section .collection_premium_text_col {
    width: 30%;
    margin-right: 5%;
  }
  .bundle_page_collection_premium .card_container {
    width: 65%;
  }
  .bundle_mockups .card_item .inner_col {
    margin: 0 10px;
    margin-bottom: 40px;
  }
  .dashboard__likes .tab-content .card_item {
    width: 25%;
  }
}
@media only screen and (max-width: 1200px) {
  .home #login_signup .nav-item .get_premium_btn,
  #login_signup .nav-item .get_premium_btn {
    margin-right: 40px;
  }
  header .navbar-nav .nav-link {
    margin: 0 10px;
  }
  .navbar-brand {
    margin-right: 25px;
  }
  #login_signup ul .nav-link {
    margin-left: 18px;
  }
  .new_exploreParentRow .heading_col {
    width: calc(30% - 15px);
  }
  .new_exploreParentRow .card_container {
    width: 70%;
  }
}
@media only screen and (max-width: 1024px) {
  .container {
    padding-left: 30px;
    padding-right: 30px;
  }
  .tab-content .card_item,
  .tab-content .card_container .card_item,
  .bundle_mockups_yearly_subscription .card_item,
  .recently_added_free_mockups .tab-content .card_item,
  .dashboard__likes .tab-content .likes__bundle__mockups .card_item {
    width: 33.33333%;
  }
  .bundle_mockups_yearly_subscription .top__heading__col {
    margin-bottom: 35px;
  }
  .tab-content .card_item .inner_col,
  .dashboard__likes .tab-content .card_item .inner_col,
  .dashboard__likes .tab-content .likes__bundle__mockups .card_container,
  .recently_added_free_mockups .tab-content .card_item .inner_col {
    margin: 0 10px;
    margin-bottom: 30px;
  }
  .explore_creative_section .card_item .inner_col {
    margin: 0 10px;
    margin-bottom: 20px;
  }
  .tab-content .card_container,
  .explore_creative_section .card_container,
  .dashboard__likes .tab-content .card_container,
  .dashboard__likes .tab-content .likes__bundle__mockups .card_container,
  .recently_added_free_mockups .tab-content .card_container {
    margin: 0 -10px;
  }
  .explore_creative_section .card_container {
    margin-top: 34px;
  }
  .pagination {
    margin-top: 45px;
  }
  .nav-tabs .nav-link,
  .nav-tabs .nav-link.active,
  #free_mockups_page .nav-tabs .nav-link,
  #premium_mockups_page .nav-tabs .nav-link {
    margin: 0 20px;
    margin-bottom: 10px;
  }
  .nav-tabs .nav-link.active::after {
    height: 9px;
    width: 15px;
    bottom: -12px;
  }
  .bundle_mockups_yearly_subscription .card_item .inner_col {
    margin: 0 10px;
    margin-bottom: 20px;
  }
  .bundle_mockups_yearly_subscription .card_container {
    margin: 0 -10px;
  }
  .get_premium_mockups_section .premium_mockups_inner {
    padding: 35px 60px;
  }
  .subscribe_never_miss form .btn_primary {
    margin-left: 20px;
  }
  .subscriptions_package,
  .faq_section .accordin_container .accordion {
    width: calc(50% - 20px);
  }
  .subscriptions_package.yearly__subscription,
  .faq_section .accordin_container .right {
    margin-left: 40px;
  }
  .subscriptions_package li p {
    font-size: 18px;
    line-height: 28px;
  }
  .subscriptions_package .price_container h2 {
    font-size: 40px;
    line-height: 48px;
  }
  .subscriptions_package .price_container h2 span {
    font-size: 18px;
    line-height: 30px;
  }
  .subscriptions_package .heading__col h4 {
    font-size: 17px;
    line-height: 22px;
  }
  .subscriptions_package .heading__col h4 span {
    font-size: 20px;
    line-height: 30px;
  }
  .subscriptions_package .price_container {
    margin-top: 35px;
    margin-bottom: 30px;
  }
  .faq_section .accordin_container .left {
    margin-right: 0;
  }
  .faq_section .accordion-item {
    margin-bottom: 15px;
  }
  .request_for_mockup_section .request_for_mockup_col {
    width: 58%;
    margin-right: 7%;
  }
  .request_for_mockup_section .customized_mockups_col {
    width: 35%;
  }
  .request_for_mockup_section {
    padding-top: 50px;
    padding-bottom: 70px;
  }
  #free_mockups_page .tab-content .card_item .inner_col {
    margin-bottom: 30px;
  }
  #free_mockups_page .tab-content .card_item {
    width: 33.3333%;
  }
  #free_mockups_page .get_premium_mockups_section .premium_mockups_inner {
    padding: 25px;
  }
  #free_mockups_page .nav-tabs {
    margin-bottom: 30px;
  }
  #free_mockups_page .separetor_container {
    padding-left: 0;
  }
  #free_mockups_page {
    margin-bottom: 0;
  }
  .free_product_section .free_product_main_col {
    margin-right: 5%;
    width: 65%;
  }
  .pixpine_free_product_top .first_image_text_col {
    margin-right: 5%;
    width: 60%;
  }
  .pixpine_free_product_top .first_card_col {
    width: 35%;
  }
  .free_product_section .free_business_card_col {
    width: 30%;
  }
  .pixpine_free_product_top .application_photoshop_col .row_d {
    flex-direction: column-reverse;
  }
  .pixpine_free_product_top .application_photoshop_img,
  .pixpine_free_product_top .application_photoshop_content,
  .pixpine_free_product_top .application_photoshop_col ._btn {
    margin-right: 0;
    width: 100%;
  }
  .pixpine_free_product_top .application_photoshop_content {
    margin-top: 20px;
  }
  .related_mockups_col .card_item .card_inner,
  .free_download_page_main_section .related_mockups_col .card_item .card_inner {
    margin: 0 10px;
    margin-bottom: 20px;
  }
  .related_mockups_col .row_d,
  .free_download_page_main_section .related_mockups_col .row_d {
    margin: 0 -10px;
  }
  .free_product_section .free_business_card_col .heading_col {
    margin-bottom: 30px;
  }
  .related_mockups_col .card_item,
  .free_download_page_main_section .related_mockups_col .card_item {
    width: 50%;
  }
  .free_download_page_main_section
    .subscribe_never_miss
    form
    input[type="email"] {
    min-width: 270px;
  }
  .free_download_btn_contianer p {
    margin-bottom: 20px;
  }
  .free_download_btn_contianer ._btn {
    padding: 7px 50px;
  }
  .collection_premium_section .card_container .card_item {
    width: 50%;
  }
  .collection_premium_section .premium_mockups_content {
    padding: 30px 15px 24px 20px;
  }
  #premium_mockups_page .tab-content .card_item {
    width: 33.33333%;
  }
  .collection_premium_section .card_container {
    width: 60%;
  }
  .collection_premium_section .collection_premium_text_col {
    width: 35%;
    margin-right: 5%;
  }
  .premium_product_page .price_product_specs_container .add_to_cart,
  .premium_product_page .price_product_specs_container .product__specs,
  .premium_product_page
    .price_product_specs_container
    .save_unlimited_downloads {
    padding: 15px 30px;
  }
  .premium_product_page .simple_vertical_add_to_cart_column .page_heading {
    padding-right: 0;
  }
  .bundle_mockups .card_item {
    width: 33.333333%;
  }
  .bundle_mockups .card_item h4 {
    font-size: 16px;
    line-height: 21px;
  }
  .bundle_mockups .card_item p {
    font-size: 13px;
    line-height: 15px;
  }
  .bundle_mockups {
    padding-bottom: 70px;
  }
  .customized_mockup_section form .checkbox_container {
    justify-content: start;
  }
  .subscriptions_package,
  .subscriptions_package.yearly__subscription {
    padding: 130px 20px 30px 20px;
  }
  .premium_product_page .add_to_cart h5 {
    font-size: 20px;
    line-height: 26px;
    font-weight: 600 !important;
    font-family: var(--unbounded-font-family) !important;
  }
  .newGetPresentation .presentation_textCol {
    padding: 25px;
  }
}
@media only screen and (max-width: 991px) {
  header .navbar-nav {
    align-items: start;
    height: 300vh;
    margin-top: 75px;
  }
  header .navbar-nav .nav-link,
  #login_signup ul .nav-link,
  .home #login_signup .nav-item .get_premium_btn,
  #login_signup .nav-item .get_premium_btn,
  #mobile__btn__container .get_premium_btn {
    margin-left: 0;
    margin: 12px 0;
  }
  header .navbar-toggler {
    box-shadow: none;
    outline: none;
    border: none;
    padding-right: 0;
    z-index: 99;
    order: 1;
    padding: 0;
    width: 33.3333333%;
  }
  .navbar-toggler:focus {
    box-shadow: none;
  }

  #mobile_cart_btn,
  .navbar-brand {
    margin: 0;
  }
  .navbar-brand {
    order: 2;
    margin: 0;
    width: 33.3333333%;
    text-align: center;
  }
  .navbar-brand img {
    max-width: 115px;
  }
  #mobile_cart_btn {
    order: 3;
    width: 33.3333333%;
    justify-content: end;
  }
  #mobile_cart_btn .nav-link {
    display: flex;
    margin-left: 27px;
  }
  .home #mobile_cart_btn .nav-link {
    margin-left: 15px;
  }
  #mobile_cart_btn .nav-item:first-child .nav-link,
  .home #mobile_cart_btn .nav-item:first-child .nav-link {
    margin-left: 0;
  }
  .home #mobile_cart_btn .nav-link {
    color: #fafafa;
  }
  #login_signup .nav-link.cart_icon,
  #login_signup .nav-link.user_icon,
  header #login_signup {
    display: none;
  }
  #mobile__btn__container {
    display: block;
  }
  .navbar_mobile_icon {
    position: relative;
  }
  .navbar .navbar_mobile_icon::after,
  .navbar .close_icon .navbar_mobile_icon::before {
    width: 22px;
    height: 22px;
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    color: var(--primary-color);
  }
  .home .navbar .navbar_mobile_icon::after,
  .home .navbar .close_icon .navbar_mobile_icon::before {
    color: var(--white-color);
  }
  .navbar .navbar_mobile_icon::after {
    content: "\f0c9";
  }
  .navbar .close_icon .navbar_mobile_icon::after {
    display: none;
  }
  .navbar .close_icon .navbar_mobile_icon::before {
    content: "\58";
  }
  .navbar-collapse,
  .navbar-collapse .collapse,
  .navbar-collapse .collapsing {
    position: absolute;
    top: 0;
    background: #fafafa;
    width: 100%;
    z-index: 9;
    left: 0;
    padding: 10px 30px;
  }
  .home .navbar-collapse,
  .navbar-collapse {
    background-color: var(--text-color);
  }
  header .navbar-nav .nav-link {
    color: #fafafa;
    text-align: left;
  }
  .home #login_signup .nav-item .get_premium_btn {
    background-color: var(--primary-color);
  }
  .home .banner_section,
  .home.banner_section {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .new_exploreParentRow .heading_col {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
  }
  .new_exploreParentRow .card_container {
    width: 100%;
  }
  .newGetPresentation .presentation_imgCol,
  .newGetPresentation .presentation_textCol {
    width: 100%;
  }
  .new_explore_creative_section .bringDesignsSlider .newCardItem {
    margin-top: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .container {
    padding-left: 20px;
    padding-right: 20px;
  }
  .tab-content .card_item,
  .explore_creative_section .card_item,
  .tab-content .card_container .card_item,
  .bundle_mockups_yearly_subscription .card_item,
  .recently_added_free_mockups .tab-content .card_item,
  .dashboard__likes .tab-content .likes__bundle__mockups .card_item {
    width: 50%;
  }
  .bundle_mockups .btn_primary,
  .bundle_mockups_yearly_subscription .inner_content .btn_primary,
  .tab-content .btn_primary {
    display: flex;
    width: max-content;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
  }
  .get_premium_mockups_section .premium_mockups_inner {
    padding: 30px;
    flex-direction: column-reverse;
  }
  .get_premium_mockups_section .premium_text {
    width: 100%;
    margin-top: 20px;
    text-align: center;
    margin-right: 0;
  }
  .get_premium_mockups_section .premium_img {
    width: 100%;
    text-align: center;
  }
  .form_container_main input {
    padding-left: 0;
    padding-right: 0;
  }
  .form_container_main .search_btn {
    margin-right: 15px;
  }
  .search_form {
    height: 50px;
  }
  .form_container_main form select {
    padding-right: 10px;
    margin-left: 15px;
  }
  .form_container_main .inner_col {
    display: flex;
    flex-direction: column;
  }
  .banner_section .heading_col {
    margin-bottom: 35px;
  }
  .trending_col .trending_item {
    margin-right: 12.5px;
    margin-left: 12.5px;
    width: 70px;
  }
  .trending_col .trending_item .img_col {
    height: 70px;
    width: 70px;
    border: 8px solid var(--white-color);
  }
  .page_heading {
    font-size: 25px !important;
    line-height: 30px !important;
  }
  .section_heading {
    font-size: 25px;
    line-height: 36px;
  }
  .get_premium_mockups_section .section_heading {
    line-height: 32px;
  }

  .navbar-collapse {
    padding: 10px 20px;
  }
  .nav-tabs .nav-link,
  .nav-tabs .nav-link.active,
  #free_mockups_page .nav-tabs .nav-link,
  #premium_mockups_page .nav-tabs .nav-link {
    margin: 0 12.5px;
    margin-bottom: 10px;
  }
  .subscriptions_package_container {
    flex-direction: column-reverse;
  }
  .subscriptions_package,
  .faq_section .accordin_container .accordion,
  .request_for_mockup_section .request_for_mockup_col,
  .request_for_mockup_section .customized_mockups_col {
    width: 100%;
  }
  .request_for_mockup_section .request_for_mockup_col {
    margin-right: 0;
    margin-top: 30px;
  }
  .subscriptions_package.yearly__subscription {
    margin-bottom: 30px;
    margin-left: 0;
  }
  .faq_section .accordin_container .right {
    margin-top: 30px;
    margin-left: 0;
  }
  .subscription_section .heading_col {
    padding-bottom: 50px;
  }
  .subscriptions_package li p {
    font-size: 16px;
    line-height: 22px;
  }
  .subscriptions_package {
    padding: 25px 15px 30px 15px;
  }
  li .checkMark,
  .subscriptions_package li img {
    margin-right: 10px;
  }
  .subscriptions_package .top_content {
    padding-left: 27px;
  }
  .subscriptions_package ._btn {
    padding: 10px 40px;
  }
  .faq_section .accordin_container .right {
    margin-top: 0;
  }
  .faq_section .heading_col h2 {
    font-size: 22px;
    line-height: 27px;
  }
  .explore_creative_section {
    padding-bottom: 10px;
  }
  .faq_section .heading_col {
    margin-bottom: 10px;
  }
  .separetor_container {
    padding-top: 10px;
  }
  #premium_mockups .separetor_container,
  .setsProductMockups .separetor_container {
    padding-top: 30px;
  }
  .request_for_mockup_section .row_d {
    flex-direction: column-reverse;
  }
  .request_for_mockup_col form .half_width {
    max-width: 100%;
  }
  .tab-content .img_col,
  .bundle_mockups .card_item .img_col,
  #premium_mockups_page .tab-content .img_col,
  .explore_creative_section .card_item .inner_col,
  .recently_added_free_mockups .tab-content .img_col,
  .bundle_mockups_yearly_subscription .card_item .inner_col,
  #free_mockups_page .tab-content .img_col,
  .related_mockups_col .card_item .card_inner,
  .pixpine_free_product_top
    .first_free_product_container
    .first_card_col
    .img_col {
    height: auto;
  }
  #free_mockups_page .tab-content .card_item {
    width: 50%;
  }
  #free_mockups_page .get_premium_mockups_section .btn_primary {
    margin: 0 auto;
    margin-top: 30px;
  }
  #free_mockups_page .get_premium_mockups_section .section_heading {
    font-size: 22px;
    line-height: 28px;
  }
  #free_mockups_page .get_premium_mockups_section .premium_text {
    margin-top: 0;
  }
  #free_mockups_page .heading_col .section_heading,
  .free_product_section .free_business_card_col .page_heading {
    font-size: 24px;
    line-height: 32px;
  }
  .affiliate_ad {
    margin-bottom: 35px;
  }
  .pagination .left_button {
    margin-right: 25px;
  }
  .pagination .right_button {
    margin-left: 25px;
  }
  .free_product_section .container > .row_d {
    flex-direction: column-reverse;
  }
  .free_product_section .free_product_main_col,
  .free_product_section .free_business_card_col {
    width: 100%;
    margin-right: 0;
  }
  .free_product_section .free_business_card_col {
    margin-bottom: 30px;
  }
  .free_product_section #desktop_ad {
    display: none;
  }
  .free_product_section #mobile_ad {
    display: block;
  }
  .free_download_page_main_section .container > .row_d {
    flex-direction: column;
  }
  #premium_mockups_page .container {
    max-width: 100%;
  }
  .collection_premium_section .collection_premium_text_col {
    width: 100%;
    margin-right: 0;

    margin-bottom: 0;
  }
  .collection_premium_section .card_container {
    width: 100%;
    display: none;
  }
  #premium_mockups_page .tab-content .card_item {
    width: 50%;
  }
  #premium_mockups_page .tab-content .card_item .inner_col {
    margin-bottom: 30px;
  }
  .collection_premium_section,
  .customized_mockup_section,
  .request_for_mockup_section {
    padding-top: 20px;
  }
  .premium_product_page .slider_product_about_column {
    width: 100% !important;
    margin-right: 0% !important;
    margin-bottom: 30px;
  }
  .premium_product_page .simple_vertical_add_to_cart_column {
    width: 100% !important;
  }
  .premium_product_page .section_width .row_d {
    flex-direction: column;
  }
  .premium_product_page .section_width .row_d.newSetsProductSlider {
    flex-direction: row;
  }
  .premium_product_page .price_product_specs_container .add_to_cart,
  .premium_product_page .price_product_specs_container .product__specs,
  .premium_product_page
    .price_product_specs_container
    .save_unlimited_downloads {
    padding: 15px 100px;
  }
  .bundle_mockups .card_item {
    width: 50% !important;
  }
  .bundle_mockups .card_item .inner_col {
    margin-bottom: 30px;
  }
  .customized_mockup_faq_section {
    padding-top: 0;
    padding-bottom: 35px;
  }
  .signup__login .main_content {
    max-width: 375px;
    margin: 0 auto;
    padding: 35px 24px 32px 25px;
    flex-direction: column;
  }
  .login_signup_f_g_contianer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
    margin-bottom: 32px;
    max-width: 100% !important;
  }
  .login_signup_f_g_contianer a:not(:last-child) {
    margin-bottom: 0;
    margin-right: 15px;
  }
  .signup__login .separator {
    height: auto;
    min-height: unset;
    margin-right: 0;
    margin-left: 0;
    border-right: 0;
    border-top: 0.5px solid #aaaaaa;
    width: 100%;
  }
  .signup__login .separator p {
    padding: 0 23.3px;
  }
  .signup__login #desktop__heading__col {
    display: none;
  }
  .signup__login #mobile__heading__col {
    display: block;
  }
  .signup__login form {
    margin-top: 25px;
  }
  .signup__login form .input_btn {
    margin: 0 auto;
    margin-top: 27px;
    margin-bottom: 12px;
  }
  .signup_page .label_col {
    margin-top: 0;
  }
  .couldnt_ans {
    padding-top: 15px;
  }
  .premium_saves_container h3 {
    font-size: 18px;
    line-height: 25px;
    left: -35px;
    top: 30px;
  }
  .related_mockups_col .section_heading_container {
    margin-bottom: 15px;
  }
  .customized_mockup_section .request_for_mockup_col form {
    max-width: 100%;
  }
  .contact_page .request_for_mockup_col {
    margin-top: 0;
  }
  .select-selected {
    display: none;
  }
  .form_container_main input {
    margin-left: 0;
    border-left: 0;
  }
  .sub_heading {
    font-size: 16px;
  }
  .form_container_main .need_text {
    font-size: 14px;
    line-height: 44px;
  }
  .tab_img_container .nav-tabs {
    flex-direction: column;
  }
  .mobule_nav_tabs_button {
    display: flex;
    justify-content: start;
    align-items: center;
    border: none;
    background-color: transparent;
    margin-bottom: 30px;
    width: max-content;
    cursor: pointer;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
  }
  .mobule_nav_tabs_button img {
    height: 10px;
    margin-left: 7px;
    transition: 0.4s;
  }
  .open_menu .mobule_nav_tabs_button img {
    transform: rotate(180deg);
  }
  .tab_img_container {
    position: relative;
  }
  .tab_img_container .nav-tabs {
    display: none;
  }
  .tab_img_container.open_menu .nav-tabs {
    display: flex;
    position: absolute;
    top: 30px;
    left: 0;
    background: var(--white-color);
    z-index: 999;
    padding: 15px 10px;
    min-width: 175px;
    border: 0.5px solid rgba(0, 0, 0, 0.175);
  }
  .premium_product_page .slider_product_about_column .heading_col {
    display: block;
    margin-bottom: 15px;
  }
  .trending_col,
  .premium_product_page .simple_vertical_add_to_cart_column .heading_col,
  .premium_product_page
    .simple_vertical_add_to_cart_column
    .price_product_specs_container {
    display: none;
  }
  .premium_modal .modal-dialog,
  .bundle_modal .modal-dialog {
    max-width: 500px;
    margin-right: auto;
    margin-left: auto;
  }
  .recently_added_free_mockups .tab-content .img_col {
    margin-bottom: 10px;
  }
  .mobile_,
  .bundle_modal header,
  .premium_modal header,
  .premium_modal .banner_section,
  .bundle_modal .banner_section,
  .premium_product_page
    .slider_product_about_column
    .price_product_specs_container {
    display: block;
  }
  .recently_added_premium_mockups .section_heading,
  .recently_added_free_mockups .section_heading {
    margin-bottom: 25px;
  }
  .recently_added_free_mockups .section_heading {
    margin-bottom: 0px;
  }
  .explore_creative_section .ExploreItemText {
    justify-content: center;
    padding-bottom: 6px;
  }
  .explore_creative_section .card_item .inner_col {
    flex-direction: column;
    background-color: #f7f7f7;
  }
  .pixpine_free_product_top .get_premium_mockups_section span.primary_color {
    max-width: 100%;
    margin-bottom: 20px;
  }
  .pixpine_free_product_top
    .get_premium_mockups_section
    .premium_mockups_inner {
    padding: 10px 5px 30px 5px;
  }
  .free_download_page_main_section
    .subscribe_never_miss
    form
    input[type="email"] {
    width: 100%;
  }
  ._view_all__btn {
    margin-top: 40px;
  }
  .setsProductMockups,
  .recently_added_free_mockups {
    padding-bottom: 0px;
  }
  .recently_added_free_mockups {
    padding-top: 15px;
  }
  .explore_creative_section .newCardItem img,
  .explore_creative_section .card_item img {
    display: none;
  }
  .explore_creative_section .newCardItem .img_only_mobile {
    width: 100%;
  }
  .explore_creative_section .newCardItem .img_only_mobile,
  .explore_creative_section .card_item .img_only_mobile {
    display: block;
  }
  .premium_mockups_home .card_container .card_item:last-child {
    display: none;
  }
  .newGetPresentation .presentation_textCol {
    padding: 20px;
  }
  .new_explore_creative_section .bringDesignsSlider .newCardItem {
    width: calc(30% - 5px);
    margin: 5px;
  }
  .new_exploreParentRow .heading_col .bottomPart a.btn_primary._btn {
    margin-top: 20px;
  }
  .new_exploreParentRow .heading_col .bottomPart a.btn_primary._btn {
    margin-top: 5px;
  }
  .premium_product_page .price_product_specs_container .add_to_cart ._btn {
    margin-top: 40px;
    padding: 12px 10px;
    font-size: 20px;
    margin-bottom: 15px;
  }
  .save_unlimited_downloads h2 {
    margin-top: 0px;
    margin-bottom: 10px;
  }
  .premium_product_page
    .price_product_specs_container
    .save_unlimited_downloads
    p {
    margin-bottom: 15px;
  }
  .premium_product_page .price_product_specs_container .product_specification {
    text-align: left;
    border-bottom: 0px;
  }
  .premium_product_page .separetor {
    visibility: hidden;
  }
  .premium_product_page .product .card_item h4 {
    font-size: 16px;
  }
  .bundle_product_page .product .card_item .text_col {
    margin-top: 26px;
  }
  .new_explore_creative_section .bringDesignsSlider .newCardItem {
    width: 100%;
    margin: 15px 0;
  }
  .explore_creative_section .newCardItem .inner_col {
    display: flex;
    align-items: stretch;
    height: 100%;
  }
  .encoderGetPresentation .rightCol,
  .explore_creative_section .newCardItem .inner_col .image-container {
    width: 50% !important;
    flex: 1 1 50%;
  }
  .encoderGetPresentation .rightCol {
    position: unset;
    opacity: 1;
    background-color: #f7f7f7;
    color: #000;
    transform: unset;
    height: auto;
  }
  .encoderGetPresentation .rightCol .ExploreItemText {
    justify-content: center !important;
  }
  .encoderGetPresentation .rightCol .ExploreItemText .mainTitlCol,
  .encoderGetPresentation .rightCol .ExploreItemText > div.text-end {
    margin-top: auto;
  }
  .update2 .mainTitlCol {
    padding: 0;
    position: unset;
    transform: unset;
  }
  .new_explore_creative_section.update2 .ExploreItemText .innerTitle {
    font-size: 15px;
    line-height: 22px;
    color: #000 !important;
    margin-bottom: 8px;
  }
  .new_explore_creative_section.update2 .ExploreItemText .descriptions {
    color: #000 !important;
  }
  a.ExploreItemText.justify-content-end > div:nth-child(2) {
    margin-bottom: 0;
    margin-top: 25px;
    color: #000;
    padding-right: 0;
  }
  a.ExploreItemText.justify-content-end > div:nth-child(2) small,
  a.ExploreItemText.justify-content-end > div:nth-child(2) i {
    color: #000 !important;
  }
  .new_explore_creative_section .bringDesignsSlider {
    margin-left: 0;
    margin-right: 0;
  }
  .new_explore_creative_section .new_exploreParentRow .ExploreItemText small {
    font-size: 14px;
  }
  .subscribe_never_miss {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media only screen and (max-width: 520px) {
  header .navbar-toggler,
  .navbar-brand,
  #mobile_cart_btn {
    width: max-content;
  }
  .get_mockup_section .get_mockup {
    flex-direction: column;
  }
  .get_mockup_section .get_mockup h6 {
    margin-right: 0;
    margin-bottom: 10px;
  }
  .subscribe_never_miss form {
    margin-top: 15px;
    flex-direction: column;
  }
  .subscribe_never_miss form input[type="email"] {
    height: 40px;
    margin-bottom: 25px;
    min-width: 100%;
  }
  .subscribe_never_miss .container {
    max-width: 370px;
  }
  .explore_creative_section .heading_col {
    text-align: center;
  }
  .subscribe_never_miss form .btn_primary {
    margin-left: 0;
  }
  .trending_col .trending_item {
    margin-right: 7.5px;
    margin-left: 7.5px;
  }
  .signup__login form .input_btn {
    padding: 12px 65px;
  }
  .signup__login .main_content {
    padding: 25px 20px;
  }
  .login_signup_f_g_contianer {
    flex-direction: column;
  }
  .login_signup_f_g_contianer a {
    width: 100%;
    justify-content: center;
  }
  .login_signup_f_g_contianer button {
    text-align: center;
    justify-content: center;
  }
  .login_signup_f_g_contianer a:first-child {
    margin-right: 0;
    margin-bottom: 10px;
  }
  .signup__login form input {
    padding: 9px 12px;
  }
  .related_mockups_col .card_item,
  .free_download_page_main_section .related_mockups_col .card_item {
    width: 100%;
  }
  .pixpine_free_product_top .first_free_product_container .row_d {
    flex-direction: column;
  }
  .pixpine_free_product_top .first_image_text_col {
    margin-right: 0;
    width: 100%;
    margin-bottom: 30px;
  }
  .pixpine_free_product_top .first_image_text_col p {
    padding-top: 0;
  }
  .pixpine_free_product_top .first_image_text_col p:not(:last-child) {
    margin-bottom: 10px;
  }
  .pixpine_free_product_top .application_photoshop_content {
    margin-bottom: 20px;
  }
  .pixpine_free_product_top .application_photoshop_content .app_content_inner {
    padding: 20px;
  }
  .pixpine_free_product_top .keys_col p,
  .pixpine_free_product_top .values_col p {
    color: #033333;
    font-size: 14px;
    line-height: 19px;
    font-weight: 500;
    margin-bottom: 20px;
  }
  .collection_premium_section .card_container .card_item,
  #free_mockups_page .tab-content .card_item,
  .pixpine_free_product_top .first_card_col {
    width: 100%;
  }
  .pixpine_free_product_top .first_card_col .card_item {
    width: calc(50% - 20px);
    margin: 10px;
  }
  .pixpine_free_product_top .first_card_col .card_item.get_off {
    width: 100%;
    margin: 0;
    margin-bottom: 0.5rem;
  }
  .pixpine_free_product_top .first_card_col {
    display: flex;
    flex-wrap: wrap;
  }
  .bundle_mockups_yearly_subscription .card_item,
  .recently_added_free_mockups .tab-content .card_item,
  .dashboard__likes .tab-content .likes__bundle__mockups .card_item {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
  .premium_product_page .price_product_specs_container .add_to_cart,
  .premium_product_page .price_product_specs_container .product__specs,
  .premium_product_page
    .price_product_specs_container
    .save_unlimited_downloads {
    padding: 30px 30px;
  }
  .bundle_mockups .card_item {
    width: 100% !important;
  }
  .customized_mockup_section form .upload_submit_container ._btn {
    padding: 9.5px 35px;
  }
  .pagination .page-link {
    font-size: 18px;
    line-height: 22px;
    padding: 5px 9px;
  }
  .pagination img {
    max-width: 12px;
  }
  .subscriptions_package .top_content {
    padding-left: 0;
  }
  .new_explore_creative_section .new_exploreParentRow .ExploreItemText {
    padding: 8px 10px;
  }
  .pixpine_free_product_top .first_card_col {
    column-count: 2;
    column-gap: 0.5rem;
    display: block;
    width: 100%;
  }
  .pixpine_free_product_top .first_card_col .gridItem {
    break-inside: avoid;
    width: 100%;
    margin: 0;
  }
  .pixpine_free_product_top .first_card_col .gridItem:not(:last-child) {
    margin-bottom: 0.5rem;
  }
}
@media only screen and (max-width: 400px) {
  .new_explore_creative_section .slick-dots li button::before {
    font-size: 30px;
  }
  .new_explore_creative_section .slick-dots li.slick-active button::before,
  .new_explore_creative_section .slick-dots li button:focus::before,
  .new_explore_creative_section .slick-dots li button:hover::before {
    color: var(--primary-color);
  }
  .new_explore_creative_section.update2 .ExploreItemText .innerTitle {
    font-size: 13px;
    line-height: 16px;
  }
  .new_explore_creative_section .ExploreItemText .descriptions {
    font-size: 13px;
    line-height: 16px;
  }
  .new_explore_creative_section .new_exploreParentRow .ExploreItemText small {
    font-size: 12px;
  }
}
.image-container {
  position: relative;
}
.image-container::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
  z-index: 1;
}
.nav_with_loadmore,
.load_more_sec {
  width: 100%;
  margin-top: 45px;
}
.load_more_sec #load_more {
  width: auto;
}
.nav_with_loadmore .btn_primary,
.load_more_sec #load_more,
.tab-content ._view_all__btn .btn_primary {
  padding: 12px 35px;
  background-color: #030303;
}

/* New Css for New Design */
.line-clamp-3,
.line-clamp-2,
.line-clamp-1 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.line-clamp-1 {
  -webkit-line-clamp: 1;
  line-clamp: 1;
}
.line-clamp-2 {
  -webkit-line-clamp: 2;
  line-clamp: 2;
}
.line-clamp-3 {
  -webkit-line-clamp: 3;
  line-clamp: 3;
}
.bg-primary {
  background-color: var(--primary-color);
}
.start-2 {
  left: 0.5rem;
}
.start-3 {
  left: 1rem;
}
.end-2 {
  right: 0.5rem;
}
.end-3 {
  right: 1rem;
}
.top-2 {
  top: 0.5rem;
}
.top-3 {
  top: 1rem;
}
.bottom-2 {
  bottom: 0.5rem;
}
.bottom-3 {
  bottom: 1rem;
}

.object-center {
  object-position: center;
}
.column-count-4,
.column-count-5 {
  column-gap: 1rem;
}
.column-count-5 {
  column-count: 5;
}
.column-count-4 {
  column-count: 4;
}
.pixGridContainer .gridParent {
  flex: 1 1 auto;
  width: 100%;
}
.-m-05-025 {
  margin: -0.5rem;
}
.pixGridContainer .gridItem {
  margin: 0.5rem;
}
.gridItem .imgCol::before {
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  z-index: 0;
  transition-timing-function: ease-out;
  transition-property: opacity, transform;
  transition-duration: 0.3s, 0.2s;
  background-image: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.18) 2%,
    rgba(0, 0, 0, 0) 25%,
    rgba(0, 0, 0, 0) 65%,
    rgba(0, 0, 0, 0.38) 92%
  );
  z-index: 2;
}
.gridItem:hover .imgCol::before {
  opacity: 1;
}
.column-count-4 .gridItem,
.column-count-5 .gridItem {
  break-inside: avoid;
  width: 100%;
  margin: 0;
}
.column-count-4 .gridItem:not(:last-child),
.column-count-5 .gridItem:not(:last-child) {
  margin-bottom: 1rem;
}
.modalPixGrid .gridItem {
  width: calc(25% - 1rem);
}
.fs_15 {
  font-size: 15px;
}
.fs_14 {
  font-size: 14px;
}
.fs_13 {
  font-size: 13px;
}
.fs_12 {
  font-size: 12px;
}
.fs_26_20 {
  font-size: clamp(20px, 2.5vw, 26px);
  line-height: 135%;
}
.heading30_18 {
  font-size: clamp(18px, 2.5vw, 30px);
  line-height: 135%;
}
.heading35_20 {
  font-size: clamp(20px, 2.5vw, 35px);
  line-height: 135%;
}
.heading35_25 {
  font-size: clamp(25px, 2.5vw, 35px);
  line-height: 135%;
}
.text18_15 {
  font-size: clamp(15px, 2.5vw, 18px);
  line-height: 135%;
}
.pixGridContainer .labelText {
  font-size: clamp(10px, 1.5vw, 11px);
  line-height: 14px;
  width: max-content;
  white-space: nowrap;
  color: var(--white-color) !important;
  min-width: 60px;
}
.pixGridContainer .labelText.Free {
  background-color: #3c3c3c !important;
}
.pixGridContainer .labelText.Product {
  background-color: var(--primary-color) !important;
}
.text-gray {
  color: #3c3c3c !important;
}
.border-gray {
  border-color: #3c3c3c !important;
}
.pixGridContainer .titleOverlay * {
  font-size: clamp(13px, 1.5vw, 15px);
}
.pixGridContainer .gridInfos .rightBtn {
  height: 28px;
  width: 28px;
  min-width: 28px;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 3px;
}
.sliderOverlay {
  background-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.6),
    rgba(255, 255, 255, 0)
  );
}
.pixGridContainer .gridInfos button,
.pixGridContainer .gridInfos a,
.titleOverlay,
.pixGridContainer .hover_show {
  opacity: 0;
  transition: opacity var(--transition);
}
.gridItem:hover .gridInfos button,
.gridItem:hover .gridInfos a,
.gridItem:hover .titleOverlay,
.pixGridContainer .gridItem:hover .hover_show {
  opacity: 1;
}
.pixGridContainer .gridInfos button:hover,
.pixGridContainer .gridInfos a:hover {
  opacity: 0.6;
}

/* Home banner Slider Css */
.presentationSlider .slidesWrapper {
  display: flex;
  transition: transform 0.6s ease;
}
.presentationSlider .slideItem {
  min-width: 100%;
  flex-shrink: 0;
  transition:
    transform 0.6s ease,
    opacity 0.6s ease;
}
.presentationSlider .slideItem .sliderImg,
.presentationSlider .slideItem .imgCol {
  min-height: 270px;
  max-height: 700px;
}
.presentationSlider .sliderDots {
  gap: 15px;
}
.presentationSlider .sliderDots button {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: none;
  background-color: gray;
  cursor: pointer;
  transition: all 0.3s ease;
}
.presentationSlider .sliderDots button.active {
  background-color: var(--white-color);
}
/* Home banner Slider Css end */
#mobile__btn__container .mockupBtn,
#login_signup .mockupBtn {
  padding: 5px 10px !important;
}
.-m-1 {
  margin: -0.25rem;
}
.space-x-1 > *:not(:last-child) {
  margin-right: 0.25rem;
}
.space-x-2 > *:not(:last-child) {
  margin-right: 0.5rem;
}
.space-x-3 > *:not(:last-child) {
  margin-right: 1rem;
}
.space-x-reverse-3 > *:not(:first-child) {
  margin-left: 1rem;
}
.space-x-4 > *:not(:last-child) {
  margin-right: 1.5rem;
}
.space-x-5 > *:not(:last-child) {
  margin-right: 2rem;
}
.space-y-2 ul > *:not(:last-child),
.space-y-1 > *:not(:last-child) {
  margin-bottom: 0.25rem;
}
.space-y-2 > *:not(:last-child) {
  margin-bottom: 0.5rem;
}
.space-y-3 > *:not(:last-child) {
  margin-bottom: 1rem;
}
.space-y-4 > *:not(:last-child) {
  margin-bottom: 1.5rem;
}
.space-y-5 > *:not(:last-child) {
  margin-bottom: 2rem;
}
.space-y-6 > *:not(:last-child) {
  margin-bottom: 2.5rem;
}
.space-y-7 > *:not(:last-child) {
  margin-bottom: 3rem;
}
.space-y-8 > *:not(:last-child) {
  margin-bottom: 3.5rem;
}
.space-y-9 > *:not(:last-child) {
  margin-bottom: 4rem;
}
.space-y-10 > *:not(:last-child) {
  margin-bottom: 5rem;
}
.min-w-max-content {
  min-width: max-content;
}
.max-w-250 {
  max-width: 250px;
}
.max-w-370 {
  max-width: 370px;
}
.max-w-500 {
  max-width: 500px;
}
.max-w-600 {
  max-width: 600px;
}
.max-w-700 {
  max-width: 700px;
}
.max-w-750 {
  max-width: 750px;
}
.max-w-800 {
  max-width: 800px;
}
.max-w-900 {
  max-width: 900px;
}
.max-w-1200 {
  max-width: 1200px;
}
.max-w-1365 {
  max-width: 1365px;
}
.min-w-160 {
  min-width: 160px;
}
.min-w-250 {
  min-width: 250px;
}
.min-w-50percent {
  min-width: 50%;
}
.opacity-70 {
  opacity: 0.7;
}
.min-h-50 {
  min-height: 50%;
}
.min-h-60 {
  min-height: 60%;
}
.min-h-70 {
  min-height: 70%;
}
.h-50vh {
  height: 50vh;
}
.min-h-50vh {
  min-height: 50vh;
}
.min-h-70vh {
  min-height: 70vh;
}
.min-h-42px {
  min-height: 42px;
}
.min-h-50px {
  min-height: 50px;
}
.min-h-600px {
  min-height: 600px;
}
.h-700px {
  height: 700px;
}
.h-800px {
  height: 800px;
}
.bg-cover {
  background-size: cover;
}
.bg-center {
  background-position: center;
}
.bg-no-repeat {
  background-repeat: no-repeat;
}
.fs_14 {
  font-size: 14px;
}
.mt-2rem {
  margin-top: 2rem;
}
.text-white-all * {
  color: var(--white-color);
}
.btn-dark {
  --bs-btn-bg: var(--text-color);
  --bs-btn-border-color: var(--text-color);
  --bs-btn-disabled-bg: var(--text-color);
  --bs-btn-disabled-border-color: var(--text-color);
}
.btn-primary {
  --bs-btn-bg: var(--primary-color);
  --bs-btn-border-color: var(--primary-color);
  --bs-btn-disabled-bg: var(--primary-color);
  --bs-btn-disabled-border-color: var(--primary-color);
}
.pixRelatedSlider .relatedItem {
  flex: 1 1 auto;
  width: 100%;
  min-width: 50px;
  max-width: 50px;
}
.pixSliderArrow {
  border: none;
  outline: 0;
  padding: 0;
  cursor: pointer;
  font-size: 1.2rem;
  z-index: 9;
  background-color: #b9dfff4a;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity var(--transition);
}
.pixSliderArrow * {
  color: var(--primary-color);
  opacity: 0.6;
}
.w30 {
  width: 30px;
  min-width: 30px;
}
.max-479px {
  max-width: 479px;
}
.max-490px {
  max-width: 490px;
}
.max-550px {
  max-width: 550px;
}
.max-600px {
  max-width: 600px;
}
.dotButtons .dotBtn i {
  color: rgba(0, 0, 0, 0.07);
}
.dotButtons .dotBtn.active i {
  color: #3336;
}
.pixRelatedSlider .relatedItem {
  opacity: 0.5;
}
.pixSliderWrapper > .position-relative:hover .pixSliderArrow,
.pixRelatedSlider .relatedItem.active,
.pixRelatedSlider .relatedItem:hover {
  opacity: 1;
}
.tagsWrapper .btn,
.catsWrapper .btn {
  background-color: #2f3033;
}
.signUpSection .sectionWidth {
  max-width: 500px;
}
.listStyleNone {
  list-style: none;
}
select.bg-primary option:disabled {
  color: #ffffffbe !important;
}
.form-select.bg-primary {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}
.border-l-white {
  border-left-color: var(--white-color) !important;
}
#pixProductModal .selectDownloadBtn {
  max-width: 40px;
  min-width: 40px;
  padding-left: 20px;
  padding-right: 20px;
  border-left: 0;
  margin-left: 2px;
}
.loginAlert:not(:empty) {
  margin-top: 15px;
}
.btnMinH40_36 {
  min-height: 40.5px;
}
@media only screen and (max-width: 1300px) {
  .padding-y-100 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media only screen and (min-width: 1025px) {
  .lg-space-x-2 > *:not(:last-child) {
    margin-right: 0.5rem;
  }
  .lg-space-x-3 > *:not(:last-child) {
    margin-right: 1rem;
  }
  .lg-space-x-4 > *:not(:last-child) {
    margin-right: 1.5rem;
  }
  .lg-space-x-5 > *:not(:last-child) {
    margin-right: 2rem;
  }
  .lg-space-x-6 > *:not(:last-child) {
    margin-right: 2.5rem;
  }
  .lg-max-60percent {
    max-width: 60% !important;
  }
  .lg-max-70percent {
    max-width: 70% !important;
  }
}
@media only screen and (max-width: 1024px) {
  .modalPixGrid .gridItem {
    width: calc(33.333333% - 1rem);
  }
  .column-count-5 {
    column-count: 4;
  }
  .column-count-4 {
    column-count: 3;
  }
  .md-h-500px {
    height: 500px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .popModalLeft,
  .productInfoWrapper .infoCol {
    max-width: 45%;
  }
  .popModalRight,
  .productInfoWrapper .sliderCol {
    max-width: 55%;
  }
}
/* Product modal (two columns): the gallery stays in view while the longer
   info column scrolls inside .modal-body. Phones keep the single column.
   Only when the whole gallery fits (≈390px tall below 992px wide, ≈560px
   above; the modal body is the screen minus ≈155px), or its thumbnails would
   stay cut off. */
@media only screen and (min-width: 768px) and (max-width: 991px) and (min-height: 560px),
  only screen and (min-width: 992px) and (min-height: 720px) {
  #pixProductModal .productInfoWrapper .sliderCol {
    position: sticky;
    top: 0;
    align-self: flex-start;
    z-index: 1;
  }
}
@media only screen and (min-width: 768px) {
  .signUpSection.sectionPadding {
    padding-top: 150px;
    padding-bottom: 150px;
  }
  .pixRelatedSlider .relatedItem {
    min-width: 100px;
    max-width: 100px;
  }
  .pixGridContainer .gridInfos .rightBtn {
    height: 32px;
    width: 32px;
    min-width: 32px;
  }
  .md-space-x-2 > *:not(:last-child) {
    margin-right: 0.5rem;
  }
  .md-space-x-3 > *:not(:last-child) {
    margin-right: 1rem;
  }
  .md-space-x-4 > *:not(:last-child) {
    margin-right: 1.5rem;
  }
  .md-space-x-5 > *:not(:last-child) {
    margin-right: 2rem;
  }
  .md-space-x-6 > *:not(:last-child) {
    margin-right: 2.5rem;
  }
  .md-space-y-0 > *:not(:last-child) {
    margin-bottom: 0;
  }
  .md-space-y-4 > *:not(:last-child) {
    margin-bottom: 1.5rem;
  }
  .md-space-y-8 > *:not(:last-child) {
    margin-bottom: 3.5rem;
  }
  .md-px-2 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .md-pb-2 {
    padding-bottom: 2rem !important;
  }
  .md-p-2 {
    padding: 2rem !important;
  }
  .md-p-2_5 {
    padding: 2.5rem !important;
  }
  .md-p-3 {
    padding: 3rem !important;
  }
  .md-py-2_5 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
  .md-py-3 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .md-py-4 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .md-me-2 {
    margin-right: 2rem !important;
  }
  .md-max-60percent {
    max-width: 60% !important;
  }
  .md-max-70percent {
    max-width: 70% !important;
  }
  .mb-md-2rem {
    margin-bottom: 2rem !important;
  }
  .h-md-800px {
    height: 800px;
  }
  .w-md-auto {
    width: auto !important;
  }
  .border-bottom-md-0 {
    border-bottom: 0 !important;
  }
  .min-w-md-250 {
    min-width: 250px;
  }
}
@media only screen and (max-width: 767px) {
  .mockupsDropdownMain .dropdown-toggle {
    justify-content: start;
    margin-left: auto;
    width: auto;
    padding: 0 1rem;
  }
  .modalPixGrid .gridItem {
    width: calc(50% - 0.5rem);
  }
  .max-w-900.modal-dialog,
  .max-w-1200.modal-dialog,
  #pixProductModal .max-w-1200.modal-dialog {
    max-width: 500px;
  }
  .sm-pt-1 {
    padding-top: 1rem !important;
  }
  .sm-pt-2 {
    padding-top: 2rem !important;
  }
  .sectionWidth.min-h-70vh {
    min-height: 50vh;
  }
  .-m-05-025 {
    margin: -0.25rem;
  }
  .pixGridContainer .gridItem {
    margin: 0.25rem;
  }
  .column-count-4,
  .column-count-5 {
    column-gap: 0.5rem;
  }
  .column-count-5 {
    column-count: 3;
  }
  .column-count-4 {
    column-count: 2;
  }
  .column-count-4 .gridItem:not(:last-child),
  .column-count-5 .gridItem:not(:last-child) {
    margin-bottom: 0.5rem;
  }
  .sm-h-500px {
    height: 500px;
  }
  .btnMinH40_36 {
    min-height: 36px;
  }
  .bg-none-mobile {
    background-image: unset !important;
  }
}
@media only screen and (min-width: 576px) {
  .mb-sm-2rem {
    margin-bottom: 2rem !important;
  }
}
@media only screen and (min-width: 521px) {
  .sm-space-x-2 > *:not(:last-child) {
    margin-right: 0.5rem;
  }
  .sm-space-x-3 > *:not(:last-child) {
    margin-right: 1rem;
  }
  .sm-space-x-4 > *:not(:last-child) {
    margin-right: 1.5rem;
  }
}
@media only screen and (max-width: 520px) {
  .column-count-4,
  .column-count-5 {
    column-count: 2;
  }
  .pixGridContainer .gridItem .titleOverlay,
  .pixGridContainer .gridItem .gridInfos .rightBtn {
    display: none !important;
  }
}
a {
  cursor: pointer;
}

/* ==========================================================================
   3. Header & footer (was header-footer.css)
   ========================================================================== */

.pixMainHeader {
  padding-top: 15px;
  padding-bottom: 15px;
  position: relative;
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1025;
  background-color: var(--theme-dark-bg);
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05);
}
.logo {
  max-width: 135px;
}
.pixMainHeader .nav-link {
  font-size: clamp(13px, 2.5vw, 15px);
  line-height: 17px;
  font-weight: 400;
  color: var(--color-ededed);
  padding-bottom: 0;
  border-bottom: 1px solid transparent;
}
.pixMainHeader .nav-link:hover {
  color: var(--color-808080);
  border-bottom-color: var(--color-808080);
}
.pixMainHeader .mockupBtn {
  padding: 0.8rem 1.5rem !important;
}
.mockupBtn {
  padding: 0.5rem 1.5rem !important;
  border: 1px solid !important;
}
.border-text-color {
  border: 1px solid var(--text-color) !important;
}
.round_3 {
  border-radius: 3px !important;
}
.round_start_0 {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}
.round_start_3 {
  border-bottom-left-radius: 3px !important;
  border-top-left-radius: 3px !important;
}
.round_end_3 {
  border-top-right-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
}
.pixMainHeader .searchMidCol *,
.pixMainHeader .form-control {
  font-size: 14px;
  color: var(--text-color);
}
.pixMainHeader .form-control {
  min-height: 55px;
  background: var(--color-ededed);
}
.fs_13_12 {
  font-size: clamp(12px, 2.5vw, 13px) !important;
}
.samePaddingFont,
.mockupBtn {
  font-size: 15px !important;
}
#pixProductModal .heartBtn i {
  font-size: 24px !important;
}
.samePaddingFont {
  padding: 0.5rem 2rem !important;
}
.pixMainHeader .form-control,
.mockupBtn {
  font-weight: 400 !important;
}
.pixMainHeader .user_icon {
  min-width: 28px;
  max-width: 28px;
  height: 28px;
  padding-bottom: 0;
  border-bottom: 0;
}

.pixMainHeader .user_icon {
  font-size: 12px;
  font-weight: 400;
}
.pixNav .searchMidCol {
  flex: auto;
}
.mb-n1 {
  margin-bottom: -0.5rem;
}
.pixMainFooter {
  background-color: var(--text-color);
}
footer .footer_menu_col h3 {
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  margin-bottom: 20px;
}
footer
  .footer_menu_col
  *:not(.footer_menu_col h3):not(.subscribe_col h2):not(.subscribe_col *) {
  font-size: clamp(12px, 2.5vw, 13px);
  line-height: 160%;
  font-weight: 400;
}
footer .footer_menu_col {
  background-color: transparent;
}
footer .footer_menu_col .subscribe_col .inner_col {
  background-color: var(--banner-color);
  padding: 25px 30px;
}
footer .subscribe_col h2 {
  font-size: 22px;
  line-height: 32px;
  font-weight: 700;
  text-transform: capitalize;
  color: var(--primary-color);
}
footer .subscribe_col * {
  color: var(--text-color);
  font-size: 1rem;
  line-height: 160%;
}
footer .subscribe_col ._btn {
  padding: 9.5px 36px;
  color: var(--white-color);
}
footer .copyright_text p,
footer .copyright_text * {
  margin-bottom: 0;
  font-size: 11px;
  line-height: 13px;
  font-weight: 500;
}
.pixMainFooter .menu_inner_col *,
.copyrightSocial * {
  color: rgba(255, 255, 255, 0.5);
}
footer .socialContainer .socialItem {
  height: 35px;
  min-width: 35px;
  width: 35px;
  transition: color var(--transition);
}
footer .item a:hover,
footer .socialContainer .socialItem:hover * {
  color: var(--white-color);
}

@media only screen and (min-width: 1101px) {
  #pixMenuDrawer,
  .pixNav .mainCol .leftMenu .logo,
  .pixNav .logoCol .menuBtn {
    display: none !important;
  }
  .pixMainHeader .searchMidCol {
    margin-bottom: -25px;
  }
  .pixMainHeader {
    padding-top: 20px;
    padding-bottom: 35px;
  }
}
@media only screen and (max-width: 1100px) {
  .pixNav .logoCol .logo {
    display: none !important;
  }
  .logo {
    max-width: 115px;
  }
  .pixNav .mainCol .leftMenu .nav-link,
  .pixNav .rightCol .mockupBtn,
  .pixNav .rightCol .pricing {
    display: none !important;
  }
  .pixNav .rightCol.space-x-3 > :not(:last-child) {
    margin-right: 0;
  }
  .pixNav .mainCol {
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .pixNav .searchMidCol {
    width: 100%;
    margin-right: 0;
    width: 100%;
    order: 4;
    margin-top: 20px;
  }
  .offcanvas {
    background-color: var(--theme-dark-bg);
  }
  .offcanvas-header .btn-close {
    filter: invert(1);
    opacity: unset;
  }
  #pixMenuDrawer .nav-link {
    font-size: 16px !important;
    line-height: 26px;
    font-weight: 500 !important;
    color: var(--color-ededed);
  }
  #pixMenuDrawer .nav-link:hover {
    color: var(--color-808080);
  }
  #pixMenuDrawer .mockupBtn {
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .samePaddingFont {
    padding: 0.3rem 1rem !important;
  }
  .offcanvas.offcanvas-start {
    max-width: 400px;
    width: 90%;
  }
  .menuBtn i {
    color: white;
  }
}
@media only screen and (min-width: 1025px) {
  footer .footer_menu_col .subscribe_col .inner_col {
    min-width: 520px;
  }
}
@media only screen and (max-width: 1024px) {
  footer .item.subscribe_col {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  footer .footer_menu_col h3 {
    margin-bottom: 15px;
  }
  .pixMainHeader .form-control {
    min-height: 50px;
  }
  .logo {
    max-width: 95px;
  }
  .samePaddingFont,
  .mockupBtn {
    font-size: 13px !important;
  }
}
@media only screen and (max-width: 520px) {
  #pixProductModal .btnMinH40_36,
  #pixProductModal .samePaddingFont {
    min-height: 30px !important;
  }
  #pixProductModal .heartBtn,
  #pixProductModal .samePaddingFont {
    padding: 0.25rem 0.5rem !important;
  }
  .pixMainHeader .nav-link {
    font-size: 16px;
  }
  .samePaddingFont,
  .mockupBtn {
    font-size: 12px !important;
  }
  footer .footer_menu_col .subscribe_col .inner_col {
    padding: 20px;
  }
  footer .subscribe_col ._btn {
    padding: 8px 25px;
    font-size: 14px;
  }
  footer .btn_subscribe_cont {
    margin-top: 5px;
  }
}

/* Inter: header, footer and home redesign (self-hosted, variable 400–700) */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(../fonts/inter-latin-ext.woff2) format("woff2");
  unicode-range:
    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
    U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(../fonts/inter-latin.woff2) format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
    U+2215, U+FEFF, U+FFFD;
}

/* ==========================================================================
   4. 2026 redesign: header, footer, home sections, plan cards
   All classes use the "pp-" prefix so they never clash with Bootstrap.
   Spacing: every section uses --pp-section-y, every section head
   --pp-head-gap, every grid --pp-gap.
   ========================================================================== */

:root {
  --pp-ink: #f2f3f5;
  --pp-blue: #005aff;
  --pp-blue-dark: #0046c6;
  --pp-paper: #282a2d;
  --pp-raised: #313338;
  --pp-line: #3d4045;
  --pp-muted: #a6acb3;
  --pp-accent-soft: #bfd6ff;
  --pp-radius-s: 6px;
  --pp-radius-m: 10px;
  --pp-maxw: 1400px;
  --pp-gutter: 28px;
  --pp-section-y: 64px;
  --pp-head-gap: 32px;
  --pp-gap: 20px;
  --pp-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --pp-display: "Unbounded", sans-serif;
}
@media (max-width: 920px) {
  :root {
    --pp-gutter: 16px;
    --pp-section-y: 44px;
    --pp-head-gap: 24px;
    --pp-gap: 16px;
  }
}

/* ---------- shell ---------- */
html {
  scroll-padding-top: 96px;
}
.pp-wrap {
  max-width: var(--pp-maxw);
  margin: 0 auto;
  padding: 0 var(--pp-gutter);
}
.pp-section {
  padding: var(--pp-section-y) 0;
}
.pp-home,
.pp-header,
.pp-footer,
.pp-plan {
  font-family: var(--pp-font);
  color: var(--pp-ink);
  -webkit-font-smoothing: antialiased;
}
.pp-home *,
.pp-header *,
.pp-footer * {
  font-family: inherit;
}
.pp-home h1,
.pp-home h2,
.pp-home h3,
.pp-home p {
  margin: 0;
}
.pp-home h2,
.pp-footer .pp-news-title {
  font-family: var(--pp-display);
  font-weight: 500;
  letter-spacing: -0.01em;
  color: var(--pp-ink);
}

/* ---------- buttons ---------- */
.pp-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-family: var(--pp-font);
  font-weight: 600;
  font-size: 14.5px;
  line-height: 1.2;
  padding: 10px 18px;
  border-radius: var(--pp-radius-s);
  border: 1px solid transparent;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition:
    background-color 0.15s ease,
    border-color 0.15s ease,
    color 0.15s ease;
}
.pp-btn-primary,
.pp-btn-primary:visited {
  background: var(--pp-blue);
  color: #fff !important;
}
.pp-btn-primary:hover {
  background: var(--pp-blue-dark);
}
.pp-btn-outline {
  background: transparent;
  border-color: var(--pp-blue);
  color: #fff !important;
}
.pp-btn-outline:hover {
  background: var(--pp-blue);
}
.pp-btn-light {
  background: transparent;
  border-color: rgba(255, 255, 255, 0.35);
  color: #fff !important;
}
.pp-btn-light:hover {
  background: var(--pp-blue);
  border-color: transparent;
}
.pp-btn-ghost {
  background: transparent;
  border-color: var(--pp-line);
  color: var(--pp-ink) !important;
}
.pp-btn-ghost:hover {
  border-color: var(--pp-blue);
  color: #fff !important;
}
.pp-btn-white {
  background: #fff;
  color: var(--pp-blue-dark) !important;
}
.pp-btn-white:hover {
  background: var(--pp-accent-soft);
}
.pp-btn-lg {
  padding: 14px 26px;
  font-size: 15.5px;
}
/* ---------- header ---------- */
.pp-header {
  position: sticky;
  top: 0;
  z-index: 1030;
  background: var(--pp-paper);
  border-bottom: 1px solid var(--pp-line);
  transition: top 0.25s ease;
}
.admin-bar .pp-header {
  top: 32px;
}
.pp-topbar {
  display: flex;
  align-items: center;
  gap: 20px;
  max-width: var(--pp-maxw);
  margin: 0 auto;
  padding: 14px var(--pp-gutter);
}
.pp-brand {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
}
.pp-brand-logo {
  display: block;
  width: 100%;
  max-width: 135px;
  height: auto;
}
.pp-nav {
  display: flex;
  gap: 6px;
  flex: 0 0 auto;
  position: relative;
}
.pp-nav > a,
.pp-navdrop-btn {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 8px 10px;
  border: 0;
  border-radius: 6px;
  background: none;
  font-size: 14.5px;
  font-weight: 500;
  color: var(--pp-muted);
  text-decoration: none;
  cursor: pointer;
}
.pp-nav > a:hover {
  color: var(--pp-ink);
  background: var(--pp-raised);
}
.pp-navdrop-btn,
.pp-navdrop-btn:hover,
.pp-navdrop.is-open .pp-navdrop-btn {
  color: var(--pp-blue);
  font-weight: 700;
}
.pp-navdrop-btn:hover,
.pp-navdrop.is-open .pp-navdrop-btn {
  background: var(--pp-raised);
}
.pp-navdrop-btn svg {
  width: 13px;
  height: 13px;
  transition: transform 0.15s ease;
}
.pp-navdrop.is-open .pp-navdrop-btn svg {
  transform: rotate(180deg);
}

/* mega menu */
.pp-navdrop {
  position: relative;
}
.pp-megamenu {
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  z-index: 70;
  display: none;
  grid-template-columns: repeat(4, 190px);
  gap: 20px 26px;
  padding: 22px;
  background: var(--pp-raised);
  border: 1px solid var(--pp-line);
  border-radius: var(--pp-radius-m);
  box-shadow: 0 24px 48px -20px rgba(0, 0, 0, 0.55);
}
.pp-navdrop.is-open .pp-megamenu {
  display: grid;
}
.pp-megahead {
  display: block;
  margin: 0 0 8px;
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--pp-ink);
  text-decoration: none;
}
.pp-megahead:hover {
  color: var(--pp-blue);
}
.pp-megagroup ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.pp-megagroup li {
  margin-bottom: 4px;
}
.pp-megagroup li a {
  display: block;
  padding: 4px 6px;
  margin-left: -6px;
  border-radius: 5px;
  font-size: 13px;
  color: var(--pp-muted);
  text-decoration: none;
}
.pp-megagroup li a:hover {
  color: var(--pp-blue);
  background: var(--pp-paper);
}
.pp-megamore {
  display: none;
}
.pp-megamore.is-open {
  display: block;
}
.pp-megaexpand {
  margin: 4px 0 0 -6px;
  padding: 5px 6px 0;
  border: 0;
  border-top: 1px solid var(--pp-line);
  background: none;
  font-size: 11.5px;
  font-weight: 600;
  color: var(--pp-blue);
  text-align: left;
  cursor: pointer;
}
.pp-megaexpand:hover {
  text-decoration: underline;
}

/* search */
.pp-searchbar {
  flex: 1 1 auto;
  min-width: 0;
  max-width: 520px;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 9px 16px;
  background: var(--pp-raised);
  border: 1px solid var(--pp-line);
  border-radius: 999px;
  color: var(--pp-ink);
}
.pp-searchbar:focus-within {
  border-color: var(--pp-blue);
}
.pp-searchbar svg {
  flex: 0 0 auto;
  opacity: 0.55;
}
.pp-searchbar input {
  width: 100%;
  border: 0;
  outline: 0;
  background: transparent;
  font-size: 14.5px;
  color: var(--pp-ink);
}
.pp-searchbar input::placeholder {
  color: var(--pp-muted);
}
/* The browser's own clear (x) is hidden; .pp-search-clear replaces it. */
.pp-searchbar input::-webkit-search-cancel-button {
  -webkit-appearance: none;
  display: none;
}
.pp-search-clear {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  margin: -4px -6px -4px 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--pp-muted);
  cursor: pointer;
}
.pp-search-clear:hover,
.pp-search-clear:focus-visible {
  background: var(--pp-line);
  color: var(--pp-ink);
}
.pp-search-clear[hidden] {
  display: none;
}
.pp-searchbar .pp-search-clear svg {
  opacity: 1;
}
.pp-kbd {
  flex: 0 0 auto;
  padding: 2px 6px;
  border: 1px solid var(--pp-line);
  border-radius: 5px;
  font-family: ui-monospace, monospace !important;
  font-size: 11px;
  color: var(--pp-muted);
}

/* actions */
.pp-actions {
  display: flex;
  align-items: center;
  gap: 14px;
  flex: 0 0 auto;
  margin-left: auto;
}
.pp-login {
  font-size: 14.5px;
  font-weight: 500;
  color: var(--pp-ink) !important;
  text-decoration: none;
  white-space: nowrap;
}
.pp-login:hover {
  color: var(--pp-blue) !important;
}
.pp-user-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--pp-line);
  border-radius: 50%;
  background: var(--pp-blue);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}
.pp-user-btn img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pp-user-menu {
  min-width: 230px;
  padding: 8px;
  background: var(--pp-raised);
  border: 1px solid var(--pp-line);
  border-radius: var(--pp-radius-m);
}
.pp-user-info {
  display: flex;
  flex-direction: column;
  padding: 6px 10px 12px;
  margin-bottom: 6px;
  border-bottom: 1px solid var(--pp-line);
}
.pp-user-info small {
  color: var(--pp-muted);
}
.pp-user-menu .dropdown-item {
  padding: 7px 10px;
  border-radius: 6px;
  font-size: 14px;
  color: var(--pp-ink);
}
.pp-user-menu .dropdown-item:hover {
  background: var(--pp-paper);
  color: var(--pp-blue);
}

/* mobile */
.pp-navtoggle {
  display: none;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  padding: 6px;
  border: 0;
  background: none;
  color: var(--pp-ink);
  cursor: pointer;
}
.pp-navtoggle svg {
  width: 22px;
  height: 22px;
}
/* Mobile menu above the BuySellAds bars (their flexbar uses z-index 999999, sticky bars 9999) */
.pp-drawer.offcanvas {
  z-index: 1000002;
}
.offcanvas-backdrop {
  z-index: 1000001;
}
.pp-drawer.offcanvas {
  width: 90%;
  max-width: 360px;
  background: var(--pp-paper);
  border-right: 1px solid var(--pp-line);
  font-family: var(--pp-font);
}
.pp-drawer .offcanvas-header {
  padding: 16px 20px;
  border-bottom: 1px solid var(--pp-line);
}
.pp-drawer .btn-close {
  filter: invert(1);
  opacity: 0.8;
}
.pp-drawer-nav {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 12px;
}
/* The body scrolls; without this the collapse gets squeezed mid-animation */
.pp-drawer-nav > * {
  flex-shrink: 0;
}
.pp-drawer-nav a {
  padding: 11px 10px;
  border-radius: 7px;
  font-size: 15px;
  font-weight: 500;
  color: var(--pp-ink);
  text-decoration: none;
}
.pp-drawer-nav a:hover {
  background: var(--pp-raised);
  color: var(--pp-ink);
}
.pp-drawer-nav .pp-btn {
  margin-top: 10px;
  justify-content: center;
  color: #fff;
}
.pp-drawer-nav .pp-btn:hover {
  background: var(--pp-blue-dark);
}
/* "Premium mockups" → main categories (Bootstrap collapse) */
.pp-drawer-prem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 11px 10px;
  border: 0;
  border-radius: 7px;
  background: none;
  font-size: 15px;
  font-weight: 700;
  text-align: left;
  color: var(--pp-blue);
  cursor: pointer;
}
.pp-drawer-prem:hover {
  background: var(--pp-raised);
}
.pp-drawer-prem svg {
  transition: transform 0.15s ease;
}
.pp-drawer-prem[aria-expanded="true"] svg {
  transform: rotate(180deg);
}
.pp-drawer-cats {
  display: flex;
  flex-direction: column;
  margin: 0 0 4px 10px;
  padding-left: 10px;
  border-left: 1px solid var(--pp-line);
}
.pp-drawer-nav .pp-drawer-cats a {
  padding: 9px 8px;
  font-size: 14px;
  color: var(--pp-muted);
}
.pp-drawer-nav .pp-drawer-cats a:hover {
  color: var(--pp-ink);
}
.pp-drawer-divider {
  height: 1px;
  margin: 8px 10px;
  background: var(--pp-line);
}
@media (max-width: 920px) {
  .pp-nav {
    display: none;
  }
  .pp-topbar {
    flex-wrap: wrap;
    gap: 12px;
  }
  .pp-searchbar {
    order: 3;
    flex-basis: 100%;
    max-width: none;
  }
  .pp-kbd,
  .pp-login {
    display: none;
  }
  .pp-navtoggle {
    display: flex;
  }
}
@media (max-width: 520px) {
  .pp-actions .pp-btn {
    padding: 8px 12px;
    font-size: 13.5px;
  }
}

/* ---------- offer bar ---------- */
.pp-offerbar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1040;
  background: var(--pp-blue);
  color: #fff;
  font-family: var(--pp-font);
  transform: translateY(-100%);
  transition: transform 0.25s ease;
}
.pp-offerbar.is-shown {
  transform: translateY(0);
}
.pp-offerbar-inner {
  position: relative;
  max-width: var(--pp-maxw);
  margin: 0 auto;
  padding: 9px 44px;
  text-align: center;
  font-size: 13.5px;
  font-weight: 600;
}
.pp-offerbar a {
  color: #fff;
  text-decoration: underline;
  white-space: nowrap;
}
.pp-offerbar-close {
  position: absolute;
  top: 50%;
  right: 14px;
  transform: translateY(-50%);
  padding: 4px;
  border: 0;
  background: none;
  color: #fff;
  opacity: 0.75;
  cursor: pointer;
}
.pp-offerbar-close:hover {
  opacity: 1;
}
.pp-offerbar-close svg {
  width: 14px;
  height: 14px;
}

/* ---------- section head ---------- */
.pp-sechead {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: var(--pp-head-gap);
}
.pp-sechead h2 {
  font-size: clamp(22px, 3vw, 30px);
}
.pp-sechead p {
  max-width: 52ch;
  margin-top: 6px;
  font-size: 15px;
  line-height: 1.5;
  color: var(--pp-muted);
}
.pp-sechead p b {
  color: #fff;
  font-weight: 700;
}
.pp-sechead-center {
  justify-content: center;
  text-align: center;
}
.pp-sechead-center p {
  margin-left: auto;
  margin-right: auto;
}
.pp-seelink {
  font-size: 14.5px;
  font-weight: 600;
  color: #fff !important;
  text-decoration: none;
  white-space: nowrap;
}
.pp-seelink:hover {
  color: var(--pp-blue) !important;
  text-decoration: underline;
}
.pp-catcount {
  font-weight: 500;
}
.pp-catcount-dot {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: -2px 9px 0 3px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--pp-blue);
}
.pp-catcount-dot::after {
  content: "";
  position: absolute;
  inset: -4px;
  border-radius: 50%;
  background: var(--pp-blue);
  opacity: 0.35;
  animation: ppPulse 1.8s ease-out infinite;
}
@keyframes ppPulse {
  0% {
    transform: scale(0.4);
    opacity: 0.5;
  }
  100% {
    transform: scale(2.2);
    opacity: 0;
  }
}

/* ---------- hero ---------- */
.pp-hero-grid {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 44px;
  align-items: center;
}
.pp-hero-art {
  height: 540px;
}
.pp-hero-banner {
  position: relative;
  height: 100%;
  overflow: hidden;
  border: 1px solid var(--pp-line);
  border-radius: var(--pp-radius-m);
  background: var(--pp-raised);
  box-shadow: 0 30px 60px -22px rgba(12, 16, 20, 0.4);
}
.pp-hero-slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.45s ease;
}
.pp-hero-slide.is-active {
  opacity: 1;
}
.pp-hero-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.pp-hero-banner::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.22) 0%, transparent 38%);
  pointer-events: none;
}
.pp-hero-dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 16px;
  z-index: 3;
  display: flex;
  justify-content: center;
  gap: 6px;
}
.pp-hero-dot {
  width: 7px;
  height: 7px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.4);
  cursor: pointer;
}
.pp-hero-dot.is-active {
  background: #fff;
}
.pp-hero-eyebrow {
  display: inline-block;
  margin-bottom: 16px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: var(--pp-blue);
}
.pp-hero-eyebrow b {
  color: #fff;
}
.pp-hero-copy h1 {
  font-family: var(--pp-display) !important;
  font-weight: 500;
  font-size: clamp(32px, 4.6vw, 52px);
  line-height: 1.08;
  letter-spacing: -0.015em;
  color: var(--pp-ink);
}
.pp-hero-copy h1 span,
.pp-hero-copy h1 mark,
.pp-hero-copy h1 em {
  font-style: normal;
  color: var(--pp-blue);
  background: none;
  padding: 0;
}
.pp-hero-text {
  max-width: 46ch;
  margin: 18px 0 26px !important;
  font-size: 16.5px;
  line-height: 1.55;
  color: var(--pp-muted);
}
.pp-hero-cta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
}
.pp-hero-btnrow {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.pp-hero-license {
  font-size: 13.5px;
  font-weight: 600;
}
.pp-hero-license b {
  color: #fff;
}
.pp-hero-license span {
  color: var(--pp-muted);
  font-weight: 500;
}
@media (max-width: 920px) {
  .pp-hero-grid {
    grid-template-columns: 1fr;
    gap: 26px;
  }
  .pp-hero-art {
    order: 2;
    height: 320px;
  }
}
@media (max-width: 520px) {
  .pp-hero-art {
    height: 250px;
  }
}
/* phones: both hero buttons on one line */
@media (max-width: 640px) {
  .pp-hero-btnrow {
    flex-wrap: nowrap;
    gap: 8px;
  }
  .pp-hero-btnrow .pp-btn-lg {
    flex: 0 1 auto;
    padding: 11px 12px;
    font-size: min(14px, 3.7vw);
    white-space: nowrap;
  }
}

/* ---------- browse by category ---------- */
.pp-cattiles {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--pp-gap);
}
.pp-cat {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 22px;
  text-decoration: none;
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease;
}
.pp-cat:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 36px -18px rgba(0, 0, 0, 0.45);
}
.pp-cat-img {
  flex: 1 1 auto;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: var(--pp-raised);
}
.pp-cat-img picture {
  display: block;
  width: 100%;
  height: 100%;
}
.pp-cat-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.3s ease;
}
.pp-cat:hover .pp-cat-img img {
  transform: scale(1.06);
}
.pp-cat-bottom {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 14px;
  height: 100px;
  padding: 0 25px 25px;
}
.pp-cat-text {
  min-width: 0;
}
.pp-cat h3 {
  margin: 0 0 3px;
  font-family: var(--pp-display) !important;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  color: #15171c;
}
.pp-cat p {
  font-size: 12.5px;
  line-height: 1.4;
  color: #53565e;
}
.pp-shopbtn {
  flex: 0 0 auto;
  padding: 10px 22px;
  border-radius: 999px;
  background: #13151a;
  color: #fff;
  font-size: 13.5px;
  font-weight: 600;
  transition: background-color 0.18s ease;
}
.pp-cat:hover .pp-shopbtn {
  background: var(--pp-blue);
}
@media (max-width: 920px) {
  .pp-cattiles {
    grid-template-columns: repeat(2, 1fr);
  }
  .pp-cat-bottom {
    height: auto;
    padding: 16px;
  }
  .pp-shopbtn {
    display: none;
  }
}
/* phones: one card per row, picture flush left at full card height, text beside it */
.pp-cat-sfx {
  display: none;
}
@media (max-width: 640px) {
  .pp-cattiles {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .pp-cat {
    flex-direction: row;
    min-height: 130px;
    border-radius: 18px;
  }
  .pp-cat:hover {
    transform: none;
    box-shadow: none;
  }
  .pp-cat-img {
    flex: 0 0 112px;
    width: 112px;
    aspect-ratio: auto;
  }
  .pp-cat:hover .pp-cat-img img {
    transform: none;
  }
  .pp-cat-bottom {
    flex: 1 1 auto;
    align-items: center;
    padding: 16px 18px;
  }
  .pp-cat h3 {
    margin: 0 0 6px;
    font-family: var(--pp-font) !important;
    font-size: 17px;
    letter-spacing: 0;
    text-transform: none;
  }
  .pp-cat-sfx {
    display: inline;
    color: inherit; /* the older global "span" colour is near-white */
  }
  .pp-cat p {
    font-size: 13.5px;
    color: #3a3d44;
  }
}

/* ---------- latest mockups (browse grid) ---------- */
.pp-loadmore {
  display: flex;
  justify-content: center;
  margin-top: var(--pp-head-gap);
}

/* ---------- why pixpine ---------- */
.pp-why {
  display: grid;
  grid-template-columns: 0.85fr 1.15fr;
  gap: 48px;
  align-items: center;
}
.pp-why-intro h2 {
  font-size: clamp(22px, 3vw, 30px);
}
.pp-why-intro p {
  max-width: 40ch;
  margin-top: 12px !important;
  font-size: 14.5px;
  line-height: 1.6;
  color: var(--pp-muted);
}
.pp-why-art {
  display: flex;
  align-items: center;
  /* justify-content: center; */
  height: 350px;
  margin-top: 28px;
}
.pp-why-art img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 18px 30px rgba(0, 0, 0, 0.45));
}
.pp-why-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--pp-gap);
}
.pp-whycard {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 26px 22px;
  border: 1px solid var(--pp-line);
  border-radius: var(--pp-radius-m);
  background: var(--pp-raised);
  text-align: center;
  text-decoration: none;
  color: var(--pp-ink);
}
.pp-whycard:hover {
  border-color: var(--pp-blue);
  color: var(--pp-ink);
}
.pp-whyicon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 72px;
  margin-bottom: 18px;
  border-radius: 18px;
  background: linear-gradient(135deg, var(--pp-blue), var(--pp-blue-dark));
  box-shadow: 0 10px 22px -8px rgba(0, 90, 255, 0.6);
}
.pp-whyicon svg {
  width: 34px;
  height: 34px;
}
.pp-whycard h3 {
  margin-bottom: 6px !important;
  font-size: 14.5px;
  font-weight: 600;
  color: var(--pp-ink);
}
.pp-whycard p {
  max-width: 30ch;
  font-size: 13px;
  line-height: 1.5;
  color: var(--pp-muted);
}
@media (max-width: 960px) {
  .pp-why {
    grid-template-columns: 1fr;
    gap: var(--pp-head-gap);
  }
  .pp-why-art {
    display: none;
  }
}
@media (max-width: 600px) {
  .pp-why-grid {
    grid-template-columns: 1fr;
  }
}

/* ---------- social proof ---------- */
.pp-proof {
  background: var(--pp-raised);
  border-top: 1px solid var(--pp-line);
  border-bottom: 1px solid var(--pp-line);
}
.pp-proofstats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--pp-gap);
}
.pp-proofstat {
  padding: 30px 20px;
  border: 1px solid var(--pp-line);
  border-radius: var(--pp-radius-m);
  background: var(--pp-paper);
  text-align: center;
}
.pp-proofstat b {
  display: block;
  margin-bottom: 6px;
  font-family: var(--pp-display) !important;
  font-weight: 700;
  font-size: clamp(28px, 4vw, 38px);
  letter-spacing: -0.01em;
  color: #fff;
}
.pp-proofstat span {
  font-size: 13.5px;
  font-weight: 500;
  color: var(--pp-muted);
}
.pp-proofsource {
  margin-top: 18px !important;
  text-align: center;
  font-size: 12.5px;
}
.pp-proofsource a {
  color: var(--pp-muted);
}
.pp-proofsource a:hover {
  color: var(--pp-blue);
}
@media (max-width: 720px) {
  .pp-proofstats {
    grid-template-columns: 1fr;
  }
}

/* ---------- plan cards (home, pricing, subscription pages) ---------- */
.pp-pricegrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--pp-gap);
  max-width: 820px;
  margin: 0 auto;
  padding-top: 13px; /* room for the "Most popular" tag */
}
.pp-plan {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 30px 26px;
  border: 1px solid var(--pp-line);
  border-radius: var(--pp-radius-m);
  background: var(--pp-raised);
  text-align: left;
}
.pp-plan-featured {
  border: 2px solid var(--pp-blue);
}
.pp-plan-tag {
  position: absolute;
  top: -13px;
  left: 26px;
  padding: 5px 12px;
  border-radius: 999px;
  background: var(--pp-blue);
  color: #fff;
  font-size: 11.5px;
  font-weight: 700;
}
.pp-plan h3 {
  margin: 0 0 6px;
  font-family: var(--pp-font) !important;
  font-size: 14px;
  font-weight: 700;
  color: var(--pp-muted);
}
.pp-price {
  display: flex;
  align-items: baseline;
  gap: 6px;
  margin: 6px 0 4px;
}
.pp-price b {
  font-family: var(--pp-display);
  font-size: 40px;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--pp-ink);
}
.pp-price span {
  font-size: 14px;
  color: var(--pp-muted);
}
.pp-billed {
  margin-bottom: 20px;
  font-size: 13px;
  color: var(--pp-muted);
}
.pp-plan-featured .pp-billed {
  color: #fff;
  font-weight: 600;
}
.pp-save {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 6px;
  margin-bottom: 16px;
  padding: 6px 13px;
  border-radius: 999px;
  background: var(--pp-blue);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  box-shadow: 0 6px 16px -6px rgba(0, 90, 255, 0.55);
}
.pp-save svg {
  width: 13px;
  height: 13px;
  stroke: #fff;
}
.pp-benefits {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0 0 24px;
  padding: 0;
  list-style: none;
}
/* dashboard pages reset "ul" margins (.dashboard_section ul) — keep the space above the button */
.pp-plan .pp-benefits {
  margin-bottom: 24px;
}
.pp-benefits li {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  font-size: 14px;
  color: var(--pp-ink);
}
.pp-benefits svg {
  flex: 0 0 auto;
  width: 17px;
  height: 17px;
  margin-top: 1px;
  stroke: var(--pp-blue);
}
.pp-btn-subscribe {
  width: 100%;
  margin-top: auto;
  padding-top: 14px;
  padding-bottom: 14px;
}
@media (max-width: 720px) {
  .pp-pricegrid {
    grid-template-columns: 1fr;
    row-gap: 36px; /* clears the "Most popular" tag above the second card */
  }
}

/* trust line + "Not ready yet?" under the home plan cards */
.pp-trustline {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  margin: 22px 0 0 !important;
  font-size: 13.5px;
  color: var(--pp-muted);
}
.pp-trustline svg {
  flex: 0 0 auto;
  width: 15px;
  height: 15px;
}
.pp-trustline + .pp-pricenote {
  margin-top: 10px !important;
}
@media (max-width: 640px) {
  /* centred, on one line */
  .pp-trustline {
    gap: 5px;
    font-size: min(12.5px, 3.05vw);
    white-space: nowrap;
  }
  .pp-trustline svg {
    width: 13px;
    height: 13px;
  }
}

/* home "Questions before you subscribe" (short FAQ, full one on the Pricing page) */
.pp-home-faq {
  padding-top: 20px;
}
.pp-home-faq .pp-sechead h2 {
  font-size: clamp(22px, 3vw, 30px);
}
.pp-home-faq .pp-faqlist {
  max-width: 760px;
  margin: 0 auto;
}
.pp-faqall {
  max-width: 760px;
  margin: 22px auto 0 !important;
  font-size: 14.5px;
  font-weight: 600;
}
.pp-home .pp-faqall a {
  color: var(--pp-blue);
  text-decoration: none;
}
.pp-home .pp-faqall a:hover {
  text-decoration: underline;
}

/* ---------- final cta ---------- */
.pp-finalcta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 24px;
  padding: 48px;
  border-radius: var(--pp-radius-m);
  background: var(--pp-blue);
  color: #fff;
}
.pp-finalcta h2 {
  font-size: clamp(22px, 3vw, 30px);
  color: #fff !important;
}
.pp-finalcta p {
  margin-top: 8px !important;
  color: #d9e4ff;
}
.pp-finalcta p b {
  color: #fff;
}
@media (max-width: 720px) {
  .pp-finalcta {
    padding: 28px 22px;
  }
}

/* ---------- footer ---------- */
.pp-footer {
  padding: 52px 0 30px;
  border-top: 1px solid var(--pp-line);
  background: var(--pp-paper);
}
.pp-fgrid {
  display: grid;
  grid-template-columns: 2fr repeat(3, 1fr);
  gap: 32px;
  margin-bottom: 40px;
}
.pp-fcol h4 {
  margin: 0 0 14px;
  font-size: 13px;
  font-weight: 700;
  color: var(--pp-muted);
}
.pp-fcol > a {
  display: block;
  margin-bottom: 9px;
  font-size: 14px;
  color: var(--pp-ink);
  text-decoration: none;
}
.pp-fcol > a:hover {
  color: var(--pp-blue);
}
.pp-footer .pp-news-title {
  margin-bottom: 16px;
  font-size: 25px;
  font-weight: 700;
  color: var(--pp-ink);
}
.pp-news-text {
  max-width: 38ch;
  margin: 0 0 16px;
  font-size: 14px;
  color: var(--pp-muted);
}
.pp-foot-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 14px;
  padding-top: 24px;
  border-top: 1px solid var(--pp-line);
}
.pp-foot-bottom p {
  margin: 0;
  font-size: 13px;
  color: var(--pp-muted);
}
.pp-socials {
  display: flex;
  gap: 14px;
}
.pp-socials a {
  font-size: 17px;
  color: var(--pp-ink);
  opacity: 0.6;
}
.pp-socials a:hover {
  opacity: 1;
  color: var(--pp-ink);
}

/* Inline SVG brand icons (inc/custom-functions/brand-icons.php): sized like a Font Awesome <i> */
.pp-brand-icon {
  display: inline-block;
  width: 1.25em;
  height: 1em;
  vertical-align: -0.125em;
}
@media (max-width: 860px) {
  .pp-fgrid {
    grid-template-columns: repeat(2, 1fr);
  }
  .pp-fcol-news {
    grid-column: 1 / -1;
  }
}

/* "Never Miss Out!" signup (template-parts/components/never-miss-out-form.php) */
.pp-newsletter {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  max-width: 440px;
  margin: 0;
}
.pp-newsletter input[type="email"] {
  flex: 1 1 200px;
  min-width: 0;
  height: 50px;
  padding: 0 14px;
  border: 1px solid var(--pp-line);
  border-radius: var(--pp-radius-s);
  background: var(--pp-paper);
  color: var(--pp-ink);
  font-size: 14px;
  outline: 0;
}
.pp-newsletter input[type="email"]:focus {
  border-color: var(--pp-blue);
}
.pp-newsletter input[type="email"]::placeholder {
  color: var(--pp-muted);
}
.pp-newsletter-btn {
  flex: 0 0 auto;
  height: 50px;
  padding: 0 22px;
  border: 0;
  border-radius: var(--pp-radius-s);
  background: var(--pp-blue);
  color: #fff;
  font-size: 14.5px;
  font-weight: 600;
  cursor: pointer;
}
.pp-newsletter-btn:hover {
  background: var(--pp-blue-dark);
}
.pp-newsletter-btn:disabled {
  opacity: 0.6;
  cursor: default;
}
/* bot trap: never visible */
.pp-subscribe-hp {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0;
}
.pp-subscribe-msg {
  margin: 8px 0 0 !important;
  font-size: 13px;
  color: var(--pp-muted);
}
.pp-subscribe-msg:empty {
  display: none;
}
.pp-subscribe-msg.is-success {
  color: #4ade80;
}
.pp-subscribe-msg.is-error {
  color: #ff8a8a;
}
/* older pages (light): the same message under the centred form */
.subscribe_never_miss .pp-subscribe-msg.is-success {
  color: #15803d;
}
.subscribe_never_miss .pp-subscribe-msg.is-error {
  color: #b91c1c;
}

@media (prefers-reduced-motion: reduce) {
  .pp-home *,
  .pp-header *,
  .pp-offerbar {
    transition: none !important;
    animation: none !important;
  }
}

/* ---------- mockup grid (home "Latest" + All mockups) ---------- */
.pp-mockgrid {
  columns: 4 240px;
  column-gap: var(--pp-grid-gap);
}
.pp-mockgrid-wide {
  columns: 5 250px;
}
@media (max-width: 1600px) {
  .pp-mockgrid-wide {
    columns: 4 230px;
  }
}
@media (max-width: 1080px) {
  .pp-mockgrid,
  .pp-mockgrid-wide {
    columns: 3 210px;
  }
}
@media (max-width: 640px) {
  .pp-mockgrid,
  .pp-mockgrid-wide {
    columns: 2 150px;
  }
}
.pp-mockgrid .gridItem {
  break-inside: avoid;
  margin: 0 0 var(--pp-grid-gap);
  border: 1px solid var(--pp-line);
  border-radius: var(--pp-radius-m) !important;
  background: var(--pp-raised);
}
.pp-mockgrid .gridItem > a.d-inline-block,
.pp-mockgrid .imgCol img {
  display: block !important;
}
.pp-mockgrid .gridInfos a,
.pp-mockgrid .gridInfos button,
.pp-mockgrid .hover_show {
  opacity: 0;
  transition: opacity 0.15s ease;
}
.pp-mockgrid .gridItem:hover .gridInfos a,
.pp-mockgrid .gridItem:hover .gridInfos button,
.pp-mockgrid .gridItem:hover .hover_show {
  opacity: 1;
}
.pp-mockgrid .labelText {
  min-width: 0;
  padding: 4px 9px !important;
  border: 0 !important;
  font-size: 11px;
  font-weight: 700;
  line-height: 14px;
  white-space: nowrap;
}
.pp-mockgrid .labelText.Free {
  background: #fff !important;
  color: var(--pp-blue) !important;
}
.pp-mockgrid .labelText:not(.Free) {
  background: var(--pp-blue) !important;
  color: #fff !important;
}
.pp-mockgrid .gridInfos .rightBtn {
  width: 32px;
  height: 32px;
  min-width: 32px;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(2px);
}
.pp-mockgrid .gridInfos .rightBtn:hover {
  background: var(--pp-blue);
  border-color: var(--pp-blue) !important;
}
.pp-mockgrid .titleOverlay {
  padding: 34px 12px 10px !important;
  background: linear-gradient(
    0deg,
    rgba(10, 12, 14, 0.85) 0%,
    rgba(10, 12, 14, 0.5) 58%,
    transparent 100%
  );
}
.pp-mockgrid .titleOverlay h6 {
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
  opacity: 1 !important;
}
.pp-latest-foot {
  display: flex;
  justify-content: flex-end;
  margin-top: 6px;
}

/* "New" tag on the newest 6 mockups (every mockup grid): shown at rest in the
   Free/Premium label's corner, hidden on hover when the label appears */
.gridItem .pp-newtag {
  position: absolute;
  top: 1rem;
  left: 1rem;
  z-index: 4;
  padding: 5px 10px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 999px;
  background: #282a2d;
  color: #fff;
  font-family: var(--pp-font);
  font-size: 11.5px;
  font-weight: 700;
  line-height: 1;
  pointer-events: none;
  transition: opacity 0.15s ease;
}
.gridItem:hover .pp-newtag {
  opacity: 0;
}

/* ---------- All mockups page ---------- */
.pp-browse {
  padding: 38px 0 70px;
}
.pp-browse-wrap {
  max-width: 1800px;
  margin: 0 auto;
  padding: 0 32px;
}
.pp-browse-cols {
  position: relative;
  display: grid;
  grid-template-columns: 264px 1fr;
  gap: 44px;
  align-items: start;
}
.pp-browse-cols::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: -70px;
  left: 308px;
  width: 1px;
  background: var(--pp-line);
}
.pp-browse-main {
  min-width: 0;
  padding-left: 32px;
}
.pp-browse-cols.is-collapsed {
  grid-template-columns: 64px 1fr;
}
.pp-browse-cols.is-collapsed::before {
  display: none;
}
.pp-browse-cols.is-collapsed .pp-browse-main {
  padding-left: 0;
}

/* sidebar */
.pp-browse-sidebar {
  position: sticky;
  top: 88px;
}
.admin-bar .pp-browse-sidebar {
  top: 120px;
}
.pp-sidebar-head {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 14px;
}
.pp-sidebar-toggle {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border: 1px solid var(--pp-line);
  border-radius: 999px;
  background: none;
  font-size: 12px;
  font-weight: 600;
  color: var(--pp-muted);
  cursor: pointer;
}
.pp-sidebar-toggle:hover {
  color: var(--pp-ink);
  border-color: var(--pp-muted);
}
.pp-sidebar-toggle svg {
  width: 13px;
  height: 13px;
  transition: transform 0.15s ease;
}
.pp-sidebar-toggle-mobile {
  display: none;
}
.pp-browse-sidebar.is-collapsed .pp-sidebar-inner,
.pp-browse-sidebar.is-collapsed .pp-sidebar-cta {
  display: none;
}
.pp-browse-sidebar.is-collapsed .pp-sidebar-head {
  justify-content: center;
}
.pp-browse-sidebar.is-collapsed .pp-sidebar-toggle-label {
  display: none;
}
.pp-browse-sidebar.is-collapsed .pp-sidebar-toggle svg {
  transform: rotate(180deg);
}
.pp-sidebar-tabs {
  display: flex;
  gap: 6px;
  margin-bottom: 16px;
}
.pp-sidebar-tab {
  padding: 6px 12px;
  border: 1px solid var(--pp-line);
  border-radius: 999px;
  font-size: 13px;
  font-weight: 600;
  color: var(--pp-muted) !important;
  text-decoration: none;
}
.pp-sidebar-tab:hover {
  color: var(--pp-ink) !important;
  border-color: var(--pp-muted);
}
.pp-sidebar-tab.is-active {
  background: var(--pp-blue);
  border-color: var(--pp-blue);
  color: #fff !important;
}
.pp-sidebar-reset {
  display: block;
  margin-bottom: 12px;
  padding: 7px 8px;
  border-radius: 6px;
  font-size: 13.5px;
  font-weight: 600;
  color: var(--pp-ink) !important;
  text-decoration: none;
}
.pp-sidebar-reset:hover {
  background: var(--pp-raised);
}
.pp-sidebar-reset.is-active,
.pp-sidebar-link.is-active {
  background: #13294d;
  color: var(--pp-accent-soft) !important;
}
.pp-sidebar-group {
  padding: 13px 0;
  border-top: 1px solid var(--pp-line);
}
.pp-sidebar-group-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 6px;
}
.pp-sidebar-group-head h4 {
  margin: 0;
  font-size: 12.5px;
  font-weight: 700;
  color: var(--pp-ink);
}
.pp-sidebar-all {
  padding: 2px 4px;
  border-radius: 5px;
  font-size: 11.5px;
  font-weight: 600;
  color: var(--pp-muted) !important;
  text-decoration: none;
  white-space: nowrap;
}
.pp-sidebar-all:hover,
.pp-sidebar-all.is-active {
  color: var(--pp-blue) !important;
}
.pp-sidebar-list {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
}
.pp-sidebar-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 6px 8px;
  border-radius: 6px;
  font-size: 13.5px;
  color: var(--pp-muted) !important;
  text-decoration: none;
}
.pp-sidebar-link:hover {
  background: var(--pp-raised);
  color: var(--pp-ink) !important;
}
.pp-sidebar-link.is-active {
  font-weight: 600;
}
.pp-n {
  font-size: 11px;
  font-variant-numeric: tabular-nums;
  color: var(--pp-muted);
}
.pp-sidebar-link.is-active .pp-n {
  color: var(--pp-accent-soft);
}
.pp-sidebar-more {
  display: none;
}
.pp-sidebar-more.is-open {
  display: flex;
}
.pp-sidebar-expand {
  margin-top: 2px;
  padding: 6px 8px;
  border: 0;
  background: none;
  font-size: 12px;
  font-weight: 600;
  color: var(--pp-blue);
  text-align: left;
  cursor: pointer;
}
.pp-sidebar-expand:hover {
  text-decoration: underline;
}
.pp-sidebar-cta {
  margin-top: 18px;
  padding: 20px 18px;
  border-radius: var(--pp-radius-m);
  background: var(--pp-blue);
}
.pp-sidebar-cta h4 {
  margin: 0 0 8px;
  font-family: var(--pp-display) !important;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3;
  color: #fff;
}
.pp-sidebar-cta p {
  margin: 0 0 16px !important;
  font-size: 13px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.85);
}
.pp-sidebar-cta .pp-btn {
  width: 100%;
  padding: 14px 18px;
}

/* main column */
.pp-crumb {
  margin-bottom: 14px;
  font-size: 13px;
  color: var(--pp-muted);
}
.pp-crumb a {
  color: var(--pp-muted);
  text-decoration: none;
}
.pp-crumb a:hover {
  color: var(--pp-blue);
}
.pp-browse-main h1 {
  margin: 0 0 12px;
  font-family: var(--pp-display) !important;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: -0.015em;
  color: var(--pp-ink);
}
.pp-browse-text {
  max-width: 80ch;
  margin: 0 0 28px !important;
  font-size: 15.5px;
  line-height: 1.6;
  color: var(--pp-muted);
}
.pp-browse-search {
  margin: -12px 0 22px !important;
  font-size: 14px;
  color: var(--pp-muted);
}
.pp-browse-search b {
  color: var(--pp-ink);
}
.pp-browse-search a {
  margin-left: 10px;
  color: var(--pp-blue);
}
.pp-empty {
  padding: 60px 0;
  text-align: center;
  color: var(--pp-muted);
}

@media (max-width: 960px) {
  .pp-browse-wrap {
    padding: 0 18px;
  }
  .pp-browse-cols,
  .pp-browse-cols.is-collapsed {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .pp-browse-cols::before {
    display: none;
  }
  .pp-browse-main {
    padding-left: 0;
  }
  .pp-browse-sidebar {
    position: static;
  }
  .pp-sidebar-head,
  .pp-browse-sidebar.is-collapsed .pp-sidebar-head {
    justify-content: flex-start;
  }
  .pp-sidebar-toggle-label,
  .pp-sidebar-toggle svg {
    display: none;
  }
  .pp-sidebar-toggle-mobile {
    display: inline;
  }
  .pp-browse-main h1 {
    font-size: 26px;
  }
}

/* WordPress images carry width/height attributes (no layout jump);
   keep their real proportions inside the cards. */
.gridItem .cardImg {
  height: auto;
}
.gridItem .cardImg.hover_show {
  height: 100%;
  object-fit: cover;
}

/* Mockup grid after assets/js/mockgrid.js has dealt the cards into columns
   (reads left → right: 1 2 3 / 4 5 6). Same gaps as the CSS-columns fallback. */
.pp-mockgrid.is-masonry {
  display: flex;
  align-items: flex-start;
  gap: var(--pp-grid-gap);
  columns: auto;
}
.pp-mockcol {
  flex: 1 1 0;
  min-width: 0;
}

/* All mockups sidebar (desktop): fits the screen under the sticky header and
   scrolls on its own, so the last filters are always reachable. The
   "Collapse" button stays at the top; only the filter list scrolls. */
@media (min-width: 961px) {
  .pp-browse-sidebar {
    --pp-sidebar-top: 88px;
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - var(--pp-sidebar-top) - 24px);
  }
  .admin-bar .pp-browse-sidebar {
    --pp-sidebar-top: 120px;
  }
  .pp-sidebar-head,
  .pp-sidebar-cta {
    flex: 0 0 auto;
  }
  .pp-sidebar-inner {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    margin-right: -10px;
    padding-right: 10px;
    scrollbar-width: thin;
    scrollbar-color: var(--pp-line) transparent;
  }
  .pp-sidebar-inner::-webkit-scrollbar {
    width: 6px;
  }
  .pp-sidebar-inner::-webkit-scrollbar-thumb {
    background: var(--pp-line);
    border-radius: 999px;
  }
  .pp-sidebar-inner::-webkit-scrollbar-thumb:hover {
    background: var(--pp-muted);
  }
}

/* Older column grids (product modal / single product "Related Mockups",
   Liked mockups) after mockgrid.js: same column count and gap as their CSS,
   read left → right. */
.column-count-4.is-masonry,
.column-count-5.is-masonry {
  display: flex;
  align-items: flex-start;
  gap: var(--pp-grid-gap);
  columns: auto;
}

/* One gap for every mockup grid (new .pp-mockgrid and the older
   .column-count-4/-5 grids in the product modal, single product and Liked
   mockups): between columns and between cards. */
:root {
  --pp-grid-gap: 18px;
}
@media (max-width: 640px) {
  :root {
    --pp-grid-gap: 12px;
  }
}
.column-count-4,
.column-count-5 {
  column-gap: var(--pp-grid-gap);
}
.column-count-4 .gridItem:not(:last-child),
.column-count-5 .gridItem:not(:last-child) {
  margin-bottom: var(--pp-grid-gap);
}

/* ---------- Online Mockup Editor page ---------- */
.pp-editor-hero {
  text-align: center;
  border-bottom: 1px solid var(--pp-line);
}
.pp-editor-hero h1 {
  max-width: 18ch;
  margin: 0 auto 14px;
  font-family: var(--pp-display) !important;
  font-size: clamp(32px, 4.6vw, 52px);
  font-weight: 500;
  line-height: 1.08;
  letter-spacing: -0.015em;
  color: var(--pp-ink);
}
.pp-editor-hero h2 {
  max-width: 62ch;
  margin: 0 auto 12px;
  font-family: var(--pp-font) !important;
  font-size: clamp(16px, 1.8vw, 19px);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0;
  color: var(--pp-ink);
}
.pp-editor-hero p {
  max-width: 62ch;
  margin: 0 auto 24px !important;
  font-size: 15.5px;
  line-height: 1.6;
  color: var(--pp-muted);
}
.pp-editor-ctas {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
}

/* editor panel */
.pp-editor-wrap {
  padding-top: var(--pp-head-gap);
}
.pp-editor-card {
  overflow: hidden;
  border: 1px solid var(--pp-line);
  border-radius: var(--pp-radius-m);
  background: #1b1b1b;
}
.pp-editor-card[hidden] {
  display: none;
}
.pp-editor-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 10px 16px;
  background: var(--pp-raised);
  border-bottom: 1px solid var(--pp-line);
}
.pp-editor-bar-left {
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 13.5px;
  font-weight: 600;
  color: var(--pp-ink);
}
.pp-editor-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #2ecc71;
}
.pp-editor-bar-right {
  display: flex;
  gap: 8px;
}
.pp-iconbtn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  padding: 0;
  border: 1px solid var(--pp-line);
  border-radius: 6px;
  background: none;
  color: var(--pp-muted);
  cursor: pointer;
}
.pp-iconbtn:hover {
  color: var(--pp-ink);
  border-color: var(--pp-blue);
}
.pp-iconbtn svg {
  width: 15px;
  height: 15px;
}
.pp-icon-collapse,
.pp-editor-card.is-fullscreen .pp-icon-expand {
  display: none;
}
.pp-editor-card.is-fullscreen .pp-icon-collapse {
  display: block;
}
.pp-editor-frame {
  position: relative;
  height: 78vh;
  min-height: 460px;
}
.pp-editor-frame iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  background: #1b1b1b;
}
.pp-editor-loading {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
  background: #1b1b1b;
  font-size: 13.5px;
  color: #9aa0a8;
  transition: opacity 0.25s ease;
}
.pp-editor-loading[hidden] {
  display: none;
}
.pp-editor-loading.is-done {
  opacity: 0;
}
.pp-spinner {
  width: 26px;
  height: 26px;
  border: 2.5px solid #3a3a3a;
  border-top-color: var(--pp-blue);
  border-radius: 50%;
  animation: ppSpin 0.9s linear infinite;
}
@keyframes ppSpin {
  to {
    transform: rotate(360deg);
  }
}

/* full screen: Fullscreen API, or full window where it isn't available */
.pp-editor-card.is-fullscreen {
  display: flex;
  flex-direction: column;
  border-radius: 0;
}
.pp-editor-card.is-fullscreen:not(:fullscreen) {
  position: fixed;
  inset: 0;
  z-index: 2000;
  border: 0;
}
.pp-editor-card.is-fullscreen .pp-editor-frame {
  flex: 1 1 auto;
  height: auto;
  min-height: 0;
}
.pp-editor-locked,
.pp-editor-locked body {
  overflow: hidden;
}

/* about */
.pp-editor-about {
  text-align: center;
  background: #2b2d31;
  border-bottom: 1px solid var(--pp-line);
}
.pp-editor-about h2,
.pp-editor-how h2,
.pp-editor-faq h2 {
  font-size: clamp(22px, 3vw, 30px);
}
.pp-editor-about h2 {
  margin-bottom: 14px !important;
}
.pp-editor-about p {
  max-width: 72ch;
  margin: 0 auto !important;
  font-size: 15.5px;
  line-height: 1.7;
  color: var(--pp-muted);
}
.pp-editor-about p b {
  color: var(--pp-ink);
}

/* how it works */
.pp-editor-how {
  border-bottom: 1px solid var(--pp-line);
}
.pp-steps {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--pp-gap);
}
.pp-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 30px 24px;
  border: 1px solid var(--pp-line);
  border-radius: var(--pp-radius-m);
  background: var(--pp-raised);
  text-align: center;
}
.pp-stepicon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 72px;
  margin-bottom: 18px;
  border-radius: 18px;
  background: var(--pp-blue);
}
.pp-stepicon svg {
  width: 34px;
  height: 34px;
  stroke: #fff;
}
.pp-stepnum {
  position: absolute;
  top: -10px;
  right: -10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border: 1px solid var(--pp-line);
  border-radius: 50%;
  background: var(--pp-paper);
  font-size: 14px;
  font-weight: 700;
  color: var(--pp-ink);
}
.pp-step h3 {
  margin-bottom: 8px !important;
  font-size: 17px;
  font-weight: 700;
  color: var(--pp-ink);
}
.pp-step p {
  max-width: 30ch;
  font-size: 13.5px;
  line-height: 1.55;
  color: var(--pp-muted);
}
@media (max-width: 920px) {
  .pp-steps {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 520px) {
  .pp-steps {
    grid-template-columns: 1fr;
  }
}

/* faq */
.pp-faqlist {
  max-width: 720px;
  border-top: 1px solid var(--pp-line);
}
.pp-faqitem {
  border-bottom: 1px solid var(--pp-line);
}
/* question = Bootstrap collapse toggle (template-parts/components/faq-accordion.php) */
.pp-faqq {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  padding: 17px 4px;
  border: 0;
  background: none;
  font-family: var(--pp-font);
  font-size: 15px;
  font-weight: 600;
  text-align: left;
  color: var(--pp-ink);
  cursor: pointer;
}
.pp-faqq:focus-visible {
  outline: 2px solid var(--pp-blue);
  outline-offset: 2px;
}
.pp-faqq svg {
  flex: 0 0 auto;
  stroke: var(--pp-muted);
  transition: transform 0.18s ease;
}
.pp-faqq[aria-expanded="true"] svg {
  transform: rotate(45deg);
}
.pp-faqa {
  max-width: 64ch;
  margin: 0 4px 17px !important;
  font-size: 14px;
  line-height: 1.6;
  color: var(--pp-muted);
}
.pp-home .pp-faqa a {
  color: var(--pp-blue);
  text-decoration: underline;
}

/* ---------- Pricing page ---------- */
.pp-pricing-hero {
  padding: 44px 0 4px;
  text-align: center;
}
.pp-pricing-hero h1 {
  max-width: 22ch;
  margin: 0 auto 14px;
  font-family: var(--pp-display) !important;
  font-size: clamp(28px, 4.6vw, 46px);
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: -0.01em;
  color: var(--pp-ink);
}
.pp-pricing-hero p {
  max-width: 52ch;
  margin: 0 auto !important;
  font-size: clamp(15px, 1.6vw, 17.5px);
  line-height: 1.55;
  color: var(--pp-muted);
}
.pp-pricing-plans {
  padding-top: 36px;
}
.pp-pricenote {
  margin: 26px 0 0 !important;
  text-align: center;
  font-size: 14px;
  color: var(--pp-muted);
}
.pp-home .pp-pricenote a {
  font-weight: 600;
  color: var(--pp-blue);
  text-decoration: underline;
}
.pp-pricing-faq {
  padding-top: 24px;
}

/* topic tabs (Bootstrap tabs: section-pricing-faq.php) */
.pp-pfaq {
  display: grid;
  grid-template-columns: 200px minmax(0, 1fr);
  gap: 36px;
  align-items: start;
}
.pp-pfaq-nav {
  position: sticky;
  top: 96px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.pp-pfaq-nav button {
  padding: 8px 12px;
  border: 0;
  border-left: 2px solid transparent;
  border-radius: 9px;
  background: none;
  font-size: 14.5px;
  font-weight: 500;
  text-align: left;
  color: var(--pp-muted);
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}
.pp-pfaq-nav button:hover {
  background: var(--pp-raised);
  color: var(--pp-ink);
}
.pp-pfaq-nav button[aria-selected="true"] {
  border-left-color: var(--pp-blue);
  background: var(--pp-raised);
  font-weight: 600;
  color: var(--pp-ink);
}
.pp-pfaq-nav button:focus-visible {
  outline: 2px solid var(--pp-blue);
  outline-offset: 2px;
}
.pp-pfaq-group {
  margin: 0 0 28px;
}
.pp-pfaq-group h3 {
  margin: 0 0 12px !important;
  font-family: var(--pp-display) !important;
  font-size: 16px;
  font-weight: 500;
  color: var(--pp-ink);
}
.pp-pfaq-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.pp-pfaq-card {
  padding: 15px 17px 14px;
  border: 1px solid var(--pp-line);
  border-radius: 12px;
  background: var(--pp-raised);
}
.pp-pfaq-card-wide {
  grid-column: 1 / -1;
}
.pp-pfaq-card h4 {
  margin: 0 0 6px !important;
  font-family: var(--pp-font) !important;
  font-size: 14.5px;
  font-weight: 600;
  line-height: 1.35;
  color: var(--pp-ink);
}
.pp-pfaq-card p {
  font-size: 13.5px;
  line-height: 1.5;
  color: var(--pp-muted);
}
/* page prefix beats the older global "a:not(.lightMood a)" colour */
.pp-pricing-page .pp-pfaq-card a,
.pp-pricing-page .pp-pfaq-still a {
  color: var(--pp-blue);
}
.pp-pfaq-card a {
  text-decoration: underline;
}
.pp-pfaq-still {
  margin: 6px 0 0 !important;
  padding: 18px;
  border: 1px solid var(--pp-line);
  border-radius: 12px;
  text-align: center;
  font-size: 15px;
  color: var(--pp-muted);
}
.pp-pfaq-still a {
  font-weight: 600;
  text-decoration: none;
}
.pp-pfaq-still a:hover {
  text-decoration: underline;
}
@media (max-width: 900px) {
  .pp-pfaq {
    grid-template-columns: minmax(0, 1fr);
    gap: 22px;
  }
  .pp-pfaq-nav {
    top: 62px;
    z-index: 5;
    flex-direction: row;
    gap: 6px;
    padding: 8px 0;
    overflow-x: auto;
    background: var(--pp-paper);
    scrollbar-width: none;
  }
  .pp-pfaq-nav::-webkit-scrollbar {
    display: none;
  }
  .pp-pfaq-nav button {
    flex: 0 0 auto;
    padding: 8px 14px;
    border: 1px solid var(--pp-line);
    white-space: nowrap;
  }
  .pp-pfaq-nav button[aria-selected="true"] {
    border-color: var(--pp-blue);
  }
  .pp-pfaq-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 720px) {
  .pp-pricing-hero h1 {
    line-height: 1.32;
  }
  .pp-pricing-page .pp-pricegrid {
    row-gap: 44px;
  }
}

/* ---------- Product modal: right-side info panel (template-parts/components/product-info.php) ---------- */
.pp-pinfo {
  font-family: var(--pp-font);
  color: var(--pp-ink);
}
.pp-pinfo * {
  font-family: inherit;
}
.pp-pinfo-title {
  margin: 0 0 10px;
  font-family: var(--pp-display) !important;
  font-size: clamp(19px, 3vw, 27px);
  font-weight: 500;
  line-height: 1.15;
  letter-spacing: -0.01em;
  color: var(--pp-ink);
}
.pp-pinfo-cats,
.pp-pinfo-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 18px;
}
.pp-pinfo-tags {
  gap: 7px;
  margin-bottom: 22px;
}
.pp-pinfo-chip,
.pp-pinfo-tag {
  padding: 4px 10px;
  border: 1px solid var(--pp-line);
  border-radius: 999px;
  font-size: 12px;
  color: var(--pp-muted) !important;
  text-decoration: none;
}
.pp-pinfo-chip {
  font-weight: 600;
}
.pp-pinfo-chip:hover,
.pp-pinfo-tag:hover {
  border-color: var(--pp-blue);
  color: var(--pp-blue) !important;
}

/* description + CSS-only Read More */
.pp-pinfo-desc {
  margin: 0 0 6px !important;
  font-size: 14.5px;
  line-height: 1.65;
  color: var(--pp-muted);
}
.pp-pinfo-desc.is-clamped {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.pp-readmore-toggle:checked ~ .pp-pinfo-desc.is-clamped {
  display: block;
}
.pp-readmore {
  display: inline-block;
  margin-bottom: 22px;
  font-size: 13.5px;
  font-weight: 600;
  color: var(--pp-blue);
  cursor: pointer;
}
.pp-readmore::after {
  content: "Read More";
}
.pp-readmore-toggle:checked ~ .pp-readmore::after {
  content: "Read Less";
}
.pp-pinfo-desc-wrap:not(:has(.pp-readmore)) .pp-pinfo-desc {
  margin-bottom: 22px !important;
}

/* call to action row */
.pp-pinfo-ctas {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 40px;
}
.pp-pinfo-cta-main,
.pp-pinfo-cta-edit {
  display: flex;
  flex-direction: column;
  flex: 1 1 180px;
}
.pp-pinfo-cta-main:empty {
  display: none;
}
.pp-pinfo-ctas .pp-btn {
  width: 100%;
  padding: 11px 20px;
}
.pp-btn-edit-online {
  background: transparent;
  border-color: var(--pp-blue);
  color: var(--pp-ink) !important;
}
.pp-btn-edit-online:hover {
  border-color: #6b7078;
  background: rgba(0, 90, 255, 0.12);
  color: var(--pp-ink) !important;
}
.pp-btn-edit-online svg {
  width: 16px;
  height: 16px;
}
.pp-pinfo-caption,
.pp-pinfo-altlink {
  margin: 7px 0 0 !important;
  font-size: 12px;
  line-height: 1.4;
  color: var(--pp-muted);
}
.pp-pinfo-altlink {
  text-decoration: underline;
}
.pp-pinfo-altlink:hover {
  color: var(--pp-blue);
}

/* split download button: main action + file menu (Bootstrap dropdown) */
.pp-split {
  width: 100%;
}
.pp-pinfo-ctas .pp-split-main {
  flex: 1 1 auto;
  width: auto;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.pp-pinfo-ctas .pp-split-toggle {
  flex: 0 0 auto;
  width: auto;
  padding: 11px 13px;
  border-left-color: rgba(255, 255, 255, 0.28);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.pp-split-toggle:focus:not(:focus-visible) {
  outline: none;
}
.pp-split-toggle svg {
  width: 15px;
  height: 15px;
  transition: transform 0.15s ease;
}
.pp-split-toggle[aria-expanded="true"] svg {
  transform: rotate(180deg);
}
.pp-split-menu {
  min-width: 220px;
  margin-top: 6px !important;
  padding: 6px;
  background: var(--pp-raised);
  border: 1px solid var(--pp-line);
  border-radius: var(--pp-radius-m);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.35);
}
#pixProductModal .pp-split-menu .dropdown-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 9px 10px;
  border-radius: var(--pp-radius-s);
  font-size: 14px;
  color: var(--pp-ink);
  text-decoration: none;
}
#pixProductModal .pp-split-menu .dropdown-item:hover,
#pixProductModal .pp-split-menu .dropdown-item:focus {
  background: var(--pp-paper);
  color: var(--pp-ink);
}
.pp-split-badge {
  padding: 3px 8px;
  border-radius: 999px;
  background: #4a4d53;
  color: var(--pp-ink);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
}
.pp-split-badge.is-premium {
  background: var(--pp-blue);
  color: #fff;
}

/* product details */
.pp-pinfo-details {
  margin-bottom: 40px;
  padding: 20px 22px 8px;
  border: 1px solid var(--pp-line);
  border-radius: var(--pp-radius-m);
  background: var(--pp-raised);
}
.pp-pinfo-details h3 {
  margin: 0 0 6px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--pp-ink);
}
.pp-pinfo-detailgrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 16px;
}
.pp-pinfo-detail {
  min-width: 0;
  padding: 12px 0;
  border-top: 1px solid var(--pp-line);
}
.pp-pinfo-detail:nth-child(-n + 2) {
  border-top: 0;
}
.pp-pinfo-detail b {
  display: block;
  margin-bottom: 2px;
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--pp-muted);
}
.pp-pinfo-detail span,
.pp-pinfo-detail a {
  display: block;
  overflow: hidden;
  font-size: 13.5px;
  font-weight: 500;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--pp-ink);
}
.pp-pinfo-detail a:hover {
  color: var(--pp-blue);
}

/* "Get unlimited downloads" box (non-subscribers) */
.pp-pinfo-promo {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 22px;
  padding: 18px 20px;
  border-radius: var(--pp-radius-m);
  background: var(--pp-blue);
}
.pp-pinfo-promo h4 {
  margin: 0 0 4px;
  font-family: var(--pp-display) !important;
  font-size: 15.5px;
  font-weight: 500;
  line-height: 1.3;
  color: #fff;
}
.pp-pinfo-promo p {
  margin: 0 !important;
  font-size: 12.5px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.85);
}
.pp-pinfo-promo p b {
  color: #fff;
}
.pp-pinfo-promo .pp-btn {
  flex: 0 0 auto;
  padding: 7px 12px;
  font-size: 13px;
}

/* views / downloads / share */
.pp-pinfo-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 22px;
  padding-top: 16px;
  border-top: 1px solid var(--pp-line);
}
.pp-pinfo-meta > span {
  font-size: 13px;
  color: var(--pp-muted);
}
.pp-pinfo-meta b {
  color: var(--pp-ink);
}
.pp-pinfo-share {
  display: flex;
  gap: 8px;
  margin-left: auto;
}
.pp-pinfo-share a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: 1px solid var(--pp-line);
  border-radius: 50%;
  color: var(--pp-ink);
}
.pp-pinfo-share a:hover {
  border-color: var(--pp-blue);
  color: var(--pp-blue);
}
.pp-pinfo-share .pp-brand-icon {
  font-size: 13px;
}

/* Product popup: spinner while it loads (assets/js/product-modal.js) */
.loading-spinner {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 10000;
  width: 40px;
  height: 40px;
  border: 4px solid #ccc;
  border-top-color: #000;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  animation: spin 0.8s linear infinite;
}
@keyframes spin {
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

/* Related Mockups: spinner while the next 12 load (assets/js/product-related.js) */
.pp-related-more {
  display: flex;
  justify-content: center;
  padding: 8px 0 4px;
}

/* Premium / Free label + favourite heart on the main image */
.pp-gallery-badge {
  position: absolute;
  top: 14px;
  left: 14px;
  z-index: 2;
  padding: 5px 12px;
  border-radius: 999px;
  background: var(--pp-blue);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
}
.pp-gallery-badge.is-free {
  background: #fff;
  color: #111;
}
.pp-gallery-like {
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 50%;
  background: rgba(10, 11, 12, 0.5);
  transition: background 0.15s ease;
}
.pp-gallery-like:hover {
  background: rgba(10, 11, 12, 0.7);
}
.pp-gallery-like i {
  font-size: 17px;
}
.pp-gallery-like .fa-solid {
  color: #ff4d6d !important;
}
@media (max-width: 520px) {
  .pp-pinfo-detailgrid {
    grid-template-columns: 1fr;
  }
  .pp-pinfo-detail:nth-child(2) {
    border-top: 1px solid var(--pp-line);
  }
}
.pp-pinfo-tag-extra {
  display: none;
}
.pp-tags-toggle:checked ~ .pp-pinfo-tag-extra {
  display: inline-block;
}
.pp-tags-more {
  cursor: pointer;
  color: var(--pp-blue) !important;
  border-color: var(--pp-blue);
}
.pp-tags-more::after {
  content: attr(data-more);
}
.pp-tags-toggle:checked ~ .pp-tags-more::after {
  content: "Show less";
}