/*
Theme Name: NSC Blog
Author: Nonstop Corporation
Author URI: https://grownonstop.com/
Description: This is the begining of Nonstop themes. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
Version: 1.0
Requires at least: 5.8
Tested up to: 6.4.3
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nsc-blog
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* --------------------- WordPress Core ---------------------- */
.alignnone {
  margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}

.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

.nsc-findus-map {
  margin-top: 40px;
}

.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

a img.alignnone {
  margin: 5px 20px 20px 0;
}

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

a:hover,
a svg:hover {
  color: #bfa37c !important;
}

.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  /* Image does not overflow the content area */
  padding: 5px 3px 10px;
  text-align: center;
}

.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}

.continer {
  max-width: 1429px !important;
  width: 100%;
}

.mx-container {
  max-width: 1800px;
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
  box-sizing: border-box;
}

::selection {
  color: #ffffff;
  background-color: #bfa37c;
}

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

body:not(.dark-mode) {
  --body-color: #f8f8f8;
  --parent-menu: #111827;
  --button-color: #f3f4f6;
  --white-color: #111831;
  --setting-bgcolor: #e5e7eb;
  --border-color: #0a0a14;
  --sidebar-cardbg: #e5e7eb;
  --sidebar-heading: #111831;
  --article-cardbg: #e5e7eb;
}

body.dark-mode {
  --body-color: #000000;
  --parent-menu: #fff;
  --button-color: #4338ca;
  --white-color: #fff;
  --setting-bgcolor: #0a0a14;
  --border-color: #e5e7eb;
  --sidebar-cardbg: #1f2937;
  --sidebar-heading: #f3f4f6;
  --article-cardbg: #111827;
}

body :is(ol, ul) {
  list-style: none;
  padding-left: 0;
}

body a {
  text-decoration: none;
}

button {
  background-color: transparent;
  border: 0;
}

img {
  max-width: 100%;
  width: 100%;
}

a,
abbr,
address,
area,
article,
aside,
button,
dd,
del,
dl,
dt,
em,
fieldset,
figcaption,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
a,
td,
textarea,
th,
ul,
p,
i,
.entry-title,
.search-head,
footer :is(h1, h2, h3, h4, h5, h6) {
  color: var(--white-color);
}

body {
  background-color: var(--body-color) !important;
}

.section-main-head {
  color: var(--white-color);
  font: 600 clamp(24px, 4vw, 36px) / 1.2 "Poppins", sans-serif;
}

.section-description {
  color: rgb(156, 163, 175);
  font: 400 clamp(16px, 3vw, 20px) / 1.2 "Poppins", sans-serif;
  margin-bottom: clamp(20px, 5vw, 3rem);
}

.nsc-post-title,
.cat-name,
.nsc-font146 {
  font: 600 clamp(14px, 3vw, 18px) / 1.5 "Poppins", sans-serif;
}

.nsc-post-title a {
  color: var(--white-color);
}

.nsc-post-cat {
  background-color: rgb(254, 226, 226);
  font: 500 12px/1 "Poppins", sans-serif;
  padding: 4px 10px;
  color: rgb(153, 27, 27);
  border-radius: 6px;
  text-transform: capitalize;
}

.nsc-post-cat:hover {
  color: rgb(254, 226, 226);
  background-color: rgb(153, 27, 27);
}

#latest-post {
  padding-block: clamp(20px, 3vw, 5rem) clamp(30px, 10vw, 6rem);
}

.latest-post {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 1.25rem;
}

.nsc-post-cotainer {
  border-radius: 10px;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: flex;
  align-items: end;
}

.latest-post .nsc-post-title a {
  color: #fff;
}

.nsc-post-overlay {
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.1);
  pointer-events: none;
  opacity: 0;
}

.nsc-post-cotainer:hover .nsc-post-overlay {
  opacity: 1;
}

.nsc-latest-post-image {
  position: absolute;
  inset: 0;
  height: 100%;
  object-fit: cover;
  z-index: -2;
}

.nsc-action-button {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: -1;
  opacity: 0;
  pointer-events: none;
}

.nsc-post-cotainer:hover .nsc-action-button {
  opacity: 1;
  pointer-events: all;
}

