:root {

      --dark: #111111;

      --teal: #3f7884;

      --teal-dark: #397481;

      --mint: #aee8dd;

      --light-green: #aee8c5;

      --grey: #d8d8d8;

      --contact-grey: #bdbdbd;

      --purple: #6600ea;

      --white: #ffffff;

      --black: #000000;

      --text: #111111;

      --body: #222222;

      --max: 960px;

    }



    * {

      box-sizing: border-box;

      margin: 0;

      padding: 0;

    }



    html {

      scroll-behavior: smooth;

    }



    body {

      font-family: "Avenir LT Pro 35 Light";

      color: var(--text);

      background: var(--white);

      font-size: 14px;

      line-height: 1.55;

    }



    img {

      display: block;

      max-width: 100%;

    }



    a {

      color: inherit;

      text-decoration: none;

    }



    .site-wrap {

      width: 100%;

      overflow: hidden;

    }



    .container {

      width: min(92%, var(--max));

      margin: 0 auto;

    }



    h1, h2, h3 {

      font-family: 'Playfair Display' !important;

      font-weight: 700;

      line-height: 1.05;

    }



    p

    {

      font-family: "Avenir LT Pro 35 Light";

      font-size: 17px !important;

    }



.btn {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    background: var(--purple);

    color: var(--white);

    padding: 15px 30px;

    font-size: 14px;

    font-weight: 500;

    line-height: 1;

    border-radius: 2px;

    border: 0;

    transition: transform .2s ease, opacity .2s ease;

}



.section-title {

    font-size: 75px !important;

}



    .btn:hover {

      transform: translateY(-1px);

      opacity: .92;

    }



    /* Header */

    .top-nav {

      background: var(--white);

      position: relative;

      z-index: 5;

    }



  .top-nav ul {

      display: grid;

      grid-template-columns: repeat(9, 1fr);

      list-style: none;

      max-width: 100%;

      margin: 0 auto;

      text-align: center;

      padding: 2px 0 1px;

  }



