/*
Theme Name: Comrades Tech Professional
Theme URI: https://comradestech.com/
Author: Comrades Technologies
Author URI: https://comradestech.com/
Description: A clean, professional SAP training and technology consulting theme created exclusively for Comrades Technologies.
Version: 2.0.0
Requires at least: 6.3
Tested up to: 6.4
Requires PHP: 7.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: threaded-comments, right-sidebar, left-sidebar, one-column, two-columns, three-columns, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, flexible-header, post-formats, footer-widgets, sticky-post, translation-ready, education, blog,full-site-editing
Text Domain: comrades-tech
*/


/*
 * Font smoothing.
 * This is a niche setting that will not be available via Global Styles.
 * https://github.com/WordPress/gutenberg/issues/35934
 */

body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

/* Comrades Technologies — clean corporate design system */
:root {
    --ct-navy: #071a33;
    --ct-navy-soft: #0d2749;
    --ct-blue: #2563eb;
    --ct-blue-dark: #1d4ed8;
    --ct-teal: #0f766e;
    --ct-ink: #0f172a;
    --ct-muted: #5f6b7a;
    --ct-line: #e2e8f0;
    --ct-surface: #f7f9fc;
    --ct-white: #ffffff;
    --ct-shadow: 0 18px 50px rgba(15, 23, 42, .09);
}

html { scroll-behavior: smooth; }

body {
    background: var(--ct-white);
    color: var(--ct-ink);
    font-family: var(--wp--preset--font-family--open-sans);
    font-size: 16px;
}

.wp-site-blocks { overflow: clip; }

a { color: inherit; text-underline-offset: 3px; }

.ct-topbar {
    background: var(--ct-navy);
    color: rgba(255,255,255,.78);
    font-size: 13px;
    padding: 9px max(24px, 5vw);
}

.ct-topbar p { margin: 0; }
.ct-topbar a { color: var(--ct-white); text-decoration: none; }
.ct-contact-links { gap: 24px; }

.ct-header {
    position: relative;
    z-index: 20;
    background: rgba(255,255,255,.98);
    border-bottom: 1px solid var(--ct-line);
    padding: 16px max(24px, 5vw);
}