.nsc-action-button button,
.nsc-latest-article-container .nsc-action button {
  background-color: #1f2937;
  border-radius: 6px;
  color: rgb(229, 231, 235);
  font: 400 12px/1 "Poppins", sans-serif;
  padding: 10px;
}

.nsc-post-content {
  padding: 6.27%;
}

.nsc-post-cotainer:nth-child(3) .nsc-post-title {
  font: 600 clamp(14px, 3vw, 30px) / 1.2 "Poppins", sans-serif;
}

.nsc-post-cotainer:not(:nth-child(3)) .nsc-post-cat {
  display: none;
}

/*  latest-article */

.nsc-cat-image img {
  max-height: 350px;
  object-fit: cover;
}

.nsc-cat-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #0005;
  z-index: 0;
}

.nsc-cat-image>div {
  z-index: 6;
}

.nsc-cat-image .nsc-cat-head {
  font: 600 clamp(32px, 7vw, 72px) / 1.2 "Poppins", sans-serif;
  text-transform: capitalize;
  color: #fff;
}

.nsc-cat-image .nsc-cat-count {
  font: 400 16px/1.2 "Poppins", sans-serif;
  color: #fff;
}

.latest-article {
  background-color: var(--body-color);
  padding-block: clamp(30px, 10vw, 6rem);
}

.nsc-latest-article-container {
  background-color: var(--article-cardbg);
  border-radius: 6px;
  overflow: hidden;
}

.nsc-post-meta img {
  max-width: 40px;
  aspect-ratio: 1/1;
  border-radius: 6px;
}