.top-nav a {

    height: auto;

    display: grid;

    place-items: center;

    font-size: 16px;

    line-height: 1;

    border-right: 1px solid #d8d8d8;

    color: #141414;

    white-space: nowrap;

    padding: 15px;

}



    .top-nav li:first-child a {

      background: #000000;

      color: #ffffff;

      border-right-color: #000000;

    }



    /* Hero */

    .hero {

      display: grid;

      grid-template-columns: 28% 44% 28%;

      min-height: 385px;

      background: var(--teal);

    }



    .hero-image {

      position: relative;

      overflow: hidden;

      background: #101820;

    }



    .hero-image img {

      width: 100%;

      height: 100%;

      object-fit: cover;

    }



    .hero-image.hero-left img {

      object-position: center bottom;

    }



    .hero-image.hero-right img {

      object-position: center bottom;

    }



    .hero-center {

      background: var(--teal);

      color: var(--white);

      display: flex;

      align-items: center;

      justify-content: center;

      text-align: center;

      padding: 38px 24px;

    }



    .hero-content h1 

    {

      font-size: clamp(32px, 5vw, 54px);

      margin-bottom: 22px;

      text-shadow: 0 1px 0 rgba(0,0,0,.08);

      line-height: 65px;

    }



    .hero-content p {

      font-size: 12px;

      margin-bottom: 18px;

      color: rgba(255,255,255,.95);

    }



    /* Featured Books */

    .books-section {

      padding: 24px 0 46px;

      background: var(--white);

    }



    .section-title {

      text-align: center;

      font-size: clamp(34px, 5vw, 48px);

      color: var(--black);

      margin-bottom: 24px;

    }



    .books-grid {

      width: min(78%, 860px);

      margin: 0 auto;

      display: grid;

      grid-template-columns: repeat(3, 1fr);

      gap: 42px;

      align-items: start;

    }



 .book-card img {

    width: 100%;

    max-width: 100%;

    height: auto;

    object-fit: cover;

    margin: 0;

    box-shadow: 0 3px 10px rgba(0,0,0,.14);

}



    .book-card h3 {

      font-family: var(--sans);

      font-size: 13px;

      line-height: 1.35;

      font-weight: 700;

      margin-bottom: 9px;

    }



    .book-card p {

      font-size: 11px;

      line-height: 1.55;

      color: #303030;

    }



    /* About */

    .about-section {

      background: #efefef;

      border-top: 2px solid #bcbcbc;

      padding: 0;

    }



    .about-grid 

    {

        display: grid;

        grid-template-columns: 33% 67%;

        align-items: stretch;

        max-width: 100%;

        margin: 0 auto;

    }



    .about-image img 

    {

      width: 100%;

      height: 100%;

      min-height: 360px;

      object-fit: cover;

      object-position: center;

    }



    .about-content p {

      padding-right: 100px;

  }



    .about-content {

      padding: 26px 34px 28px;

      background: #ededed;

    }



    .about-content h2 {

      display: inline-block;

      font-size: 34px;

      margin-bottom: 14px;

      border-bottom: 3px solid #111111;

      padding-bottom: 2px;

    }



  .about-content p {

      font-size: 14px;

      line-height: 1.58;

      margin-bottom: 11px;

  }



    /* Memorabilia */

    .memorabilia-section {

      background: var(--mint);

      padding: 24px 0 82px;

    }



    .memorabilia-section .section-title {

      color: #8a0016;

      margin-bottom: 24px;

    }



    .memorabilia-grid {

      width: min(78%, 880px);

      margin: 0 auto;

      display: grid;

      grid-template-columns: repeat(3, 1fr);

      gap: 56px;

    }



    .memorabilia-card h3 {

      text-align: center;

      font-size: 22px;

      margin-bottom: 40px;

    }



    .memorabilia-card img {

      width: 150px;

      height: 185px;

      object-fit: cover;

      margin: 0 auto 42px;

    }



    .memorabilia-card p {

      font-size: 14px;

      line-height: 1.55;

      margin-bottom: 12px;

      margin-top: 10px;

    }

    /* Gallery */

    .gallery-section {

      background: var(--teal-dark);

      color: var(--white);

      padding: 34px 0 56px;

      text-align: center;

    }



    .gallery-section .section-title {

      color: var(--white);

      margin-bottom: 14px;

    }



    .gallery-section .btn {

      margin-bottom: 26px;

    }



    .gallery-content {

      width: min(52%, 560px);

      margin: 0 auto;

    }



  .gallery-content img {

      width: 100%;

      max-width: 100%;

      max-height: max-content;

      object-fit: cover;

      margin: 0 auto 24px;

  }

    .gallery-content p {

      text-align: left;

      font-size: 12px;

      line-height: 1.6;

      color: rgba(255,255,255,.96);

      margin: 0 auto 28px;

    }



    /* Services */

    .services-section {

      background: var(--light-green);

      padding: 24px 0 46px;

    }



    .services-section .section-title {

      margin-bottom: 12px;

    }



    .services-intro 

    {

        text-align: center;

        font-weight: 600;

        font-style: italic;

        font-size: 18px;

        margin: 15px auto 22px;

        width: min(82%, 750px);

        font-family: 'Playfair Display' !important;

        font-size: 16px !important;

    }



    .services-list {

      width: min(72%, 760px);

      margin: 0 auto;

    }



    .service-item {

      display: grid;

      grid-template-columns: 24px 1fr;

      gap: 8px;

      margin-bottom: 20px;

    }



    .service-icon {

      font-size: 17px;

      line-height: 1.2;

      text-align: center;

    }



    .service-item h3 {

      font-family: var(--sans);

      font-size: 22px;

      line-height: 1.25;

      margin-bottom: 7px;

    }



    .service-item p {

      font-size: 11px;

      line-height: 1.55;

    }



    /* Testimonials */

    .testimonials-section {

      background: #eeeeee;

      padding: 35px 0 46px;

    }



    .testimonials-section .section-title {

      font-size: clamp(26px, 4vw, 38px);

      margin-bottom: 28px;

    }



  .testimonial-wrap {

      width: min(72%, 900px);

      margin: 0 auto;

      display: grid;

      grid-template-columns: 1.15fr .85fr;

      gap: 44px;

      align-items: start;

  }



    .testimonial-text p {

      font-size: 11px;

      line-height: 1.55;

      margin-bottom: 12px;

    }



    .testimonial-text strong {

      font-weight: 700;

    }



    .testimonial-image img {

      width: 100%;

      max-width: 310px;

      margin: 0 auto;

      height: 420px;

      object-fit: cover;

      object-position: center top;

    }



    /* Contact */

    .contact-section {

      background: var(--contact-grey);

      padding: 26px 0 40px;

      text-align: center;

    }



    .contact-section .section-title {

      margin-bottom: 16px;

    }



    .contact-section .btn {

      margin-bottom: 25px;

    }



    .contact-content {

      width: min(72%, 900px);

      margin: 0 auto;

      text-align: left;

  }



    .contact-content p,

    .contact-content li {

      font-size: 11px;

      line-height: 1.6;

    }



    .contact-content p {

      margin-bottom: 13px;

    }



    .contact-content ul {

      margin: 16px 0 22px 16px;

    }



    .contact-content li {

      margin-bottom: 8px;

    }



   .footer-note {

    margin-top: 18px;

    font-size: 14px !important;

    line-height: 1.45 !important;

}



    /* Responsive */

    @media (max-width: 900px) {

      .hero {

        grid-template-columns: 1fr;

      }



      .hero-image {

        height: 360px;

      }



   .hero-center {
    min-height: 320px;
    order: 0;
}



      .books-grid,

      .memorabilia-grid,

      .testimonial-wrap,

      .about-grid {

        width: min(88%, 760px);

        grid-template-columns: 1fr;

      }



      .about-grid {

        width: 100%;

      }



      .about-content {

        padding: 30px 6%;

      }



      .gallery-content,

      .services-list,

      .contact-content {

        width: min(88%, 760px);

      }



      .memorabilia-card img {

        margin-bottom: 22px;

      }



      .testimonial-image img {

        height: auto;

      }

    }



    @media (max-width: 640px) {

      .top-nav {

        height: auto;

      }



      .top-nav ul {

        height: auto;

        grid-template-columns: repeat(2, 1fr);

      }



      .top-nav a {

        height: 32px;

        font-size: 11px;

        border-bottom: 1px solid #e1e1e1;

      }



      .hero-content h1 {

        font-size: 35px;

      }



      .hero-image {

        height: 300px;

      }



      .books-grid,

      .memorabilia-grid {

        gap: 28px;

      }



      .book-card {

        text-align: center;

      }



      .section-title {

        font-size: 36px;

      }



      .about-content h2 {

        font-size: 32px;

      }

    }



