/*
Theme Name: Data Science Specialist Pro
Theme URI: https://www.cretathemes.com/products/machine-learning-wordpress-theme
Description: Child Theme
Author: Hammer Development Limited
Author URI: https://hammertech.com.hk
Template: data-science-specialist-pro
Version: 1.0.0
*/
/* Add your custom styles here */

:root {
  --wp--preset--font-family--inter: "Inter", sans-serif;
}

/* Smooth scroll with fixed header offset */
html {
  scroll-behavior: smooth;
  scroll-padding-top: 100px;
}

body,
h1,
h2,
h3,
h4,
h5,
.slider-section .wp-block-button__link,
p.small-title,
.project-section .project-content p,
.project-section .wp-block-getwid-tabs__nav-link a,
.records-section .wp-block-column p,
.team-section .team-content p,
.testimonial-section span.wp-block-getwid-testimonial__title,
.testimonial-section span.wp-block-getwid-testimonial__subtitle,
.blog-section a.gb-block-post-grid-more-link.gb-text-link,
.about-content p.hire-text,
.archive-blog .wp-block-post-excerpt__more-text a,
.search-results .wp-block-post-excerpt__more-text a,
header .wp-block-navigation__container > .wp-block-navigation-item a,
header .wp-block-page-list > .wp-block-navigation-item a {
  font-family: var(--wp--preset--font-family--inter) !important;
}

.spinner-loading-box {
  background-color: #fff !important;
}
.spinner-loading-box .loader,
.spinner-loading-box .loader img {
  width: 100px !important;
  height: 100px !important;
}

.wp-block-page-list > .wp-block-navigation-item.current-menu-item a,
.wp-block-navigation__container > .wp-block-navigation-item.current-menu-item a,
.wp-block-navigation__container > .wp-block-navigation-item a.current-menu-item {
  color: #01a982 !important;
}

.wp-block-navigation__responsive-container-open {
  color: #162f67 !important;
}

.stk-button {
  margin-top: 0 !important;
}

.why-icon {
  margin-bottom: -50px !important;
  z-index: 2;
}

.wp-block-image:before {
  content: none !important;
}

#new-slider-section {
  max-height: none !important;
  height: auto !important;
}
.new-slider-section h2,
.new-slider-section p {
  line-height: 160% !important;
}

header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
  z-index: 999;
  height: 88px;
}

main {
  margin-top: 88px !important; /* Adjust this value based on the height of your header */
}

.contact-wrapper {
  overflow: hidden;
  box-shadow:
    0 1px 1px hsl(0deg 0% 0% / 0.075),
    0 2px 2px hsl(0deg 0% 0% / 0.075),
    0 4px 4px hsl(0deg 0% 0% / 0.075),
    0 8px 8px hsl(0deg 0% 0% / 0.075),
    0 16px 16px hsl(0deg 0% 0% / 0.075);
}

textarea {
  font-family: inherit;
}

.computer-service-section,
.unlock-section {
  background-size: 100% !important;
  background-repeat: no-repeat;
}

.unlock-section .unlock-image img {
  object-fit: contain !important;
}

.social-icon-wrapper svg {
  font-size: inherit !important;
}

.under-wrapper-title {
  width: 100% !important;
}

.grecaptcha-badge {
  bottom: 100px !important;
}

#banner-product1,
#banner-product1 img {
  max-width: 100% !important;
}

.case-study-column .new-label {
  width: fit-content;
  background-color: #4ce0ff;
  padding: 5px 15px;
  border-radius: 30px;
  margin: -50px 0 15px 20px;
  color: #fff;
}

.case-study-column .filter-label {
  float: left;
  margin: 20px 15px 20px 0;
}

.case-study-column .filter-label + p:not(.filter-label) {
  clear: left;
}

main {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.main {
  margin-top: 88px !important;
}
.grid-container {
  padding-right: 0px;
  padding-left: 0px;
}
@media (min-width: 1200px) {
  .grid-container {
    max-width: 1400px;
  }
}

.filter-custom-wrapper .gutentor-single-col {
  overflow: hidden;
}

.custom-post .gutentor-post-image-box {
  border-radius: 20px;
}
.custom-post .gutentor-entry-meta-primary {
  color: transparent;
}
.custom-post .gutentor-entry-meta-primary a {
  margin: 10px 0;
  border: 1px solid #162f67;
  padding: 10px 30px;
  border-radius: 20px;
  color: #162f67 !important;
}
.custom-post .gutentor-entry-meta-secondary a {
  font-weight: bold;
}
.wp-site-blocks [class*="wp-block-gutentor-"].custom-post img {
  width: 100%;
  height: 260px;
}
.custom-post .gutentor-meta-categories {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
}

.custom-card {
  overflow: hidden;
}

.social-icon-wrapper {
  justify-content: flex-start !important;
}

.brand-wrapper .wp-block-stackable-icon {
  right: 15px !important;
  bottom: 25px !important;
}

.gutentor-pagination-link {
  background-color: transparent !important;
  color: #c4c4c4;
  margin: 0 10px;
}
.gutentor-pagination-link i {
  line-height: 30px;
  height: 30px;
  width: 30px;
  text-align: center;
  padding: 0;
  border: 2px solid;
  border-radius: 30px;
  font-size: 24px;
  margin-left: 0;
  margin-right: 0;
}
.gutentor-pagination-link .fas {
  font-size: 16px;
}
.gutentor-pagination-active .gutentor-pagination-link {
  color: #162f67;
  border: 0;
}

@media screen and (max-width: 768px) {
  .new-slider-section {
    background-image: url(./assets/images/banner-bg-mobile.jpg) !important;
    background-position: bottom center;
  }

  .contact-outer-wrapper {
    padding: 0px !important;
  }

  .contact-wrapper {
    margin: 0 !important;
    box-shadow: none;
    border-radius: unset !important;
  }

  .social-icon-wrapper {
    justify-content: center;
  }

  .footer-text p {
    text-align: center;
  }

  .contact-section {
    padding-top: 0 !important;
  }

  .slider-left-col {
    padding-top: 2rem !important;
  }

  .slider-right-col img {
    max-width: 100% !important;
  }

  .unlock-section {
    background: none !important;
  }
}