.latest-article .nsc-post-title a,
.popular-posts-item .post-title a,
.nsc-cat-post .nsc-post-title a,
.nsc-related-post .nsc-post-title a {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.nsc-author {
  font: 600 14px/1.5 "Poppins", sans-serif;
  /* color: var(--white-color); */
  color: rgb(156, 163, 175);
  text-transform: capitalize;
}

.nsc-post-date,
.nsc-12400 {
  font: 400 12px/1.5 "Poppins", sans-serif;
  color: rgb(156, 163, 175);
}

/* :is(.home-page-sidebar, .nsc-sidebar) .widgettitle {
  font: 600 18px/1.2 "Poppins", sans-serif;
  color: var(--sidebar-heading);
  margin-bottom: 0;
  padding: clamp(10px, 3vw, 20px);
  border-bottom: 1px solid rgb(55, 65, 81);
  display: flex;
  text-transform: capitalize;
} */

/* :is(.home-page-sidebar, .nsc-sidebar) .widgettitle a {
  margin-inline-start: auto;
  color: rgb(99, 102, 241);
  font-size: 14px;
} */

.nsc-recent-thumb img {
  height: 193px;
  width: 100%;
  object-fit: cover;
}

.nsc-recent-info span.nsc-recent-title {
  font-family: Sora;
  font-weight: 400;
  font-size: 22px;
  line-height: 30px;
  color: #ffffff;
}

span.nsc-recent-date {
  font-family: Sora;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  color: #bfa37c;
}

li.nsc-recent-post-item {
  margin: 0 0 40px 0;
}

.nsc-sidebar .widget {
  border-bottom: 1px solid #ffffff !important;
}

.widget_categories nav ul li a {
  font-family: "Sora";
  font-weight: 400;
  font-size: 16px;
  line-height: 38px;
  text-transform: uppercase;
  color: #bfa37c;
}

.nsc-posts-tags {
  display: flex;
  gap: 10px;
  padding: clamp(10px, 3vw, 20px);
}

.nsc-posts-tags li {
  background-color: rgb(17, 24, 39);
  padding: 10px 12px;
  border-radius: 6px;
}

.nsc-posts-tags li a {
  color: rgb(209, 213, 219);
  font: 400 14px/1 "Poppins", sans-serif;
  text-transform: capitalize;
}

/* .nsc-posts-cats li,
.popular-posts-item,
.nsc-sidebar>* {
  padding: clamp(10px, 3vw, 20px);
  border-bottom: 1px solid rgb(55, 65, 81);
} */

/* .nsc-posts-cats li:hover,
.popular-posts-item:hover,
.nsc-sidebar>*:hover {
  background-color: rgb(55, 65, 81)
} */

.nsc-posts-cats li a {
  display: flex;
  align-items: center;
  gap: 16px;
}

.nsc-posts-cats li a img {
  max-width: 48px;
  max-height: 48px;
  aspect-ratio: 1/1;
  border-radius: 6px;
}

.nsc-posts-cat-item div {
  display: flex;
  flex-direction: column;
}

.cat-name {
  color: var(--parent-menu);
  text-transform: capitalize;
}

.cat-count,
.popular-posts-item .post-date {
  font: 400 12px/1.5 "Poppins", sans-serif;
  color: rgb(156, 163, 175);
}

.popular-posts-item,
.popular-post-meta,
.popular-post-meta>div {
  display: flex;
  align-items: center;
}

.popular-posts-item .author-image {
  max-width: 28px;
  aspect-ratio: 1/1;
  border-radius: 6px;
}

.popular-post-meta,
.popular-post-meta>div {
  gap: 10px;
}

.cat-count,
.popular-posts-item .post-author {
  font: 500 12px/1.5 "Poppins", sans-serif;
  color: rgb(156, 163, 175);
  text-transform: capitalize;
}

.popular-posts-item .post-title {
  font: 600 16px/1.5 "Poppins", sans-serif;
  margin-top: 10px;
}

.popular-posts-item .post-title a {
  /* color: rgb(243, 244, 246); */
  color: var(--white-color);
}

.popular-posts-item .post-img {
  max-width: 80px;
  max-height: 80px;
  aspect-ratio: 1/1;
  border-radius: 6px;
  object-fit: cover;
}

/* :is(.home-page-sidebar, .nsc-sidebar)>* {
  background-color: var(--sidebar-cardbg);
  border-radius: 6px;
  margin-bottom: 15px;
} */

/* single post page */
.nsc-single-post-page {
  color: var(--parent-menu);
  padding-block: clamp(20px, 5vw, 4rem);
}

.nsc-single-post-page .nsc-post-cat {
  border-radius: 20px;
}

.nsc-content-single {
  font: 400 clamp(16px, 4vw, 18px) / 1.5 "Poppins", sans-serif;
}

.nsc-single-post-meta .author-image {
  max-width: 44px;
  max-height: 44px;
  aspect-ratio: 1/1;
  border-radius: 50%;
}

.single-author-name {
  text-transform: capitalize;
}

.nsc-posts-details button {
  background-color: rgb(31, 41, 55);
  padding: 5px 10px;
  color: #fff;
  border-radius: 20px;
}

.nsc-popup-container {
  position: relative;
}

.nsc-popup-container .nsc-popups {
  position: absolute;
  right: 0;
  bottom: 0;
  transform: translateY(calc(100% + 10px));
  border: 1px solid rgb(229, 231, 235);
  border-radius: 16px;
  padding: 16px;
  min-width: 220px;
  background-color: var(--article-cardbg);
}

.nsc-popup-container .nsc-popups:not(.show) {
  display: none;
}

.nsc-popups ul li {
  margin-block: 8px;
}

.nsc-popups ul li button {
  background-color: unset;
  padding: 0;
}

.nsc-popups ul li :is(button, a) {
  color: #fff;
  display: flex;
  gap: 10px;
  align-items: center;
}

.copy-link .copied-text,
.copy-link.copied .normal-text {
  display: none;
}

.copy-link.copied .copied-text {
  display: inline-block;
}

.nsc-another-author img {
  max-width: 96px;
  max-height: 96px;
  border-radius: 50%;
}

/* Category Page */
.nsc-category-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: clamp(10px, 3vw, 2rem);
  margin-block: clamp(20px, 4vw, 50px);
}

.nsc-category-grid .nsc-cat-post {
  border-radius: clamp(12px, 2vw, 24px);
  background-color: var(--article-cardbg);
  overflow: hidden;
}

.nsc-cat-post .nsc-cat-content {
  padding: 10px;
}

.author-img {
  max-width: 28px;
  border-radius: 20px;
}

/* error page  */
.error-page * {
  color: #fff;
}

/* theme settings */
.nsc-feature-settings {
  position: fixed;
  right: 0;
  top: 30%;
  z-index: 99;
  display: none;
}