.book-card h3 {

    margin: 20px 0;

    font-family: 'Montserrat' !important;

    font-size: 17px;

    font-weight: 600;

}



  .book-card p 

  {

      font-size: 15px;

      line-height: 1.55;

      color: #303030;

  }



  .memorabilia-card img 

  {

      width: 100%;

      height: auto;

      object-fit: cover;

      margin: 0;

      margin-bottom: 30px;

  }



  #gallery .section-title 

  {

      margin-bottom: 40px;

  }





 .service-item h3 {

    font-family: 'Montserrat' !important;

    font-weight: 600;

    margin-bottom: 20px;

}



.service-item {

    display: grid;

    grid-template-columns: 24px 1fr;

    gap: 8px;

    margin-bottom: 20px;

    margin-top: 30px;

}



.section-disc {

    width: 100%;

    max-width: 900px;

    margin: 0 auto;

    margin-bottom: 40px;

    font-size: 15px !important;

    font-weight: 600;

}

.bold-text

{

  font-weight: 600;

}



.contact-content p {

    font-weight: 600 !important;

}



.contact-content li {

    margin-bottom: 8px;

    font-weight: 600;

    font-size: 17px;

}



.hero-content p span {

    position: relative;

}



.hero-content p span:after {

    position: absolute;

    content: '';

    width: 8px;

    height: 8px;

    background: #fff;

    border-radius: 50%;

    top: 6px;

    margin: 0px -7px;

}



.hero-content p span {

    position: relative;

}



.baricon{

    display: none;

    font-size: 24px;

    cursor: pointer;

    padding: 15px;

    z-index: 1001;

    position: relative;

}



.menu-overlay

{

    position: fixed;

    inset: 0;

    background: rgba(0,0,0,0.5);

    opacity: 0;

    visibility: hidden;

    transition: .3s;

    z-index: 998;

}

.menu-overlay.active

{

    opacity: 1;

    visibility: visible;

}

.close-menu

{

    display: none;

}