.ct-header::before {
    background: linear-gradient(90deg, var(--ct-blue), #37a0ff 55%, #72d8cf);
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.ct-brand-logo { margin: 0; }
.ct-brand-logo img { display: block; height: auto; max-width: min(260px, 35vw); }

.ct-brand { gap: 13px; }
.ct-brand .wp-block-site-title { font: 700 20px/1.2 var(--wp--preset--font-family--poppins); margin: 0; }
.ct-brand .wp-block-site-title a { color: var(--ct-ink); text-decoration: none; }
.ct-brand .wp-block-site-tagline { color: var(--ct-muted); font-size: 11px; letter-spacing: .06em; margin: 2px 0 0; text-transform: uppercase; }
.ct-nav-wrap { gap: 30px; }
.ct-header .wp-block-navigation { color: var(--ct-ink); font-size: 15px; font-weight: 600; }
.ct-header .wp-block-navigation-item__content { padding: 10px 2px; text-decoration: none; }
.ct-header .wp-block-navigation ul { gap: 28px; }

.wp-block-button__link,
button,
input[type="submit"] {
    background: var(--ct-blue);
    border: 1px solid var(--ct-blue);
    border-radius: 8px !important;
    box-shadow: 0 8px 18px rgba(37,99,235,.18);
    color: #fff !important;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
    padding: 14px 22px;
    text-decoration: none;
    text-transform: none;
    transition: transform .2s ease, background .2s ease, box-shadow .2s ease;
}

.wp-block-button__link:hover { background: var(--ct-blue-dark); border-color: var(--ct-blue-dark); box-shadow: 0 12px 26px rgba(37,99,235,.25); color: #fff !important; transform: translateY(-2px); }
.wp-block-button.is-style-outline .wp-block-button__link { background: transparent; border-color: rgba(255,255,255,.72); box-shadow: none; }
.ct-header .wp-block-button__link { padding: 12px 18px; }

.ct-hero { background: var(--ct-navy); isolation: isolate; }
.ct-hero::after {
    background-image: radial-gradient(circle, rgba(114,216,207,.35) 1px, transparent 1.5px);
    background-size: 24px 24px;
    content: "";
    height: 190px;
    opacity: .28;
    position: absolute;
    right: 4%;
    top: 7%;
    width: 260px;
    z-index: 1;
}
.ct-hero .wp-block-cover__background { background: linear-gradient(90deg, rgba(7,26,51,.97) 0%, rgba(7,26,51,.82) 48%, rgba(7,26,51,.28) 100%) !important; opacity: 1 !important; }
.ct-hero .wp-block-cover__image-background { object-position: center 42%; }
.ct-hero .wp-block-cover__inner-container { padding: 80px max(24px, 5vw); }
.ct-eyebrow { color: #60a5fa; font-size: 13px; font-weight: 800; letter-spacing: .16em; margin: 0 0 18px; text-transform: uppercase; }
.ct-hero-title { color: #fff; font-size: clamp(42px, 5.2vw, 70px); font-weight: 700; letter-spacing: -.035em; line-height: 1.08; margin: 0; max-width: 780px; }
.ct-hero-copy { color: rgba(255,255,255,.82); font-size: clamp(17px, 1.8vw, 20px); line-height: 1.7; margin: 24px 0 0; max-width: 680px; }
.ct-hero-actions { gap: 14px; margin-top: 32px; }
.ct-hero-trust { color: rgba(255,255,255,.74); font-size: 14px; gap: 24px; margin-top: 35px; }
.ct-hero-trust p { margin: 0; }

.ct-stats { background: #fff; border-bottom: 1px solid var(--ct-line); padding: 38px max(24px, 5vw); }
.ct-stats .wp-block-columns { gap: 0; }
.ct-stats .wp-block-column { border-right: 1px solid var(--ct-line); padding: 8px 32px; text-align: center; }
.ct-stats .wp-block-column:last-child { border: 0; }
.ct-stats h3 { color: var(--ct-blue); font-size: clamp(28px, 3vw, 38px); font-weight: 700; margin: 0; }
.ct-stats p { color: var(--ct-muted); font-size: 14px; margin: 4px 0 0; }

.ct-section { padding: clamp(76px, 8vw, 112px) max(24px, 5vw); }
.ct-section-heading { margin: 0 0 46px !important; max-width: 720px; }
.ct-section-heading h2,
.ct-about-copy h2,
.ct-cta h2 { color: var(--ct-ink); font-size: clamp(34px, 4vw, 50px); letter-spacing: -.035em; line-height: 1.15; margin: 0; }
.ct-section-heading > p:last-child, .ct-about-copy > p { color: var(--ct-muted); line-height: 1.75; margin-top: 18px; }

.ct-services { background: var(--ct-surface); }
.ct-card-grid { gap: 22px; }
.ct-card {
    background: #fff;
    border: 1px solid var(--ct-line);
    border-radius: 14px;
    box-shadow: 0 4px 15px rgba(15,23,42,.03);
    padding: 34px;
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.ct-card::before {
    background: linear-gradient(180deg, #37a0ff, #3157e8);
    border-radius: 14px 0 0 14px;
    bottom: 20px;
    content: "";
    left: 0;
    position: absolute;
    top: 20px;
    width: 3px;
}
.ct-card { position: relative; }
.ct-card:hover { border-color: #bfdbfe; box-shadow: var(--ct-shadow); transform: translateY(-6px); }
.ct-card-number { color: var(--ct-blue); font-size: 13px; font-weight: 800; letter-spacing: .12em; }
.ct-card h3 { color: var(--ct-ink); font-size: 22px; font-weight: 700; margin: 28px 0 12px; }
.ct-card > p:not(.ct-card-number):not(.ct-text-link) { color: var(--ct-muted); font-size: 15px; line-height: 1.75; }
.ct-text-link { margin-top: 26px; }
.ct-text-link a { color: var(--ct-blue); font-size: 14px; font-weight: 700; text-decoration: none; }

.ct-about { background: #fff; }
.ct-about .wp-block-columns { gap: clamp(36px, 7vw, 90px); }
.ct-about-image img { aspect-ratio: 4/3; border-radius: 16px; box-shadow: var(--ct-shadow); object-fit: cover; width: 100%; }
.ct-check-list { display: grid; gap: 11px 24px; grid-template-columns: 1fr 1fr; margin: 28px 0 32px; padding: 0; }
.ct-check-list li { color: var(--ct-ink); font-size: 15px; font-weight: 600; list-style: none; }
.ct-check-list li::before { color: var(--ct-teal); content: "✓"; font-weight: 800; margin-right: 9px; }

.ct-why { background: var(--ct-navy); color: #fff; }
.ct-why .ct-section-heading h2 { color: #fff; }
.ct-feature-grid { gap: 50px; }
.ct-feature-grid .wp-block-column { border-top: 2px solid var(--ct-blue); padding-top: 28px; }
.ct-feature-grid .wp-block-column::before {
    background: linear-gradient(135deg, #37a0ff, #3157e8);
    border: 5px solid rgba(255,255,255,.08);
    border-radius: 50%;
    box-shadow: 0 0 0 1px rgba(114,216,207,.25);
    content: "";
    display: block;
    height: 10px;
    margin-bottom: 22px;
    width: 10px;
}
.ct-feature-grid h4 { color: #fff; font-size: 21px; font-weight: 700; margin: 0 0 12px; }
.ct-feature-grid p { color: rgba(255,255,255,.68); line-height: 1.7; }

.ct-cta { background: var(--ct-blue); color: #fff; padding: 65px max(24px, 5vw); }
.ct-cta .ct-eyebrow, .ct-cta h2 { color: #fff; }
.ct-cta h2 { font-size: clamp(30px, 3.5vw, 44px); }
.ct-cta p:last-child { color: rgba(255,255,255,.8); margin: 12px 0 0; }
.ct-cta .wp-block-group.alignwide { gap: 40px; }
.ct-cta .wp-block-button__link { box-shadow: 0 8px 20px rgba(7,26,51,.16); }

.ct-footer { background: var(--ct-navy); color: rgba(255,255,255,.68); padding: 70px max(24px, 5vw) 24px; }
.ct-footer .wp-block-columns { gap: 60px; }
.ct-footer-logo { background: #fff; border-radius: 9px; display: inline-block; margin: 0 0 24px; padding: 7px 12px; }
.ct-footer-logo img { display: block; height: auto; }
.ct-footer h3, .ct-footer h4, .ct-footer .wp-block-site-title a { color: #fff; }
.ct-footer h3 { font-size: 25px; margin: 0 0 18px; }
.ct-footer h4 { font-size: 15px; letter-spacing: .08em; margin: 0 0 20px; text-transform: uppercase; }
.ct-footer p, .ct-footer li { font-size: 14px; line-height: 1.9; }
.ct-footer ul { margin: 0; padding: 0; }
.ct-footer li { margin-bottom: 7px; }
.ct-footer a { color: rgba(255,255,255,.78); text-decoration: none; }
.ct-footer a:hover { color: #fff; }
.ct-footer .wp-block-separator { border-color: rgba(255,255,255,.13); margin: 45px 0 22px; }
.ct-footer-bottom { font-size: 13px; }
.ct-footer-bottom p { margin: 0; }
.ct-footer-badge { color: #72d8cf; font-size: 11px !important; font-weight: 700; letter-spacing: .08em; margin-top: 22px; text-transform: uppercase; }

@media (max-width: 960px) {
    .ct-topbar > .wp-block-group > p:first-child, .ct-header-cta { display: none; }
    .ct-topbar .wp-block-group { justify-content: center; }
    .ct-header { padding-block: 13px; }
    .ct-brand-logo img { max-width: 220px; }
    .ct-brand .wp-block-site-tagline { display: none; }
    .ct-stats .wp-block-columns { display: grid; grid-template-columns: 1fr 1fr; }
    .ct-stats .wp-block-column { border-bottom: 1px solid var(--ct-line); }
    .ct-stats .wp-block-column:nth-child(2) { border-right: 0; }
    .ct-stats .wp-block-column:nth-last-child(-n+2) { border-bottom: 0; }
}

@media (max-width: 781px) {
    .ct-topbar { display: none; }
    .ct-header .wp-block-site-logo img { width: 44px; }
    .ct-brand-logo img { max-width: 195px; }
    .ct-hero { min-height: 620px !important; }
    .ct-hero .wp-block-cover__background { background: rgba(7,26,51,.88) !important; }
    .ct-hero .wp-block-cover__inner-container { padding-block: 70px; }
    .ct-hero-title { font-size: clamp(38px, 12vw, 52px); }
    .ct-hero-trust { align-items: flex-start; flex-direction: column; gap: 8px; }
    .ct-stats .wp-block-column { padding: 20px 10px; }
    .ct-card { padding: 28px; }
    .ct-about .wp-block-columns { gap: 42px; }
    .ct-check-list { grid-template-columns: 1fr; }
    .ct-footer .wp-block-columns { gap: 24px; }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { transition-duration: .01ms !important; }
}

body .is-layout-constrained > * + * {
    margin-block-start: 0;
}

/*
 * Text and navigation link styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

a:active {
    text-decoration:none;
}

a:focus, a:hover, a {
    text-decoration: underline;
}

ul li a {
    text-decoration: none;
}

ul li a:hover, ul li a:focus, a:hover, a:focus  {
    color: var(--wp--preset--color--primary);
}

li {
    list-style: none;
}

.wp-block-navigation .wp-block-navigation-item a:hover {
    text-decoration: none;
}

.has-box-shadow {
    transition: 0.5s !important;
}

.has-box-shadow:hover {
    transform: translateY(-8px) !important;
}

.footer-list-item li a {
    color: var(--wp--preset--color--foreground);;
}



.wp-block-navigation ul li a:hover,
.wp-block-navigation ul li a:focus,
.wp-block-navigation ul li a:active,
.wp-block-navigation ul li.current-menu-item {
   color: var(--wp--preset--color--primary);
 }

.wp-block-navigation ul li a::after {
    content: "";
    display: block;
    position: absolute;
    height: 2px;
    width: 0%;
    left: 0;
    right: 0;
    margin: 0 auto;
    transition: 0.3s width ease-in;
    background-color: var(--wp--preset--color--primary);
}

 .wp-block-navigation ul li a:hover::after
 {
   width: 100%;
 }
 

/*
 * Search and File Block button styles.
 * Necessary until the following issues are resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/36444
 * https://github.com/WordPress/gutenberg/issues/27760
 */

.wp-block-search__button,
.wp-block-file .wp-block-file__button {
    background-color: var(--wp--preset--color--primary);
    border-radius: 0;
    border: none;
    font-size: var(--wp--preset--font-size--medium);
    padding: calc(.667em + 2px) calc(1.333em + 2px);
}

/*
 * Button hover styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

.wp-block-search__button:hover,
.wp-block-file .wp-block-file__button:hover,
.wp-block-button__link:hover {
    opacity: 0.90;
}

/* Blocks inside columns don't have negative margins. */
.wp-site-blocks .wp-block-columns .wp-block-column .alignfull,
.is-root-container .wp-block-columns .wp-block-column .wp-block[data-align="full"],
/* We also want to avoid stacking negative margins. */
.wp-site-blocks .alignfull:not(.wp-block-group) .alignfull,
.is-root-container .wp-block[data-align="full"] > *:not(.wp-block-group) .wp-block[data-align="full"] {
    margin-left: auto !important;
    margin-right: auto !important;
    width: inherit;
}

/*
 * Responsive menu container padding.
 * This ensures the responsive container inherits the same
 * spacing defined above. This behavior may be built into
 * the Block Editor in the future.
 */

.wp-block-navigation__responsive-container.is-menu-open {
    padding-top: var(--wp--custom--spacing--outer);
    padding-bottom: var(--wp--custom--spacing--large);
    padding-right: var(--wp--custom--spacing--outer);
    padding-left: var(--wp--custom--spacing--outer);
}

.block-top-bar{
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    padding-left: var(--wp--custom--spacing--outer);
    padding-right: var(--wp--custom--spacing--outer);
}

.block-nav {
    padding: 0 3rem;
}

.wp-block-image img {
    vertical-align: middle;
}

.banner-title,  .wp-block-columns {
    margin-bottom: 0;

}

.wp-block-column.column-right{
     padding: 0 1.5em;
}

.is-style-wide{
    margin-top: 0;
}

.social-icons.wp-block-navigation{
    gap: 0.5rem;
}

.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:active, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:hover, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:visited {
    border-radius: 3px;
    border: 0;
    cursor: pointer;
    display: block;
    text-transform: uppercase;
    text-decoration: none;
}

.wp-block-site-info{
    max-width: inherit;
}

.wp-block-site-logo img, .wp-block-site-logo.is-default-size img {
    height: 60px;
    width: 180px;
    
}

.block-template, .page-template-fullwidth-template .is-layout-constrained {
    margin-block-start: 0;
}

.wp-block-search__inside-wrapper {
    margin-bottom: 15px;
    width: 98%;
}

.header-nav-block .wp-block-search__inside-wrapper {
    margin-bottom: 0px;
}

.wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container {
    z-index: 999;
}

.site-main, .wp-block-primary {
    padding: 40px;
}

.home .wp-site-blocks > * + *{
    margin-block-start: 0rem;
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="week"],
input[type="month"],
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea {
  background-color: transparent;
  border-radius: 0;
  border: 1px solid var(--wp--preset--color--border-color);
  color: var(--wp--preset--color--foreground);
  padding: calc(0.667em + 2px);
  font-size: var(--wp--preset--font-size--small);
  line-height: var(--wp--custom--typography--line-height--normal);
  width: 100%;
  box-sizing: border-box;
  outline-offset: -2px;
}

input[type="date"]:focus,
input[type="time"]:focus,
input[type="datetime-local"]:focus,
input[type="week"]:focus,
input[type="month"]:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus {
  border-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--foreground);
  outline: none;
  text-decoration: underline;
}

button,
 input[type="reset"],
 input[type="button"],
 input[type="submit"] {
    background-color: var(--wp--preset--color--primary);
    border-radius: 3px;
    border: 0;
    color: var(--wp--preset--color--background);
    cursor: pointer;
    display: block;
    padding-top: max(0.7rem, 0.75vw);
    padding-right: max(1.5rem, 1.85vw);
    padding-bottom: max(0.7rem, 0.75vw);
    padding-left: max(1.5rem, 1.85vw);
    text-transform: uppercase;
    text-decoration: none;
}

.wp-block-button .wp-block-button__link {
    color: var(--wp--preset--color--foreground);
}
 
.wp-block-button .wp-block-button__link:hover, .wp-block-query-pagination a:hover, .wp-block-post-navigation-link a:hover, .wp-block-post-navigation-link a:focus, .wp-block-query-pagination a:focus {
    color: var(--wp--preset--color--background);
}

 input[type="reset"]:hover,
 input[type="button"]:hover,
 input[type="submit"]:hover {
     background-color: var(--wp--preset--color--foreground);
}

 input[type="reset"]:focus,
 input[type="button"]:focus,
 input[type="submit"]:focus{
     border: 1px dotted var(--wp--preset--color--border-color);
     text-decoration: underline;
}
 
 input[type="checkbox"],
 input[type="radio"] {
     padding: 0;
     margin-right: 0.5em;
}

header .wp-block-search {
    margin:10px 0;
}
p.wp-block-site-tagline {
    margin: 0 0 10px 0;
}

.wp-block-separator.has-background:not(.is-style-dots) {
    margin-bottom: 0;
}

/* Navigation */

.wp-block-query-pagination-numbers{
    clear: both;
    margin-bottom: 50px;
    text-align: center;

}

.page-numbers {
    background-color: var(--wp--preset--color--primary);
    min-width: 20px;
    display: block;
    line-height: 1;
    float: left;
    margin-right: 8px;
    border-radius: 50%;
    padding: 10px;
}

.page-numbers:last-child {
    margin-right: 0;
}

.page-numbers.current,
.page-numbers:hover {
    background-color: var(--wp--preset--color--footer-column);
    color: var(--wp--preset--color--background);
}

.wp-block-query-pagination-previous, .wp-block-query-pagination-next, .post-navigation-link-next a, .post-navigation-link-previous a {
    background-color: var(--wp--preset--color--primary);
    box-shadow: 0 3px 3px rgb(0 0 0 / 15%);
    padding: 10px;
}

.post-navigation-link-previous {
    float: left;
}

.post-navigation-link-next {
    float: right;
}

.entry-title, .page-title {
    font-size: var(--wp--custom--typography--font-size--gigantic);
}

.wp-block-post, .wp-block-widget {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    clear: both;
    padding-bottom: 30px;
}

table {
  border-spacing: 0;
  border: 1px solid var(--wp--preset--color--border); 
}
table td,
table th {
    border: 1px solid var(--wp--preset--color--border);
    padding: 15px; }

.wp-block-preformatted {
  background-color: var(--wp--preset--color--border-color);
  box-sizing: border-box;
  font-family: 'Courier Prime', monospace;
  overflow: auto;
  word-wrap: break-word;
  padding: 60px;
  color: var(--wp--preset--color--background);
}

.wp-block-quote {
  position: relative;
  padding: 45px 15px 15px 30px;
  border-radius: 15px;
  background: var(--wp--preset--color--primary);
  border-color: var(--wp--preset--color--foreground); 
  }
  .wp-block-quote p {
    color: var(--wp--preset--color--foreground);
    font-size: var(--wp--preset--font-size--medium);
    font-style: italic;
    margin-top: 0; 
}
.wp-block-quote:before {
    color: var(--wp--preset--color--primary);
    content: "\201C";
    font-family: Georgia;
    font-size: 5.25rem;
    line-height: 0;
    height: auto;
    display: block; 
}
.wp-block-quote.is-large:not(.is-style-plain), .wp-block-quote.is-style-large:not(.is-style-plain) {
    padding: 80px 50px 50px; 
}

.woocommerce ul.products li.product .price,
 .woocommerce ul.products li.product .wc-block-grid__product-price,
 .wc-block-grid__products .price,
 .wc-block-grid__products .wc-block-grid__product-price {
   color: var(--wp--preset--color--foreground);
   display: block;
   font-weight: 500;
   font-size: var(--wp--preset--font-size--normal);
 }
 
 .woocommerce ul.products li.product .price ins,
 .woocommerce ul.products li.product .wc-block-grid__product-price ins,
 .wc-block-grid__products .price ins,
 .wc-block-grid__products .wc-block-grid__product-price ins {
   color: var(--wp--preset--color--link-hover);
 }
 
 .woocommerce ul.products li.product .price del,
 .woocommerce ul.products li.product .wc-block-grid__product-price del,
 .wc-block-grid__products .price del,
 .wc-block-grid__products .wc-block-grid__product-price del {
   opacity: 0.5;
 }
 
 .woocommerce .woocommerce-breadcrumb {
   font-size: var(--wp--preset--font-size--normal);
   margin-bottom: 20px;
 }
 
 .woocommerce div.product .product_title,
 .woocommerce div.product .woocommerce-tabs .panel h2,
 .related.products h2 {
   font-size: var(--wp--preset--font-size--extra-large);
   font-weight: 500;
 }
 
 .woocommerce div.product p.price,
 .woocommerce div.product span.price {
   color: var(--wp--preset--color--foreground);
 }
 
 .woocommerce div.product p.price ins,
 .woocommerce div.product span.price ins {
   color: var(--wp--preset--color--link-hover);
 }
 
 .woocommerce span.onsale {
   background: var(--wp--preset--color--link-hover);
   color: var(--wp--preset--color--white);
 }
 
 .wc-block-grid__products .wc-block-grid__product-title,
 .wc-block-grid__products .woocommerce-loop-product__title,
 .woocommerce ul.products li.product .wc-block-grid__product-title,
 .woocommerce ul.products li.product .woocommerce-loop-product__title {
   font-size: 1.2rem;
   font-weight: 500;
   margin-top: 20px;
   color: var(--wp--preset--color--foreground);
   margin-bottom: 5px;
   padding: 0;
 }
 
 .wc-block-grid__products .wc-block-grid__product-title a,
 .wc-block-grid__products .woocommerce-loop-product__title a,
 .woocommerce ul.products li.product .wc-block-grid__product-title a,
 .woocommerce ul.products li.product .woocommerce-loop-product__title a {
   color: var(--wp--preset--color--foreground);
 }
 
 .woocommerce ul.products li.product {
   text-align: center;
   list-style: none;
   position: relative;
   overflow: hidden;
   height: fit-content;
 }
 
 .woocommerce ul.products li.product .product__thumbnail,
 .woocommerce ul.products li.product .woocommerce-loop-product__title,
 .woocommerce ul.products li.product .wc-block-grid__product-title,
 .woocommerce ul.products li.product .star-rating,
 .woocommerce ul.products li.product .price,
 .woocommerce ul.products li.product .button,
 .woocommerce ul.products li.product .add_to_cart_button,
 .woocommerce ul.products li.product .added_to_cart,
 .woocommerce ul.products li.product .product__content .ws-onsale-wrapper,
 .woocommerce ul.products li.product .ws-loop-product__category,
 .woocommerce ul.products li.product .ws-loop-product__excerpt {
   transform: translateY(0);
   transition: all 0.3s ease-out;
 }
 
 .woocommerce ul.products li.product .button,
 .woocommerce ul.products li.product .product_type_grouped,
 .woocommerce ul.products li.product .product_type_external,
 .woocommerce ul.products li.product .add_to_cart_button {
   display: block;
   text-align: center;
   width: fit-content;
   width: calc(100% - 32px);
   transform: translate(-55%, 0%);
   position: absolute;
   bottom: 80px;
   left: 50%;
   opacity: 0;
   margin: 0px 16px;
   max-width: 70%;
 }
 
 .woocommerce ul.products li.product:hover>.add_to_cart_button {
   opacity: 1;
   transform: translate(-55%, -28px);
 }
 
 .woocommerce ul.products li.product:hover>.product_type_simple {
   opacity: 1;
   transform: translate(-55%, -28px);
 }
 
 .woocommerce ul.products li.product:hover>.added_to_cart {
   opacity: 1;
   transform: translate(-55%, -24px);
   opacity: 1;
 }
 
 .woocommerce ul.products li.product .woocommerce-loop-product__link:has(.star-rating)~.add_to_cart_button {
   bottom: 120px;
 }
 
 .woocommerce .woocommerce-ordering select {
   vertical-align: top;
   padding: 12px;
   background: var(--wp--preset--color--background-secondary);
   border: none;
   font-size: 17px;
 }
 
 .woocommerce div.product .woocommerce-tabs ul.tabs {
   margin: 0;
 }
 
 .woocommerce div.product .woocommerce-tabs ul.tabs:after,
 .woocommerce div.product .woocommerce-tabs ul.tabs:before {
   display: none;
 }
 
 .woocommerce div.product .woocommerce-tabs ul.tabs li {
   background: inherit;
   margin: 0;
   border-radius: 0;
   border-color: var(--wp--preset--color--border);
   padding: 0;
 }
 
 .woocommerce div.product .woocommerce-tabs ul.tabs li:after,
 .woocommerce div.product .woocommerce-tabs ul.tabs li:before {
   display: none;
 }
 
 .woocommerce div.product .woocommerce-tabs ul.tabs li.active,
 .woocommerce div.product .woocommerce-tabs ul.tabs li:hover,
 .woocommerce div.product .woocommerce-tabs ul.tabs li:hover a {
   background-color: var(--wp--preset--color--black);
   color: var(--wp--preset--color--white);
   border-color: transparent;
 }
 
 .woocommerce div.product .woocommerce-tabs ul.tabs li a {
   color: inherit;
   padding: 10px 20px;
 }
 
 .woocommerce div.product .woocommerce-tabs .panel {
   padding: 40px;
   border: 1px solid var(--wp--preset--color--border);
   margin-top: -1px;
 }

/* All Mobile Screen ( smaller than 1440px )
 */

@media only screen and (max-width: 1440px) {
    h2.pricing-block-heading {
        padding-left: 40px;
    }

}

/* All Mobile Screen ( smaller than 768px )
 */
@media only screen and (max-width: 768px) {
    .is-default-size.alignleft.wp-block-site-logo, .wp-block-site-title, .wp-block-site-tagline, .wp-block-site-logo {
        text-align: center;
        float: inherit;
    }

    ul.pricing-block-content {
        text-align: center;
    }

    ul.pricing-block-content li {
        list-style: none;
    }

    .wp-block-group.site-info, .header-quote.social-icon, .wp-block-navigation__responsive-container {
        padding-left: 20px;
    }

}