.nsc-setting-btn {
  background-color: var(--button-color);
  color: var(--white-color);
  font-size: clamp(14px, 3vw, 27px);
  line-height: 1;
  padding: 13px;
  border-radius: 12px;
  margin-inline-end: 15px;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px 0px rgba(0, 0, 0, 0),
    0px 20px 25px -5px rgba(0, 0, 0, 0.1), 0px 8px 10px -6px rgba(0, 0, 0, 0.1);
}

.nsc-setting-content {
  background-color: var(--setting-bgcolor);
  border-radius: 16px;
  padding: clamp(12px, 3vw, 24px);
  margin-top: 10px;
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s ease;
  width: 0;
}

.nsc-setting-content.show {
  opacity: 1;
  pointer-events: all;
  /* min-width: 22vw; */
  min-width: clamp(200px, 22vw, 370px);
}

.nsc-setting-content .customier-title {
  font: 600 clamp(16px, 3vw, 20px) / 1.2 "Poppins", sans-serif;
  color: var(--white-color);
  border-bottom: 0.5px solid var(--border-color);
  padding-bottom: clamp(10px, 3vw, 20px);
}

.nsc-setting-content h3,
.nsc-setting-content label[for="nsc-theme-modes"] {
  font: 600 14px/1.5 "Poppins", sans-serif;
  color: var(--white-color);
  margin-top: clamp(10px, 3vw, 20px);
}

.nsc-setting-content label {
  font: 500 12px/1.3 "Poppins", sans-serif;
  padding: 6px 14px;
  border-radius: 20px;
  border: 0.5px solid rgb(107, 114, 128);
  color: var(--white-color);
  cursor: pointer;
}

.nsc-setting-content label[for="nsc-theme-modes"] {
  margin-top: clamp(10px, 3vw, 20px);
  border: 0;
  padding: 0;
  width: max-content;
}

.nsc-setting-content label input {
  display: none;
}

.nsc-setting-content label[for="nsc-theme-modes"] span {
  display: block;
  width: 42px;
  height: 22px;
  background-color: rgb(209, 213, 219);
  border-radius: 20px;
  position: relative;
}

.nsc-setting-content label[for="nsc-theme-modes"]:has(input:checked) span {
  background-color: rgb(13, 148, 136);
}

.nsc-setting-content label[for="nsc-theme-modes"] span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background-color: #fff;
  margin-inline: 5px;
  transition: all 0.5s ease;
}

.nsc-setting-content label[for="nsc-theme-modes"]:has(input:checked) span::before {
  right: 0;
  left: unset;
}

.nsc-setting-content label:not([for="nsc-theme-modes"]):has(input:checked) {
  background-color: #fff;
  color: #000;
}

/* related post */
.nsc-related-post article img {
  display: block;
  max-height: 250px;
  object-fit: cover;
}

/* comment form */
.nsc-comment-title {
  font: 600 clamp(16px, 3vw, 20px) / 1.2 "Poppins", sans-serif;
  color: var(--white-color);
  margin-bottom: clamp(15px, 4vw, 30px);
}

.comment-form-comment label[for="comment"] {
  display: none;
}

.comment-form-comment textarea {
  background-color: var(--article-cardbg);
  border: 1px solid #374151;
  border-radius: 12px;
  font: 400 clamp(12px, 2vw, 14px) / 1.5 "Poppins", sans-serif;
  padding: 8px 12px;
  width: 100%;
}

.form-submit input[type="submit"] {
  background-color: var(--button-color);
  color: var(--white-color);
  font: 600 clamp(14px, 3vw, 16px) / 1.5 "Poppins", sans-serif;
  padding: clamp(6px, 2vw, 14px) 24px;
  border-radius: 30px;
  border: 0;
}

.comments-area {
  margin-top: clamp(15px, 5vw, 40px);
}

.comments-area .comment-list>* {
  margin-bottom: 15px;
}

.comments-area .comment-list .comment img {
  max-width: 32px;
  max-height: 32px;
  border-radius: 50%;
}

.comments-area .comment-list .comment-body {
  display: flex;
  gap: 15px;
}

.comment-list .nsc-comment-content {
  border: 1px solid rgb(55, 65, 81);
  border-radius: 12px;
  padding: 16px;
  flex-grow: 1;
}