.top-nav{

    width:100%;

    background:#fff;

    position:sticky;

    top:0;

    z-index:999;

    box-shadow:0 2px 15px rgba(0,0,0,.08);

}



.header-container{

    max-width:1400px;

    margin:auto;

    padding:12px 35px;

    display:flex;

    align-items:center;

    justify-content:space-between;

}



.logo-area{

    display:flex;

    align-items:center;

    text-decoration:none;

    gap:18px;

    flex-shrink:0;

}



.logo-area img{

    width:130px;

    height:130px;

    object-fit:contain;

}



.logo-text h2{

    margin:0;

    font-size:34px;

    color:#0a2b66;

    font-weight:700;

    line-height:1;

    text-transform:uppercase;

    letter-spacing:1px;

}



.logo-text span{

    display:block;

    margin-top:8px;

    color:#4c7894;

    font-size:15px;

    letter-spacing:2px;

    text-transform:uppercase;

}



.nav_menu{

    display:flex;

    align-items:center;

    gap:35px 0;

    list-style:none;

    margin:0;

    padding:0;

}



.nav_menu li{

    position:relative;

}



.nav_menu a{

    text-decoration:none;

    color:#222;

    font-size:15px;

    font-weight:600;

    transition:.3s;

    padding:10px 0;

}



.nav_menu a:hover,

.nav_menu a.active{

    color:#0b61b8;

}



.nav_menu li::after{

    content:"";

    position:absolute;

    left:0;

    bottom:-8px;

    width:0;

    height:2px;

    background:#59b7e8;

    transition:.3s;

}



.nav_menu li:hover::after{

    width:100%;

}



.baricon,

.close-menu{

    display:none;

    cursor:pointer;

    font-size:24px;

}

.logo-area img {

  width: 130px;

  height: 130px;

  object-fit: contain;

}

.top-nav nav {
    width: calc(100% - 160px);
}
.menu_icons a {
    border-right: none;
}.menu_icons {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    border-right: none !important;
}

@media (max-width:767px)

{

    .baricon 

    {
      display: block;
      text-align: right;
    }

    .nav_menu
    {
      position: fixed;
      top: 0;
      right: -300px;
      width: 280px;
      height: 100vh;
      background: #fff;
      display: flex;
      flex-direction: column;
      transition: .4s;
      z-index: 999;
      margin: 0;
      padding: 0;
      overflow-y: auto;
    }

   .nav_menu.active {
    right: 0;
    z-index: 9999;
    height: calc(100vh - 270px);
    overflow: scroll;
}

.menu_icons {
    display: block;
}

    .close-menu

    {

        display: flex;

        justify-content: flex-end;

        padding: 20px;

        font-size: 28px;

        cursor: pointer;

        border-bottom: 1px solid #ddd;

    }

    .nav_menu li

    {

        list-style: none;

        border-bottom: 1px solid #ddd;

    }

    .nav_menu li a

    {
      display: block;
      padding: 18px 20px;
      text-decoration: none;
      color: #000;
    }

    .top-nav ul 

    {
      display: block;
    }

    li.close-menu i 

    {
      font-size: 20px;
    }

    .top-nav a 

    {
      border-right: none;
    }

    .top-nav a 
    {
      height: auto !important;
      font-size: 16px;
      border-bottom: none !important;
    }

    .header-container 
    {
      max-width: 100% !important;
      margin: auto;
      padding: 12px 0px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-direction: row-reverse;
      width: 100% !important;
    }

  .top-nav nav {
      width: auto;
      position: absolute;
  }

  .hero-image {
      height: auto;
  }

.book-card img {
    height: auto;
}

.memorabilia-card img {
    width: 100%;
    height: auto;
}
.hero-content h1 {
    line-height: 40px;
}

.section-title {
    font-size: 50px !important;
}

.memorabilia-section {
    background: var(--mint);
    padding: 24px 0 30px;
}

.top-nav a {
    padding: 0px 15px;
}

.menu_icons {
    justify-content: center;
}

.testimonial-image img {
    width: 100%;
    max-width: 100%;
    height: auto;
}

.testimonial-wrap 
{
    gap: 20px;
}

.memorabilia-card h3 
{
    margin-bottom: 30px;
}

.memorabilia-section .section-title 
{
    margin-bottom: 15px;
}

.nav_menu li::after {
    display: none;
}
.books-section {
    padding: 24px 0 30px;
}

.gallery-section {
    padding: 34px 0 10px;
}
}

@media (max-width:640px)
{
 .section-title {
    font-size: 40px !important;
}
}

@media (max-width:576px)
{
  .section-title {
    font-size: 30px !important;
}

.about-content p {
    padding-right: 0;
}
#gallery .section-title {
    margin-bottom: 20px;
}
.section-disc {
    padding: 0 30px;
}

.hero-content h1 {
    font-size: 30px;
}
.about-content h2 {
    font-size: 30px;
}
}

@media (max-width:480px)
{
  .section-title {
    font-size: 25px !important;
}

.about-content h2 {
    font-size: 25px;
}

.section-disc {
    padding: 0 25px;
}
}


.shop-grid{

display:grid;

grid-template-columns:300px 1fr;

gap:40px;

}

.products{

display:grid!important;

grid-template-columns:repeat(3,1fr);

gap:30px;

}

.products li{

width:100%!important;

margin:0!important;

float:none!important;

}


.shop-products-section {
    padding: 70px 0;
}

.shop-toolbar {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    align-items: center;
}
.woocommerce-ordering select {
    width: auto;
    height: auto;
    padding: 10px;
    background: #fff;
    border-radius: 5px;
    outline: none;
}

.products li {
    list-style: none;
}
.products li a img {
    width: 100% !important;
    height: auto !important;
    border-radius: 10px;
    margin-bottom: 15px;
}

.woocommerce-loop-product__title 
{
    margin-bottom: 5px;
    font-size: 20px;
    text-align: center;
}

.shop-content .price {
    font-size: 20px !important;
    text-align: center;
    width: 100%;
    display: inline-block;
}

.price {
    text-align: left;
}

.wc-block-product-filters__overlay {
    background: #fff;
    box-shadow: 0 0 3px 0px rgba(0,0,0,.1);
    padding: 20px;
    border-radius: 10px;
}

.wp-block-heading {
    font-size: 20px;
    margin-bottom: 20px !important;
}
.shop-content ul {
    padding-left: 0;
}

.shop-toolbar p {
    margin-bottom: 0;
}

.wp-block-woocommerce-product-filter-price .wp-block-heading {
    margin-bottom: 0 !important;
}

.wc-block-product-filter-price-slider .text input[type=text] {
    border: 1px solid #d3d3d373;
    padding: 5px 10px;
    background: #d3d3d373;
    outline: none;
    color: #000000;
}

.product_type_simple.add_to_cart_button.ajax_add_to_cart {
    display: block;
    border: 1px solid #347985;
    padding: 6px;
    border-radius: 5px;
    text-align: center;
    margin: 10px 0 0;
    width: 60%;
    margin: 10px auto 0;
    color: #347985;
    transition: .5s;
}

.product_type_simple.add_to_cart_button.ajax_add_to_cart:hover {
    background: #347985;
    color: #fff;
    border-color: #347985;
}

.product_title {
    font-size: 30px!important;
    margin-bottom: 15px!important;
}
.quantity input {
    height: 35px !important;
    border: 1px solid #ccc;
    border-radius: 5px;
    text-align: center;
    margin-bottom: 20px;
    outline: none;
}

.product-type-simple {
    padding: 70px 0 0;
}

.shop-content .product-type-simple 
{
    padding: 0px 0 0;
}

.wc-block-product-filter-checkbox-list__input-wrapper:before 
{
    height: 20px !important;
    width: 20px !important;
    top: -4px !important;
}

.wc-block-product-filter-checkbox-list__text 
{
    font-size: 16px !important;
}

.wc-block-product-filter-checkbox-list__label {
    gap: 15px !important;
}

svg.wc-block-product-filter-checkbox-list__mark {
    left: 2px;
    top: -2px;
    width: 15px;
}

.wc-block-product-filter-removable-chips__items 
{
    width: 100%;
}

.wc-block-product-filter-price-slider__range input[type=range] {
    top: -2px;
}
.wc-block-product-filter-price-slider__range .range-bar {
    height: 2px;
    position: relative;
}

.wc-block-product-filter-price-slider__range:before {
    height: 2px;
}

.wc-block-product-filter-removable-chips__items .wc-block-product-filter-removable-chips__item {
    width: 100%;
}