.comments-area .comment-list .comment .nsc-comment-author a {
  color: var(--white-color);
  font: 600 clamp(14px, 3vw, 16px) / 1.5 "Poppins", sans-serif;
  text-transform: capitalize;
}

.comments-area .comment-list .comment-metadata a {
  font: 400 clamp(10px, 2vw, 14px) / 1.5 "Poppins", sans-serif;
  color: rgb(156, 163, 175);
}

.comments-area .comment-content {
  margin-top: 12px;
}

.comments-area .comment-content p {
  font: 400 clamp(12px, 3vw, 16px) / 1.3 "Poppins", sans-serif;
}

.comment-like,
.comment-reply-link {
  background-color: rgb(31, 41, 55);
  color: #fff;
  padding: 5px 12px;
  border-radius: 30px;
  font: 400 12px/1.5 "Poppins", sans-serif;
}

.comment-list .children {
  margin-inline-start: clamp(8px, 4vw, 50px);
  margin-top: 15px;
}

.nsc-paged-title {
  color: var(--white-color);
  font-size: clamp(24px, 4vw, 36px);
  margin-block-end: clamp(15px, 3vw, 30px);
  line-height: 1;
}

@media (width >=990px) {
  .latest-post {
    grid-template-columns: repeat(auto-fill, minmax(218px, 1fr));
    grid-template-rows: repeat(5, minmax(clamp(50px, 10dvh, 90px), 110px));
  }

  .latest-post> :is(:first-child, :nth-child(2)) {
    grid-row: 1/4;
  }

  .latest-post> :nth-child(3) {
    grid-area: 1/3/-1/-1;
  }

  .latest-post> :nth-child(4) {
    grid-area: 4/1/-1/3;
  }
}

@media (width >=1400px) {
  .latest-post {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  }
}

@media (max-width: 991px) {
  .nsc-post-cotainer {
    min-height: 220px;
  }

  .serblog {
    display: block;
  }

  .serblogimg,
  .serblogcontent {
    width: 100%;
  }
}

@media (max-width: 576px) {

  .mx-container,
  .container {
    padding: 0 25px !important;
  }

  h1 {
    font-size: 32px !important;
  }

  .nsc-footer-info p {
    margin: 1rem 0;
  }
}

.nsc-footer-info p>a,
p>a {
  color: #bfa37c;
}

#hero-banner {
  margin: 0;
}

.info-item span.info-icon {
  padding-top: 8px;
}

.page-template-nsc-faq .faq-accordion svg {
  color: #fff;
  fill: #fff;
}

.page-template-nsc-faq #faq-section {
  margin: 0;
}

.page-template-nsc-faq h1 {
  margin: 0 !important;
  padding-bottom: 30px;
  border-bottom: 1px solid #545a60;
}

.page-template-nsc-faq #faq-section .faq-accordion {
  margin-top: 0;
}

.page-template-nsc-faq {
  background: #1d2426 !important;
}

.page-template-nsc-faq #faq-section::before {
  background: #1d2426 !important;
}

#img-div {
  margin: 0;
  padding: 55px 0;
  position: relative;
}

#img-div::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: #000000 !important;
  z-index: -1;
}

.page-template-nsc-faq h1.h2-title {
  text-align: center;
}

/* date 20/12/2025 */
input[type="time"]::-webkit-calendar-picker-indicator,
input[type="date"]::-webkit-calendar-picker-indicator {
  filter: invert(1);

  opacity: 0.8;
  cursor: pointer;
}

/* Account */
/* =========================================
   WOOCOMMERCE MY ACCOUNT – CLEAN LAYOUT
========================================= */

.woocommerce-account {
  background: #f7f7f7;
  padding: 40px 0;
}

/* Page title */
.woocommerce-account .nsc-paged-title {
  text-align: center;
  margin-bottom: 30px;
  font-size: 28px;
  font-weight: 600;
}

/* Wrapper */
.woocommerce-account .woocommerce {
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  gap: 30px;
  padding: 0 20px;
}

/* =========================================
   SIDEBAR NAVIGATION
========================================= */

.woocommerce-account .woocommerce-MyAccount-navigation {
  flex: 0 0 260px;
  background: #ffffff;
  border-radius: 10px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
  padding: 20px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation li {
  margin-bottom: 8px;
}

.woocommerce-account .woocommerce-MyAccount-navigation a {
  display: block;
  padding: 12px 15px;
  border-radius: 6px;
  color: #333;
  text-decoration: none;
  font-weight: 500;
  transition: all 0.25s ease;
}

/* Hover */
.woocommerce-account .woocommerce-MyAccount-navigation a:hover {
  background: #f0f0f0;
}

/* Active link */
.woocommerce-account .woocommerce-MyAccount-navigation .is-active a {
  background: #111;
  color: #fff;
}

/* Logout emphasis */
.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a {
  color: #c0392b;
}

.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a:hover {
  background: #fdecea;
}

/* =========================================
   ACCOUNT CONTENT AREA
========================================= */

.woocommerce-account .woocommerce-MyAccount-content {
  flex: 1;
  background: #ffffff;
  border-radius: 10px;
  padding: 30px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
}

.woocommerce-account .woocommerce-MyAccount-content p {
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 15px;
  color: #000000;
}

/* Links inside content */
.woocommerce-account .woocommerce-MyAccount-content a {
  color: #000;
  font-weight: 500;
  text-decoration: underline;
}

/* Notices */
.woocommerce-account .woocommerce-notices-wrapper {
  margin-bottom: 20px;
}

#fleet .fleet-item h3 {
  line-height: 33px;
}

/* =========================================
   RESPONSIVE (MOBILE)
========================================= */

@media (max-width: 768px) {
  .woocommerce-account .woocommerce {
    flex-direction: column;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation {
    flex: 1;
  }
}

.woocommerce-account .col-md-4 {
  display: none;
}

.woocommerce-account .col-md-8 {
  margin: 30px 0;
  width: 100%;
}

.wc-block-components-product-details__name::first-letter {
  text-transform: uppercase;
}

.wc-block-components-form .wc-block-components-text-input input {
  color: white !important;
}

.wc-block-components-product-details.wc-block-components-product-details li,
.wc-block-components-totals-coupon .wc-block-components-panel__button {
  font-family: "Sora" !important;
}

.wp-block-woocommerce-cart-order-summary-coupon-form-block {
  border: 1px solid #ffffff !important;
  padding: 15px !important;
  border-radius: 6px;
}

.prod-wrap {
  position: relative;
}

.badge-best {
  position: absolute;
  top: 12px;
  left: 12px;
  background: #bfa37c;
  color: #000;
  padding: 4px 10px;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  z-index: 5;
}

.fleet-img {
  width: 100%;
  max-width: 380px;
  /* optional – keeps layout tidy */
  aspect-ratio: 4 / 3;
  /* modern, clean solution */
  overflow: hidden;
  border-radius: 12px;
  /* optional polish */
}

.fleet-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* 🔥 THIS fixes distortion */
  display: block;
}

.wpforms-field-label {
  color: #fff !important;
}

/* Serive page blog css */

.serblogimg,
.serblogcontent {
  width: 50%;
}

.serblogcontent h3.h3-title {
  font-family: "Epilogue";
  font-weight: 400;
  font-size: 28px;
  line-height: 35px;
  color: #ffffff;
}

.serblogimg .nsc-blog-thumb img {
  height: 356px;
}

.serblogcontent article.nsc-blog-item {
  margin-bottom: -15px;
}

.serblog {
  display: flex;
  gap: 20px;
  border: 1px solid #545a60;
  padding: 20px;
}

h2.servib-title {
  font-family: "Epilogue";
  font-weight: 400;
  font-size: 48px;
  line-height: 60px;
}

.serload {
  width: 214% !important;
}

@media screen and (max-width: 480px) {
  .serblogimg {
    margin-bottom: 20px;
  }

  .serload {
    width: 290% !important;
  }
}

@media screen and (max-width: 991px) {
  .serblog {
    display: block;
  }

  .serblogimg,
  .serblogcontent {
    width: 100%;
  }
}

/* Accordian */

/* Toggle button */
.nsc-toggle-details {
  background: none;
  border: none;
  padding: 0;
  margin-top: 6px;
  color: #bfa37c;
  font-weight: 600;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}

/* ADD ▲ ICON */
.nsc-toggle-details::after {
  content: " ▲";
  font-size: 12px;
  margin-left: 6px;
  transition: transform 0.25s ease;
}