.wc-block-product-filter-removable-chips__label 
{
    font-size: 16px;
}
.related.products 
{
    display: none !important;
}
.flex-control-thumbs li 
{
    width: 90px!important;
    list-style: none;
}
.woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images img 
{
    width: 100% !important;
    height: auto !important;
}
.woocommerce-message 
{
    outline: none !important;
    border-top-color: #347985;
}
.woocommerce-message::before 
{
    content: "\e015";
    color: #347985;
}
.woocommerce-product-gallery__trigger 
{
    display: none;
}

.flex-control-nav.flex-control-thumbs 
{
    padding-left: 0;
}

ul.tabs.wc-tabs 
{
    display: none;
}

.added_to_cart {
    display: block;
    border: 1px solid #347985;
    padding: 6px;
    border-radius: 5px;
    text-align: center;
    margin: 10px 0 0;
    width: 60%;
    margin: 10px auto 0;
    color: #347985;
    transition: .5s;
}

.site-main 
{
    padding: 70px 0;
}

.svt-breadcrumbs 
{
    margin-bottom: 10px;
    font-size: 18px;
}
.wc-block-components-product-metadata__description {
    display: none;
}

.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__wrap, table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__wrap {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    gap: 4px;
    justify-content: space-between;
}

.wc-block-cart-item__prices {
    display: none !important;
}

.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name, table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name {
    font-size: 16px;
}

.wc-block-cart__submit-button 
{
    background: #347985;
    border-radius: 5px;
    font-size: 18px;
}

.wp-block-woocommerce-cart-order-summary-coupon-form-block.wc-block-components-totals-wrapper {
    display: none;
}

h2.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title {
    font-size: 20px;
}

.wc-block-components-quantity-selector {
    padding: 10px 0;
}

.wp-block-woocommerce-checkout-order-summary-coupon-form-block.wc-block-components-totals-wrapper {
    display: none;
}

button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.wc-block-components-checkout-place-order-button--full-width.contained {
    background: #347985;
    font-size: 16px;
    border-radius: 5px;
}

.wp-block-woocommerce-checkout {
    padding-top: 10px;
}

.post-13 h1 {
    font-size: 30px;
    margin-bottom: 20px;
}

#customer_login h2 {
    font-size: 25px;
    margin: 20px 0 0;
}

.woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
    background: #347985 !important;
    color: #fff !important;
}

.woocommerce-form-register__submit {
     background: #347985 !important;
      color: #fff !important;
}

.woocommerce form .form-row .input-text, .woocommerce form .form-row select {
    outline: none;
}
form.woocommerce-form.woocommerce-form-login.login {
    padding-bottom: 57px;
}

.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
    border: none;
    padding: 20px;
    margin: 2em 0;
    text-align: left;
    border-radius: 10px;
    height: 100%;
    box-shadow: 0 0 3px 0 rgba(0,0,0,.2);
}

input#rememberme {
    width: 20px;
    height: 20px;
    margin-top: 10px;
}

.woocommerce-form-login__rememberme span {
    position: relative;
    top: -4px;
    left: 5px;
}

.product-type-simple .row {
    align-items: center;
}
.hero-row {
    position: relative;
}

.hero-content {
    position: absolute;
    top: 50%;
    right: 200px;
    transform: translate(0px, -50%);
}

.hero-content h1 {
    color: #fff;
}

.hero-image img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.woocommerce-tabs {
    padding: 0;
}

#home .hero-content {
    position: unset;
    transform: translate(0px, 0%);
}

#home .hero-image img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

@media (max-width:767px)
{
  .shop-grid {
    display: block;
}
.shop-content {
    margin: 20px 0 0;
}
.container {
    width: min(100%, var(--max));
    margin: 0 auto;
    max-width: 100%;
    padding: 0 25px;
}
}

@media (max-width:600px)
{
    .wc-block-product-filters__overlay {
      background: transparent;
      box-shadow: 0 0 3px 0px rgba(0,0,0,.1);
      padding: 20px;
      border-radius: 10px;
  }

  .hero-content {
      right: 0;
      width: 60%;
  }
  .shop-products-section {
    padding: 30px 0;
}

.products {
    display: grid!important;
    grid-template-columns: repeat(2,1fr);
    gap: 30px;
}
.woocommerce-loop-product__title 
{
    margin-bottom: 5px;
    font-size: 16px;
    text-align: center;
}
.woocommerce-product-gallery 
{
    margin-bottom: 30px;
}

.product_title 
{
    font-size: 22px !important;
}
.woocommerce-tabs {
    padding: 0 !important;
}
}