/* Rotate icon when CLOSED */
.wc-block-components-product-metadata:not(.nsc-show-details) .nsc-toggle-details::after {
  transform: rotate(180deg);
}

/* Hide booking rows by default */
.wc-block-components-product-metadata .wc-block-components-product-details li:not(:first-child),
.wc-block-components-product-metadata .wc-block-components-product-details__type-of-service {
  display: none;
}

/* Show when toggled */
.wc-block-components-product-metadata.nsc-show-details .wc-block-components-product-details li:not(:first-child),
.wc-block-components-product-metadata.nsc-show-details .wc-block-components-product-details__type-of-service {
  display: block;
}

li.country span.dial-code,
li.country {
  color: #000 !important;
}

/* Contact form 7 */
input.wpcf7-form-control.wpcf7-phonetext.wpcf7-validates-as-required.wpcf7-text.wpcf7-validates-as-phonetext {
  width: 79%;
}

#contact .contact-form form input {
  padding: 15px 0px;
  border: 1px;
}

.wpcf7 input:focus-visible,
.wpcf7 textarea:focus-visible,
.wpcf7 select:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

.contact-form form textarea {
  border: 0px;
}

.contact-form p label {
  width: 100%;
}

#contact .contact-form form textarea {
  height: 150px;
}

/* Fix phone text overlapping with country code */
.intl-tel-input input[type="text"],
.iti input[type="text"] {
  padding-left: 90px !important;
  /* adjust if needed */
  box-sizing: border-box;
}

/* Make sure container fills width */
.intl-tel-input {
  width: 100%;
}

.intl-tel-input .selected-flag {
  padding-left: 12px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
  width: 63px !important;
}

.selected-dial-code {
  display: none !important;
}

/* Error state – white border */
#bookNowModal .field-error,
#bookNowModal .field-error input,
#bookNowModal .field-error select,
#bookNowModal .field-error textarea {
  border: 1px solid #ffffff !important;
  box-shadow: none !important;
  outline: none !important;
  background-color: transparent !important;
}

.tcont #primary-button {
  margin: unset;
}

.tcont .wpcf7-submit:hover {
  color: #000 !important;
}

.tcont .wpcf7-submit {
  color: #bfa37c !important;
  text-transform: uppercase;
}

.nsc-blog-content p {
  line-height: 28px;
}











.field {
  position: relative;
  margin-bottom: 18px;
}

.field-hint {
  display: block;
  font-size: 13px;
  color: #7e7e7e;
  margin-bottom: 6px;
  padding-left: 10px;
}

/* Inputs always visible */
input[type="date"],
input[type="time"] {
  color: #fff;
  text-align: left;
  -webkit-appearance: none;
  appearance: none;
}

input[type="date"]::-webkit-datetime-edit,
input[type="time"]::-webkit-datetime-edit {
  text-align: left;
}
.hipay-checkout-dropin .container .bottom-line {
    border-bottom: 1px solid #979797;
    border-radius: 20px;
}
small.input-hint.field-hint {
    font-size: 15px;
    line-height: 23px;
    font-weight: 400;
    font-family: 'Sora';
}
.wc-block-components-product-name {
    line-height: 25px;
    font-size: 18px !important;
    margin-bottom: 6px !important;
}




.order-more-btn, .cart-order-more a{
	margin-top: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    padding: 16px;
    border: 1px solid #bfa37c;
    color: #bfa37c!important;
    background: transparent;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative;
    font-family: Inconsolata;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    text-transform: uppercase;
		overflow:hidden;
	  border-radius: 0;
}
.cart-order-more a {
    width: 100%;
    margin: 0;
}

.order-more-btn::before, .cart-order-more a::before{
    content: "";
    position: absolute;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    background-color: #bfa37c;
    transition: right 0.3s ease-in-out;
    z-index: -1;
}
.order-more-btn:hover:before, .cart-order-more a:hover:before{
    right: 0;
    color: #000 !important;
}
.cart-order-more a:hover,.order-more-btn:hover{
	color: #000 !important;
}
.wc-block-components-product-details__value {
    text-transform: capitalize;
}
.wc-block-cart__submit-container {
    margin-top: 0px !important; 
}