li.product-category .woocommerce-loop-category__title {
    font-size: 16px;
}
mark.count {
    padding: .1875em;
    background-color: transparent;
    margin: 10px 0 0 0;
    display: block;
    width: auto;
}.button.product_type_simple {
    display: block;
    border: 1px solid #347985;
    padding: 6px;
    border-radius: 5px;
    text-align: center;
    margin: 10px 0 0;
    width: 60%;
    margin: 10px auto 0;
    color: #347985;
    transition: .5s;
}.button.product_type_simple:hover {
    background: #347985;
    color: #fff;
    border-color: #347985;
}
.hero-content {
    position: absolute;
    top: 50%;
    right: 100px;
    transform: translate(0px, -50%);
    width: 50%;
}

.cart-count {
    position: absolute;
    top: -7px;
    right: -12px;
    width: 18px;
    height: 18px;
    padding: 0 !important;
    border-radius: 50px;
    background: #28616b !important;
    color: #ffffff !important;
    font-size: 11px;
    font-weight: 700;
    line-height: 18px;
    text-align: center;
    outline: 1px solid #28616b;
    /* outline-offset: 2px; */
}

.shop_btn a:hover {
    background: #fff;
    color: #000;
    opacity: 1;
}
.shop_btn {
    margin-left: 90px;
}

@media (max-width:767px)
{
  .hero-content {
    position: unset;
    top: 50%;
    right: 100px;
    width: 100%;
    transform: translate(0px, 0px);
    background: #003f5e;
    padding: 20px 0;
}
.hero-content p {
    font-size: 12px;
    margin-bottom: 18px;
    color: rgba(255,255,255,.95);
    margin-left: 30px !important;
}
 
.hero-content h1 {
    font-size: clamp(32px, 5vw, 54px);
    margin-bottom: 22px;
    text-shadow: 0 1px 0 rgba(0,0,0,.08);
    line-height: 65px;
    margin-left: 30px !important;
}
 
.shop_btn {
    margin-left: 30px;
}

    .cart-count {
    position: absolute;
    top: 3px !important;
    right: 41% !important;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 50px;
    background: #ffffff;
    color: #000000;
    font-size: 11px;
    font-weight: 700;
    line-height: 18px;
    text-align: center;
}
}


@media (max-width:480px)
{
    .hero-content h1 {
        color: #fff;
        font-size: 25px !important;
        line-height: normal !important;
        margin-bottom: 15px !important;
    }
}


@media (max-width:767px)
{
    #home .hero-content {
        background: transparent !important;
    }
}


.testimonial-slider .testimonial-item{
    padding:15px;
}

.testimonial-wrap{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:40px;
}

.testimonial-text{
    width:60%;
}

.testimonial-image{
    width:40%;
}

.testimonial-image img{
    width:100%;
    border-radius:10px;
}

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

    .testimonial-text,
    .testimonial-image{
        width:100%;
    }
}

.testimonial-slider .owl-dots {
    display: block !important;
    text-align: center;
    margin-top: 30px;
}

.testimonial-slider .owl-dot {
    display: inline-block !important;
    margin: 0 5px;
}

.testimonial-slider .owl-dot span {
    width: 12px;
    height: 12px;
    background: #ccc;
    border-radius: 50%;
    display: block;
    transition: all .3s ease;
}

.testimonial-slider .owl-dot.active span {
    background: #000; /* Change as needed */
}

.testimonial-slider .owl-dot:hover span {
    background: #666;
}


.owl-nav button.owl-next i.fa.fa-angle-right {
    display: none;
}

.owl-nav button.owl-prev i.fa.fa-angle-left {
    display: none;
}

.page-numbers li .page-numbers.current {
    background: #6600ea;
    border-color: #6600ea;
    color: #fff;
}
 
.page-numbers li {
    display: inline-block;
    list-style: none;
}
 
.page-numbers li .page-numbers {
    display: inline-block;
    list-style: none;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 1px solid #ccc;
    text-align: center;
    line-height: 35px;
    margin-right: 10px;
}

.page-numbers {
    text-align: center;
}