/*-----------karan-css----------start----*/

* {
    padding: 0;
    margin: 0;
    scroll-behavior: smooth;
    /*font-family: "DM Sans", sans-serif;*/
    box-sizing: border-box;
  }
  
  ul,
  ol {
    list-style: none;
  }
  
  p {
    margin-bottom: 10px;
  }
  
  :root {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
  }
  
  .container,
  .container-fluid {
    width: 100%;
    padding-right: var(--bs-gutter-x, .75rem);
    padding-left: var(--bs-gutter-x, .75rem);
    margin-right: auto;
    margin-left: auto;
  }
  
  @media (min-width: 576px) {
    .container {
      max-width: 540px;
    }
  }
  
  @media (min-width: 768px) {
    .container {
      max-width: 720px;
    }
  }
  
  @media (min-width: 992px) {
    .container {
      max-width: 960px;
    }
  }
  
  @media (min-width: 1200px) {
    .container {
      max-width: 1140px;
    }
  }
  
  @media (min-width: 1400px) {
    .container {
      max-width: 1320px;
    }
  }
  
  .row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
  }
  
  .row>* {
    box-sizing: border-box;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-top: var(--bs-gutter-y);
  }
  
  .col-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  
  ------------ Layout media query starts ------------
  @media (min-width: 768px) {
  
    .col-md-3 {
      flex: 0 0 auto;
      width: 25%;
    }
  
    .col-md-4 {
      flex: 0 0 auto;
      width: 33.33333333%;
    }
  
    .col-md-6 {
      flex: 0 0 auto;
      width: 50%;
    }
  }
  
  @media (min-width: 992px) {
  
    .col-lg-1 {
      flex: 0 0 auto;
      width: 8.33333333%;
    }
  
    .col-lg-2 {
      flex: 0 0 auto;
      width: 16.66666667%;
    }
  
    .col-lg-3 {
      flex: 0 0 auto;
      width: 25%;
    }
  
    .col-lg-4 {
      flex: 0 0 auto;
      width: 33.33333333%;
    }
  
    .col-lg-5 {
      flex: 0 0 auto;
      width: 41.66666667%;
    }
  
    .col-lg-7 {
      flex: 0 0 auto;
      width: 58.33333333%;
    }
  
    .col-lg-6 {
      flex: 0 0 auto;
      width: 50%;
    }
  
    .col-lg-8 {
      flex: 0 0 auto;
      width: 66.66666667%;
    }
  
    .col-lg-9 {
      flex: 0 0 auto;
      width: 75%;
    }
  
    .col-lg-10 {
      flex: 0 0 auto;
      width: 83.33333333%;
    }
  
    .col-lg-12 {
      flex: 0 0 auto;
      width: 100%;
    }
  }
  
  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-weight: 700;
    line-height: 1.4;
    /*color: #212121;*/
    font-family: var(--heading-font) !important;
  }
  
  .h1,
  h1 {
    font-size: calc(1.375rem + 1.5vw)
  }
  
  @media (min-width:1200px) {
  
    .h1,
  h1 {
      font-size: clamp(1.5625rem, 0.6696rem + 2.381vw, 2.8125rem) !important;
  }
  }
  
  .h2,
  h2 {
    font-size: calc(1.325rem + .9vw)
  }
  
  @media (min-width:1200px) {
  
    .h2,
  h2 {
      font-size: clamp(1.325rem, calc(1.325rem + 0.9vw), 2rem) !important;
  }
  }
  
  .h3,
  h3 {
    font-size: calc(1.3rem + .6vw)
  }
  
  @media (min-width:1200px) {
  
   .h3,
  h3 {
      font-size: clamp(1.3rem, calc(1.3rem + 0.6vw), 1.75rem) !important;
  }
  }
  
  .h4,
  h4 {
    font-size: calc(1.275rem + .3vw)
  }
  
  @media (min-width:1200px) {
  
    .h4,
  h4 {
      font-size: clamp(1.275rem, calc(1.275rem + 0.3vw), 1.5rem) !important;
  }
  }
  
  .h5,
  h5 {
      font-size: 1.25rem !important;
  }
  
  .h6,
  h6 {
      font-size: 1rem !important;
  }
  
  [class*="row-gap"] {
    row-gap: 20px;
  }
  
  .row-gap-3 {
    row-gap: 30px;
  }
  
  img,
  svg {
    vertical-align: middle;
  }
  
  .img-fluid {
    max-width: 100%;
    height: auto;
  }
  
  :where(.section, section, .sec-space, .mt-5, .mt-auto, footer, body.page main > .container:first-child) {
    margin-top: 60px !important;
  }
  
  .mt-3 {
    margin-top: 30px !important;
  }
  
  .mx-auto {
    margin-inline: auto;
  }
  
  .mb-0,
  .flower-vrty p {
    margin-bottom: 0 !important;
  }
  
  .pt-10 {
    padding: 10px !important;
  }
  
  .relative {
    position: relative !important;
  }
  
  .static {
    position: static !important;
  }
  
  [class*="flex-"] {
    display: flex;
    align-items: center;
  }
  
  [class*="flex-col"] {
    flex-flow: column;
    align-items: unset;
  }
  
  [class*="-between"] {
    justify-content: space-between;
  }
  
  [class*="grid"] {
    display: grid;
  }
  
  .justify-content-center {
    justify-content: center;
  }
  
  .align-items-center {
    align-items: center;
  }
  
  .text-center {
    text-align: center;
  }
  
  form :is(input, textarea, select) {
    padding: 10px 20px;
    width: 100%;
  }
  
  /*-------------------------Topbar-Start------------------------*/
  
  .header-grid {
    grid-template-columns: 45% 10% auto;
    align-items: center;
  }
  
  [class*="flex-top"] {
    gap: 40px;
  }
  
  .srchBtn,
  .closeSrch {
    display: none;
  }
  
  header form {
    position: relative;
  }
  
  header form input {
    padding-left: 50px
  }
  
  header form button {
    position: absolute;
    left: 15px;
    top: 14px;
  }
  
  header .flex-top-rb {
    justify-content: flex-end;
  }
  
  header .flex-top-rb .flex-col-top-link {
    gap: 5px;
    align-items: center;
  }
  
  .widget_bwe-service-logo-widget img {
    height: 50px !important; 
    width: auto;
    object-fit: contain;
  }
  
  header nav ul.flex-col-quick-menu {
    gap: 20px;
  }
  
  header nav {
    position: absolute;
    left: 0;
    height: 100vh;
    top: 0;
    background: var(--white);
    width: 300px;
    padding: 60px 30px 30px;
    transform: translateX(-100%);
    visibility: hidden;
    opacity: 0;
    z-index: 999;
    transition: all .9s cubic-bezier(.23, 1, .32, 1)
  }
  
  header nav.showNavMenu {
    transform: translateX(0%);
    visibility: visible;
    opacity: 1;
    transition: all .9s cubic-bezier(.23, 1, .32, 1)
  }
  
  .closeToggle {
    position: absolute;
    right: 20px;
    top: 20px;
  }
  
  /*-------------main-head-Category------------- */
  
  .grid-cat-item {
    grid-template-columns: repeat(7, 1fr);
    gap: 20px;
    overflow-x: auto;
    padding-block: 20px;
    flex-wrap: nowrap;
  }
  
  .grid-cat-item .flex-cat {
    gap: 15px;
    white-space: nowrap;
  }
  
  [class*="flex-item-icn-"] {
    height: 60px;
    width: 60px;
    border-radius: 50%;
    justify-content: center;
  }
  
  [class*="btn-"] {
    padding: 10px 20px;
    text-align: center;
    width: fit-content;
    overflow: hidden;
    position: relative;
  }
  
  /*------------hero-blog------------*/
  
  .grid-50 {
    grid-template-columns: 50% 50%;
  }
  
  .grid-2{
    grid-template-columns: 40% 60%;
  }
  
  .flex-hero-blog-bg {
    background: url(https://yourhomify.com/wp-content/uploads/2025/11/hero-bg-img.webp) no-repeat center/cover;
    padding: 30px 50px;
  }
  
  .flex-col-blogTitle-wrap {
    justify-content: center;
    align-items: center;
    height: 400px;
    width: 400px;
    text-align: center;
    gap:25px;
  }
  
  .flex-slideTitle {
    width: 100%;
    height: fit-content;
  }
  
  .flex-slideTitle .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .blog-title {
    max-width: 80%;
    margin-inline: auto;
  }
  
  .blog-hero .img-placeholder {
    height: 100%;
  }
  
  @media (width <=1400px) {
    .flex-hero-blog-bg{
        padding-block:10px !important;
      }
  }
  
  /*----------blog-card----------*/
  .flex-col-blog-card {
    overflow: hidden;
    height: 100%;
    position: relative;
  }
  
  .img-placeholder,
  .img-placeholder img {
    width: 100%;
    transition: all .4s ease;
  }
  
  .img-placeholder img {
    height: 100%;
    object-fit: cover;
  }
  
  .img-placeholder {
    background-color: #c7c7c7;
    aspect-ratio: 16 / 9;
    overflow: hidden;
  }
  
  .flex-col-blog-card .flex-col-crd-content {
    gap: 12px;
    padding: 32px;
    flex-grow: 1;
    /*background-color: var(--white)*/
  }
  
  .flex-col-blog-card .flex-col-crd-content p{
    margin-bottom: 0;
  }
  
  .varity-card .flex-col-blog-card .flex-col-crd-content{
    padding: 20px !important;
  }
  
  [class*="-title"] {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box !important;
    margin-bottom: 0 !important;
    overflow: hidden;
    text-overflow: ellipsis;
/*     font-family: var(--heading-font) !important; */
  }
  
  .flex-ath-icn {
    height: 25px;
    width: 25px;
    justify-content: center;
  }
  
  .category-tag {
    width: fit-content;
    padding: 9px 15px;
    position: absolute;
    top: 20px;
    left: 20px
  }
  
  .flex-col-sec-hd-center {
    align-items: center;
    text-align: center;
  }
  
  [class*="flex-col-sec-hd"] {
    gap: 10px;
    margin-bottom: 40px;
  }
  
  [class*="flex-col-sec-hd"] p{
    margin-bottom: 0
  }
  
  .flex-col-blog-card .blog-flex-between {
    margin-top: auto;
  }
  
  /*------------prod-card----------*/
  
  .prod-card{
    overflow:unset !important ;
  }
  
  .prod-card .onsale{
      top: 10px !important;
      left: 10px !important;
      position: absolute;
      width: 50px;
      height: 50px;
      justify-content: center;
      display: flex;
      align-items: center;
  }
  
  .flex-col-prod-cta {
    padding: 28px;
    gap: 15px;
    height: 100%;
  }
  
  .flex-col-prod-cta .flex-prod-cta-between {
    margin-top: auto;
  }
  
  .flex-col-prod-cta .flex-icon-btn {
    height: 45px;
    justify-content: center;
    width: 45px;
  }
  
  ul.flex-rating-star {
    gap: 5px;
    margin-bottom: 0 !important
  }
  
  .prod-card .card-gap {
    gap: 15px;
  }
  
  .prod-card [class*="btn-"] {
    margin-top: 20px;
  }
  
  .flower-cat {
    background: url(https://yourhomify.com/wp-content/uploads/2025/11/flower-cat-bg-img.webp) no-repeat center/cover;
    height: 100%;
    width: 100%;
    padding-block: 50px;
  }
  
  /*.category-bg {
    background: url(../img/flower-cat-bg-img-sep.webp)no-repeat center/contain;
    height: 500px;
    width: 100%;
    padding: 150px 70px 250px 70px;
    position: relative;
  }*/
  
  .grid-5 {
    grid-template-columns: repeat(6, 1fr);
    gap: 50px 20px;
    align-items: center;
    justify-content: center;
    margin-block: 40px
  }
  
  .flex-col-flow-cat {
    align-items: center;
    gap: 10px;
  }
  
  /*.flex-col-flow-cat span {
    height: 70px;
    width: 70px;
    justify-content: center;
    border-radius: 50%;
  }*/
  
  /*.category-bg .btn-primary {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -20px;
  }*/
  
  /*-------------for-video-------------*/
  
  .video-wrapper {
    z-index: 9999999;
    position: relative;
  }
  
  .play-button {
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99;
    height: 60px;
    width: 60px;
    background: url(https://yourhomify.com/wp-content/uploads/2025/11/vid-play-btn.svg) no-repeat center/contain;
  }
  
  .video-wrapper img{
    height: 550px;
    width: 100%;
    object-fit: cover;
    border-radius: 20px
  }
  
  .video-wrapper video {
    width: 100%;
    height: 100%;
    display: none;
    position: relative;
    z-index: 999999;
  }
  
  /*-------------mission-or-team-card-------------*/
  
  .mission-wrap {
    overflow: hidden;
    height: 100%;
    position: relative;
    z-index: 0;
  }
  
  .flex-col-team-wrapper {
    padding: 30px 40px;
    height: 100%;
    align-items: center;
    gap: 30px;
  }
  
  .flex-col-team-wrapper .btn-primary {
    margin-top: auto;
  }
  
  .flex-col-team-card {
    text-align: center;
    align-items: center;
    gap: 5px;
  }
  
  .flex-col-team-card .ath-img img {
    height: 100px;
    width: 100px;
    border-radius: 50%
  }
  
  /*------common-pg-stts--------*/
  
  .flex-col-page-stts {
    align-items: center;
    text-align: center;
    gap: 12px;
  }
  
  .flex-col-page-stts img {
    height: 350px;
    width: 100%;
    object-fit: contain;
  }
  
  /*------single-pg-hero--------*/
  
  .single-pg-hero {
    height: 100%;
    width: 100%;
    background: var(--pc) url(https://landing.engotheme.com/html/jenstore/demo/css/img/BG-slide2-v2.png) no-repeat top center / cover;
    padding-block: 40px;
  }
  
  .flex-col-hero-content .flex-breadcrumbs {
    gap: 10px;
    margin-bottom: 0
  }
  
  .flex-col-hero-content .flex-hero-smry {
    gap: 15px 30px;
    flex-wrap: wrap;
    justify-content: center;
  }
  
  .single-pg-hero .flex-col-hero-content h1 {
    margin-bottom: 20px;
  }
  
  /*-------backToTop--------*/
  
  .back-to-top {
    position: fixed;
    right: 0;
    bottom: 40px;
    z-index: 996;
    width: 35px;
    height: 100px;
    border: none;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 7px;
    padding: 0 10px;
  }
  
  .back-to-top.active {
    opacity: 1;
    visibility: visible;
  }
  
  .back-to-top svg {
    overflow: visible;
    position: relative;
  }
  
  .back-to-top span {
    writing-mode: vertical-lr;
    transform: rotate(180deg);
  }
  
  /*----------for-contact-pg-----------*/
  
  .contact-wrap :is(.flex-con-info, ul.flex-social-media) {
    gap: 10px;
    flex-wrap: wrap;
  }
  
  .contact-wrap .form-control {
    position: relative;
  }
  
  .contact-wrap .form-control span {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    padding-inline: 10px;
  }
  
  .contact-wrap .form-control.clickField span {
    transform: translateY(-30px);
    transition: all 0.3s ease;
    font-size: 14px
  }
  
  .contact-wrap .form-control.clickField textarea~span {
    transform: translateY(-50px);
  }
  
  .contact-wrap .form-control.msg-box span {
    top: 30%
  }
  
  .contact-wrap .form-control.clickField.msg-box span {
    top: 50% !important;
  }
  
  textarea {
    height: 80px
  }
  
  /*---------Single-ath-pg----------*/
  
  .single-ath-pg .auth-social-follow {
    margin-bottom: 20px
  }
  
  .single-ath-pg .auth-social-follow ul {
    display: flex;
    align-items: center;
    gap: 7px;
  }
  
  .flex-col-single-page :is(ul, ol):not(.auth-social-follow ul) {
    display: flex;
    padding-left: 25px;
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
  }
  
  .flex-col-single-page :is(ul, ol):not(:is(.auth-social-follow ul, .blog-content table ul)) {
    margin-bottom: 20px;
  }
  
  .flex-col-single-page ol {
    list-style-type: decimal;
  }
  
  .flex-col-sin-ath-card {
    padding: 20px;
    align-items: center;
    gap: 12px;
  }
  
  .flex-col-sin-ath-card img {
    height: 80px;
    width: 80px;
    border-radius: 50%;
    object-fit: cover;
  }
  
  /*--------------------single-blog-start---------------*/
  
  .sticky-col {
    position: sticky;
    top: 100px;
  }
  
  #tableofcontent {
    padding: 20px 10px 20px 20px;
    position: sticky;
    top: 100px;
  }
  
  #tableofcontent .head-th {
    margin-bottom: 15px;
    padding-bottom: 15px;
  }
  
  #tableofcontent ul {
    gap: 0px;
    padding: 0;
    overflow-y: auto;
    max-height: 450px;
    margin: 0;
    padding-right: 25px;
  }
  
  .blog-content :is(h2, h3, h4, h5, h6) {
    margin-block: 25px;
  }
  
  .single-archive-page .blog-header h1{
    margin-block: 10px 20px;
  }
  
  .blog-content table {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto;
    display: block;
    overflow-x: auto;
    border: 1px solid #000;
    margin-top: 30px;
  }
  
  .blog-content table th {
    background: #ffe9df;
    text-align: left;
    padding: 10px 12px;
  }
  
  .blog-content table th:not(:last-child){
    border-right: 1px solid #000
  }
  
  .blog-content table tbody td {
    padding: 10px 12px;
    vertical-align: top;
    min-width: 120px;
    word-break: break-word;
  }
  
  .flex-col-social-media {
    padding-left: unset !important;
    margin-bottom: unset !important;
  }
  
  .flex-col-blog-share {
    gap: 20px;
  }
  
  .flex-col-blog-share strong {
    writing-mode: sideways-rl;
  }
  
  .flex-m-auto{
    margin: 40px auto 0;
  }
  
   .hero-img{
              background: linear-gradient(rgb(0 0 0 / 37%), rgb(0 0 0 / 64%)), url(https://yourhomify.com/wp-content/uploads/2025/11/category-hero-img.webp) no-repeat top center / cover;
              height: 100%;
              width: 100%;
              min-height: 600px;
              z-index: 0;
              position: relative;
           }
  
           .flex-col-hero-content {
      max-width: 700px;
      justify-content: center;
      margin: auto;
      top: 50%;
      position: absolute;
      left: 50%;
      transform: translate(-50%, -50%);
      align-items: center;
      text-align: center;
      gap: 15px;
  }
  
           .flex-pair-btn{
              gap:20px;
              flex-wrap: wrap;
              justify-content: center;
           }
  
           .flex-pair-btn [class*="btn"]{
              width: fit-content;
           }
  
           .flex-tabs{
                  gap: 20px;
              flex-wrap: wrap;
              justify-content: center;
      width: 90%;
      margin: auto;
           }
  
           .tabsCon .tabcontent{
              display: none;
              margin-top: 40px
           }
  
  
  .play-btn-icon {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      padding:0 !important;
      height: 50px;
      width: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
  }
  
  .video-modal {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 999999;
    background: rgba(0,0,0,0.8);
    justify-content: center;
    align-items: center;
  }
  
  .video-modal-content {
    position: relative;
    width: 80%;
    max-width: 800px;
  }
  
  .video-modal-content iframe {
    width: 100%;
    height: 450px;
    border-radius: 12px;
  }
  
  .close-modal {
    position: absolute;
    top: -40px;
    right: 0;
    cursor: pointer;
  }
  
   .gall-img{
              overflow: hidden;
              position: relative;
           }
  
           .gall-img img{
              height: 250px;
              border-radius: 20px;
              width: 100%;
              object-fit: cover;
              transition: all .4s;
              transform: rotate(0deg) scale(1);
           }
  
           .gall-img .flex-col-gal-content {
      position: absolute;
      bottom: 0;
      width: 90%;
      left: 20px;
              transition: all .4s;
      z-index: 9999;
      transform: translateY(100%);
  }
  
           .gall-img:hover .flex-col-gal-content {
              transition: all .4s;
      transform: translateY(-15%);
           }
  
           .modal {
    display: none;
    position: fixed;
    z-index: 99999999;
    transform: translateY(-50%);
    left: 0;
    top: 50%;
    width: 100%;
    height: 100%;
    overflow: auto;
    background: rgba(0,0,0,0.9);
    text-align: center;
  }
  
  .modal-content {
    margin: auto;
    display: block;
    max-width: 90%;
    max-height: 80vh;
  }
  
  .close {
    position: absolute;
    top: 15px;
    right: 25px;
    cursor: pointer;
  }
  
  .flex-col-hero-content h1 {
              color: var(--white);
              font-size: 60px !important
           }
  
  /*-----footer--start--------*/
  
  footer .menu-ttl {
    margin-bottom: 20px;
  }
  
  .flex-col-footer-menus ul {
    gap: 15px;
  }
  
  footer .flex-col-logo-wrap {
    text-align: center;
    gap: 20px;
  }
  
  footer .flex-social {
    justify-content: center;
    padding-top: 25px;
    border-top: 1px solid #bdbdbd;
    gap: 15px 30px;
    flex-wrap: wrap;
  }
  
  footer .flex-col-info {
    margin-bottom: 30px;
    gap: 5px;
  }
  
  footer .contact-detl {
    text-align: right;
  }
  
  .copyright {
    padding-top: 30px;
    margin-top: 50px;
    text-align: center;
  }
  
  .flex-rev-card .flex-col-rev-detl{
                 padding: 20px 10px;
              }
  
              .flex-rev-card :is(.flex-col-rev-detl, .flex-rev-info){
                 gap: 10px;
              }
  
              .flex-rev-card .vrfd{
                 padding:7px 15px;
                 width: fit-content;
                 margin-block: 5px 10px;
              }
  
              .flex-rev-card :is(.rev-img, .rev-img img){
                 height: 100%;
                 width: 100%;
              }

.woocommerce nav.woocommerce-pagination ul{
	display:flex !important;
	flex-wrap:wrap !important;
	align-items:center !important;
	gap:12px !important;
	justify-content:center !important;
	height:unset !important;
	width:unset !important;
}

.woocommerce-pagination ul.page-numbers li{
	height:38px;
	width:38px;
	display: flex !important;
	align-items:center;
	justify-content:center;
	border-radius:50%
}
  
  /*-------------Only-for-mediaQuery---Start*----------*/
  
  @media (width <=1024px) {
	  
	  .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
    float: left;
}
	  
	  :is(.contact-details, .contact-form, .contact-form form){
		  border:unset !important;
		  padding: unset !important
	  }
	  
    header :is(.link-text, form) {
      display: none;
    }
  
    [class*="flex-top"] {
      gap: 20px;
    }
  
    header .srchBtn {
      display: block;
    }
  
    header .widget_bwe-service-logo-widget img {
      height: 40px !important;
    }
  
    header form input {
      border: 1px solid var(--white) !important;
      color: var(--white) !important;
    }
  
    header form svg {
      fill: var(--white);
    }
  
    header .showForm {
      display: block;
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 90%;
      z-index: 999;
    }
  
    header .showCloseIcon {
      display: block;
      position: fixed;
      right: 20px;
      top: 20px;
      z-index: 99999;
    }
  
    [class*="btn-"] {
      padding: 10px 20px;
      font-size: 14px !important;
    }
  
    .flex-col-team-wrapper,
    .contact-wrap .con-form-wrap,
    .contact-wrap {
      padding: 20px !important;
    }
  
    .single-pg-hero {
      padding-block: 20px !important;
    }
  
    .flex-col-hero-content .flex-hero-smry {
      gap: 12px !important;
    }
  
    footer .contact-detl {
      text-align: left !important;
    }
  
    .order-md-1 {
      order: 1
    }
  
    .order-md-2 {
      order: 2
    }
  
    .order-md-3 {
      order: 3
    }
  
    .flower-cat {
      padding-block: 30px !important;
    }
  
    .category-bg {
      background: unset !important;
      height: unset !important;
      padding: unset !important;
    }
  
    .grid-cat-item{
        padding-block: 10px !important;
    }
  
    .grid-cat-item .flex-cat{
      gap:10px !important;
      font-size: 14px !important;
      font-weight: 500 !important;
    }
  
    .grid-cat-item [class*="flex-item-icn-"] {
      height: 45px;
      width: 45px;
    }
  
    footer .flex-col-logo-wrap {
      align-items: flex-start;
      text-align: left;
    }
  
    footer .flex-social {
      justify-content: flex-start !important;
    }
  
    .swiper-button-next,
    .swiper-button-prev,
    .inner-img {
      display: none !important;
    }
  
    .flex-hero-blog-bg {
      padding: 10px 10px 50px !important;
    }
  
       .flex-col-blogTitle-wrap {
          height: 150px;
          width: 300px;
          background: unset !important;
      }
  
    .blog-title {
      font-weight: 700 !important;
      font-size: 25px !important;
      line-height: 1.3 !important;
      max-width: 85% !important;
    }
  
    .pt-10{
        padding:unset !important;
      }
  
    .swiper {
      padding-bottom: 40px !important;
    }
  
    .swiper .swiper-pagination {
      display: flex !important;
      justify-content: center;
    }
  
    .blog-hero .swiper {
      padding-bottom: unset !important;
    }
  
    .blog-hero .swiper .swiper-pagination {
      bottom: -20px !important;
    }
  
    .flower-vrty .flex-col-crd-content {
      padding: 10px !important;
    }
  
    .flex-col-page-stts img {
      height: 100% !important;
    }
  
    .blog-content table thead th,
    .blog-content table tbody td {
      padding: 8px 10px !important;
      font-size: 15px !important;
    }
  
    .flex-col-blog-share strong {
      writing-mode: unset !important;
    }
  
    :is(.flex-col-blog-share ul.flex-col-social-media, .flex-col-blog-share) {
      flex-direction: unset !important;
    }
  
    .tabsCon .tabcontent{
      margin-top: 30px !important
    }
  
    .flex-tabs{
      gap: 15px !important;
      overflow-x: auto;
      padding-bottom: 10px;
      flex-wrap: unset !important;
      white-space: nowrap;
      justify-content: flex-start !important;
    }
  
     .tabsCon .flex-tabs{
      width: 100% !important;
    }
  
    .tabsCon button{
      padding:10px !important;
      font-size: 14px !important;
    }
  
    .hero-img{
          min-height: 300px !important;
          background: linear-gradient(rgb(0 0 0 / 37%), rgb(0 0 0 / 86%)), url(../img/hero-img.webp) no-repeat top center / cover !important;
      }
  
      .hero-img .flex-col-hero-content{
          max-width: unset !important;
          left: 0 !important;
          padding-inline: 15px !important;
          transform: translate(0%, -50%) !important;
      }
  
      .flex-col-hero-content p{
        font-size: 16px !important
      }
  
      .flex-col-hero-content h1{
        font-size: 40px !important
      }
  
      .grid-2{
        grid-template-columns: auto !important;
      }
  
      :where(.section, section, .sec-space, .mt-5, .mt-auto, footer){
        margin-top: 35px !important
      }
  
      .flex-col-blog-card .flex-col-crd-content{
        padding:20px !important;
      }
  
      .flex-rev-card :is(.rev-img, .rev-img img){
        height: 200px;
        width: 100%;
        object-fit: cover;
      }
  
      .text-md-center{
        text-align: center;
      }
  
      [class*="flex-col-sec-hd"]{
        margin-bottom: 20px !important
      }
  
      :is(.bg-light, footer){
        padding-block:30px !important;
      }
  
      .gall-img img{
        height: 100px !important
      }
  
/*       #breadcrumbs{
        margin-block:40px;
      } */
  
      .single-archive-page #breadcrumbs{  
        margin-top: 10px !important
      }
  
      .toc-body{
        height: auto !important;
      }
  
      .blog-header:after{
        right: unset !important;
      }
  }
  
  @media (600px <=width <=1023px) {
    .header-grid {
      grid-template-columns: 35% 35% auto !important;
    }
  
    .grid-5 {
      grid-template-columns: repeat(3, 1fr) !important;
    }
  
    .mission-wrap {
      padding: 250px 20px 0 !important;
    }
  }
  
  @media (width <=600px) {
    .header-grid {
      grid-template-columns: 30% 40% auto !important;
    }
  
    header svg:not(.closeSrch svg) {
      height: 18px;
      width: 18px
    }
  
        .flower-vrty [class*="btn-"] {
          padding: 7px 15px;
          font-size: 14px !important;
      }
  
    .mission-wrap {
      padding: 200px 20px 0 !important;
    }
  
    .flower-cat-list{
      grid-template-columns: repeat(3, 1fr) !important;
      margin-top: 25px !important;
    }
  
    .flower-cat-list .flex-col-flow-cat{
      font-size: 16px;
      font-weight: 500;
    }
  
    .grid-50 {
      grid-template-columns: auto !important;
    }
  
    .blog-hero .img-placeholder img {
      height: 100%;
    }
  
    .flex-col-single-page figure img {
      width: 100%;
    }
  
    .gd-block-faq details {
      padding: 10px 20px 10px 10px !important;
    }
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  /*/*Old-site-css-----start*/
  
  
  :root {
      --bs-gutter-x: 1.5rem;
      --bs-gutter-y: 0;
  }
  .container {
      margin-left: auto;
      margin-right: auto;
      padding-left: calc(var(--bs-gutter-x) * 0.5);
      padding-right: calc(var(--bs-gutter-x) * 0.5);
      width: 100%;
  }
  .row {
      display: flex;
      flex-wrap: wrap;
      margin-left: calc(var(--bs-gutter-x) * -0.5);
      margin-right: calc(var(--bs-gutter-x) * -0.5);
      margin-top: calc(var(--bs-gutter-y) * -1);
  }
  .row > * {
      box-sizing: border-box;
      flex-shrink: 0;
      margin-top: var(--bs-gutter-y);
      max-width: 100%;
      padding-left: calc(var(--bs-gutter-x) * 0.5);
      padding-right: calc(var(--bs-gutter-x) * 0.5);
      width: 100%;
  }
  
  .col-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  
  body {
      word-wrap: break-word;
  }
  img,
  svg {
      vertical-align: middle;
  }
  input {
      width: 100%;
  }
  button,
  input,
  input:focus {
      border: none;
      outline: none;
  }
  input:focus,
  textarea:focus {
      outline: none;
  }
  button {
      background: unset;
  }
  [class*="btn"],
  [role="button"],
  button {
      cursor: pointer;
  }
  figure {
      max-width: 100%;
  }
  /*.all-page {
      padding: 40px 0;
  }*/
  .all-page ul {
      list-style-type: none;
  }
  .all-page :is(ul, ol):not([class*="social-links"] ul, .toc-body > ul, .prod-card ul, .flex-rating-star) {
      padding-left: 1.5rem;
  }
  /*.all-page :is(ul, ol, p, .wp-block-image):not([class*="social-links"] ul, .prod-card ul) {
      margin-bottom: 20px;
  }*/
  .all-page :is(ul, ol):not([class*="social-links"] ul, .prod-card ul, .flex-rating-star, .flex-col-social-media) li {
      line-height: 1.7;
      margin-bottom: 15px;
      position: relative;
  }
  
  .wp-block-image img {
      box-sizing: border-box;
      height: auto;
      max-width: 100%;
      vertical-align: bottom;
  }
  
  .all-page ul li:not(.gd-toc-wrap ul li, [class*="social-links"] ul li, .prod-card ul li, .flex-rating-star li, #tableofcontent ul li, .flex-col-social-media li):before {
      background-size: cover;
      content: "";
      height: 10px;
      left: -25px;
      position: absolute;
      top: 9px;
      width: 10px;
  }
  /*.all-page :is(h2, h3, h4, h5, h6, .h2, .h3, .h4, .h5, .h6) {
      margin-bottom: 15px !important;
  }*/
  /*:is(.gd-card-content, .page-status-content, .gd-pros-cons-body, blockquote, [class*="block-content"], .toc-body, ul, ol) > :last-child {
      margin-bottom: 0 !important;
  }*/
  :is(blockquote, [class*="gd-block"]) {
      margin-block: 10px 30px ;
  }
  .all-page,
  .number-remove {
      counter-reset: term definition;
  }
  .all-page .number > :not(a):before {
      content: counter(term) ". ";
      counter-increment: term;
  }
  .img-fluid {
      height: auto;
      /*width: 100%;*/
  }
  .border-bottom {
      padding: 25px 0;
  }
  .border-bottom:first-child,
  .category-archive-page .border-bottom:nth-child(-n + 2) {
      padding-top: 0 !important;
  }
  .border-bottom:last-child,
  .category-archive-page .border-bottom:nth-last-child(-n + 2) {
      padding-bottom: 0 !important;
  }
  /*:is([class*="flex"], .gd-timeline, .gd-category) {
      align-items: center;
      display: flex;
  }*/
  [class*="vcenter"] {
      align-items: center;
  }
  [class*="center"] {
      justify-content: center;
  }
  [class*="between"] {
      justify-content: space-between;
  }
  /*[class*="wrap"] {
      flex-wrap: wrap;
  }*/
  /*[class*="gap"]:not(.row-gap) {
      gap: 20px;
  }*/
  /*[class*="grid"] {
      align-items: center;
      display: grid !important;
      gap: 20px;
  }*/
  /*[class*="grid"] > * {
      margin-bottom: 0 !important;
  }*/
  [class*="grid"]:has(.border-bottom) {
      gap: 0 20px !important;
  }
  .grid-25 {
      grid-template-columns: repeat(4, 1fr);
  }
  .gd-block-pros-cons,
  .grid-50 {
      grid-template-columns: repeat(2, 1fr);
  }
  .grid-3 {
      grid-template-columns: repeat(3, 1fr);
  }
  .grid-reverse-40 {
      grid-template-columns: auto 40%;
  }
  .grid-20 {
      grid-template-columns: 20% auto;
  }
  #breadcrumbs,
  .blog-header,
  .page-header {
      margin-bottom: 40px;
  }
  [class*="gd-con"]:not(:last-child) {
      margin-bottom: 65px;
  }
  .page-header {
      gap: 5px !important;
  }
  :is(.page-header, .blog-header) #breadcrumbs {
      margin-bottom: 0 !important;
  }
  .mb-0 {
      margin-bottom: 0 !important;
  }
  /*.row-gap {
      row-gap: 30px;
  }*/
  .gd-bg-cont {
      padding: 40px;
  }
  .gd-shadow-cont {
      padding: 20px;
  }
  .bg-img {
      position: relative;
      width: 100%;
  }
  .bg-img:before {
      content: "";
      height: 271px;
      position: absolute;
      width: 262px;
      z-index: -1;
  }
  .img-placeholder {
      aspect-ratio: 16/9;
      overflow: hidden;
      position: relative;
  }
  #breadcrumbs span span:not(:last-child):after {
      background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='10' fill='none'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' d='M1 8.75 4.75 5 1 1.25'/%3E%3C/svg%3E")
          no-repeat;
      content: "";
      display: inline-block;
      height: 10px;
      margin: 0 5px;
      width: 6px;
  }
  [class*="gd-btn"] {
      display: inline-block;
      padding: 10px 15px;
      width: fit-content;
  }
  [class*="gd-btn"]:has(svg) {
      align-items: center;
      display: flex;
      gap: 7px;
      justify-content: center;
      padding: 8px 15px;
  }
  /*[class*="card"] {
      display: flex;
      flex-direction: column;
  }*/
  :is(.gd-card, .gd-midcat-card) .img-placeholder:before {
      background: hsl(0 0% 100% / 0.1);
      border-radius: 100%;
      content: "";
      display: block;
      height: 0;
      left: 50%;
      opacity: 0;
      position: absolute;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      transition: var(--transition);
      width: 0;
      z-index: 2;
  }
  :is(.gd-card, .gd-midcat-card):hover .img-placeholder:before {
      -webkit-animation: circle 0.75s;
      animation: circle 0.75s;
      transition: var(--transition);
  }
  @keyframes circle {
      0% {
          opacity: 1;
      }
      40% {
          opacity: 1;
      }
      to {
          height: 200%;
          opacity: 0;
          width: 200%;
      }
  }
  [class*="card"]:not(.gd-card-content) {
      /*gap: 20px;*/
      /*height: 100%;*/
      position: relative;
  }
  :is(.gd-card, .gd-midcat-card, .gd-auth-card, .gd-overlay-card, .gd-flip-card) .gd-timeline {
      justify-content: space-between;
      margin-top: auto;
  }
  .gd-card-content {
      gap: 10px;
      display: flex;
      flex-direction: column;
  }
  .gd-card-content > * {
      margin-bottom: 0 !important;
  }
  .gd-midcat-card {
      gap: 40px;
  }
  .gd-midcat-card .gd-card-content {
      position: relative;
  }
  .gd-midcat-card .gd-category-btn {
      margin: -38px auto 0;
  }
  .gd-overlay-card {
      overflow: hidden;
      position: relative;
      width: 100%;
  }
  .gd-overlay-card .img-placeholder:after {
      content: "";
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      transition: all 0.5s;
      width: 100%;
  }
  .gd-overlay-card:hover .img-placeholder {
      transform: scale(1.5);
      transition: all 0.5s;
  }
  .gd-overlay-card .gd-card-content {
      bottom: 0;
      left: 0;
      padding: 20px;
      position: absolute;
  }
  [class*="title"] {
      -webkit-box-orient: vertical;
      display: -webkit-box !important;
      overflow: hidden;
      text-overflow: ellipsis;
  }
  a[class*="title"]:hover {
      text-decoration: underline;
  }
  .gd-sub-title,
  .gd-title {
      -webkit-line-clamp: 2;
  }
  .gd-big-title {
      -webkit-line-clamp: 3;
  }
  [class*="gd-category"] {
      gap: 5px !important;
      align-items: center;
      display: flex;
  }
  .gd-category-btn {
      --btn-raise: 1rem;
      clip-path: polygon(var(--btn-raise) 0, calc(100% - var(--btn-raise)) 0, 100% 50%, calc(100% - var(--btn-raise)) 100%, var(--btn-raise) 100%, 0 50%);
      padding: 0.475rem 2rem;
      text-transform: uppercase;
      width: fit-content;
  }
  .gd-timeline {
      gap: 5px;
  }
  .gd-sep {
      align-items: center;
      display: flex;
      gap: 20px;
      justify-content: center;
      margin-bottom: 25px;
      text-transform: uppercase;
  }
  .gd-sep:after,
  .gd-sep:before {
      content: "";
      height: 1px;
      width: 10%;
  }
  .heading {
      border-bottom: 1px solid rgb(0 0 0 / 0.1);
      font-size: 22px;
      font-weight: 700;
      margin-bottom: 25px;
      padding-bottom: 5px;
      position: relative;
  }
  .heading:before {
      background: var(--pc);
      bottom: -2px;
      content: "";
      height: 4px;
      left: 0;
      position: absolute;
      width: 30%;
  }
  [class*="social-links"] ul,
  [class*="social-links"] ul li a {
      align-items: center;
      display: flex;
  }
  [class*="social-links"] ul {
      flex-wrap: wrap;
      gap: 10px;
      list-style-type: none;
  }
  .gd-social-links ul li a {
      height: 25px;
      justify-content: center;
      overflow: hidden;
      position: relative;
      width: 25px;
      z-index: 1;
  }
  .gd-social-links ul li a:before {
      content: "";
      height: 100%;
      left: -1px;
      position: absolute;
      top: 100%;
      width: 100%;
      z-index: 2;
  }
  .gd-social-links ul li a:hover:before {
      top: 0;
  }
  .gd-social-links ul li a svg {
      position: relative;
      z-index: 3;
  }
  .pagination {
      margin-top: 50px;
  }
  .nav-links,
  .pagination {
      gap: 20px;
  }
  .nav-links,
  .page-numbers,
  .pagination {
      align-items: center;
      display: flex;
      justify-content: center;
  }
  .page-numbers {
      height: 38px;
      position: relative;
      transition: all 0.3s ease 0s;
      width: 38px;
      z-index: 1;
      margin-bottom: 0;
      display: inline-flex !important;
      padding-left: 0 !important;
      margin-bottom: 0px !important;
      gap: 6px;
  }
  .page-numbers:before {
      border-radius: 50%;
      content: "";
      height: 100%;
      left: 0;
      position: absolute;
      top: -2px;
      transition: all 0.3s ease 0s;
      width: 100%;
      z-index: -1;
  }
  .woocommerce nav.woocommerce-pagination .page-numbers li {
      /* overflow: unset !important; */
      margin-bottom: 0;
  }
  .page-numbers::before,
  .page-numbers li::before,
  .page-numbers:after {
      display: none !important;
  }
  .woocommerce nav.woocommerce-pagination .page-numbers li a,
  .woocommerce nav.woocommerce-pagination .page-numbers li span {
      padding: 0;
  }
  .page-numbers:focus:before,
  .page-numbers:hover:before {
      transform: rotate(-90deg);
  }
  header {
      position: relative;
      z-index: 999;
  }
  .sticky-header {
      left: 0;
      position: sticky;
      top: 0;
      z-index: 999;
  }
  .gd-logo img {
      width: 75%;
  }
  .top-bar {
      display: none;
  }
  .navigation,
  .top-bar {
      padding: 8px 0;
  }
  .top-gap {
      gap: 10px !important;
  }
  .navigation > .container {
      position: relative;
      user-select: none;
  }
  :is(header, footer) ul {
      align-items: center;
      display: flex;
      flex-wrap: wrap;
      gap: 30px;
      justify-content: center;
      list-style-type: none;
  }
  :is(header, footer) ul li a {
      text-transform: capitalize;
  }
  .gd-menu ul {
      gap: 30px;
  }
  .gd-menu-search-form{
  /*header .container */
      align-items: center;
      display: flex;
      justify-content: space-between;
  }
  .gd-menu-search-form {
      padding: 8px 15px;
      width: 26%;
  }
  .dropdown {
      align-items: center;
      display: flex;
      gap: 5px;
      position: relative;
      white-space: nowrap;
  }
  .dropdown .dropdown:after,
  .dropdown:after {
      content: "";
      cursor: pointer;
      display: flex;
      height: 16px;
      margin-top: 5px;
      width: 16px;
  }
  .dropdown ul {
      display: block;
      left: 0;
      min-width: 100%;
      padding: 10px;
      position: absolute;
      top: 35px;
      transform: scale(0);
      transform-origin: top;
      visibility: hidden;
      z-index: 99;
  }
  .dropdown ul li {
      padding: 10px 15px;
  }
  .gd-home-page .all-page {
      padding-top: 0 !important;
  }
  .gd-con-hero [class*="card"]:not(.gd-card-content) {
      gap: 0 !important;
  }
  .gd-con-hero {
      padding: 65px 0;
  }
  .gd-flip-card {
      align-items: center;
      display: grid;
      position: relative;
  }
  .gd-con-nurseryplant .gd-btn {
      padding: 5px 10px !important;
  }
  .gd-con-service .grid {
      gap: 10px !important;
      padding: 15px !important;
      text-align: center;
  }
  .gd-con-service .grid img {
      margin: 0 auto;
      width: 30%;
  }
  .gd-con-categories .gd-overlay-card .gd-card-content {
      align-items: center;
      inset: 0;
      justify-content: center;
      z-index: 1;
  }
  .gd-con-categories .gd-card-content:before {
      content: "";
      height: 100%;
      left: 0;
      position: absolute;
      rotate: 35deg;
      width: 100%;
      z-index: -1;
  }
  .gd-con-categories .gd-category {
      padding: 10px;
      text-align: center;
  }
  .category-post .gd-bg-cont {
      padding: 40px 40px 80px;
      z-index: -1;
  }
  .category-post .gd-shadow-cont {
      margin: -40px auto 0;
      padding: 30px 20px;
      width: 90%;
  }
  .single-archive-page .all-page {
      padding-top: 0;
  }
  
  .single-archive-page .all-page p{
    margin-bottom: 20px
  }
  
  .single-archive-page .gd-auth-card {
      align-items: center;
      border-top: 2px solid var(--border-color);
      gap: 10px;
      justify-content: center;
  }
  .single-archive-page .gd-auth-card .auth-img {
      margin-top: -40px;
      text-align: center;
  }
  .single-archive-page .gd-auth-card .auth-img img {
      width: 75%;
  }
  .blog-header {
      padding: 30px 0;
      position: relative;
  }
  .blog-detail {
      gap: 10px 20px !important;
  }
  .sidebar {
      display: flex;
      flex-direction: column;
      gap: 30px;
      position: sticky;
      top: 100px;
  }
  .sidebar .gd-social-links {
      align-items: center;
      display: flex;
      flex-direction: column;
      gap: 20px;
  }
  .sidebar .gd-social-links span {
      font-weight: 600;
      writing-mode: vertical-lr;
  }
  .toc-header {
      align-items: center;
      cursor: pointer;
      display: flex;
      justify-content: space-between;
      margin: 10px 20px;
  }
  .toc-header.head-border {
      padding-bottom: 10px;
  }
  .toc-body {
      height: 500px;
      opacity: 1;
      overflow-y: auto;
      padding: 10px 20px 20px;
      visibility: visible;
  }
  .toc-body::-webkit-scrollbar {
      width: 2px;
  }
  .gd-toc-wrap .toc-body.hidden {
      height: 0;
      margin: 0;
      opacity: 0;
      padding: 0;
      visibility: hidden;
  }
  .toc-body .active > a {
      color: var(--pc);
      font-weight: 700;
      text-decoration: underline;
  }
  .toc-body .drop-down {
      position: relative;
  }
  .toc-body .drop-down:after {
      background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m4 5.588 4 4 4-4'/%3E%3C/svg%3E")
          no-repeat;
      content: "";
      cursor: pointer;
      height: 16px;
      position: absolute;
      right: -10px;
      top: 6px;
      width: 16px;
  }
  .toc-body .drop-down ul {
      height: 0;
      opacity: 0;
      transition: var(--transition);
      visibility: hidden;
  }
  .toc-body .showtocdrop > ul {
      height: auto;
      list-style-type: disc;
      margin-bottom: 0 !important;
      margin-top: 15px;
      opacity: 1;
      transition: var(--transition);
      visibility: visible;
  }
  blockquote {
      --l: 15px;
      border-style: double;
      border-width: 8px;
      left: var(--l);
      padding: 25px;
      position: relative;
      top: var(--l);
      width: calc(100% - var(--l));
  }
  blockquote:before {
      content: "";
      height: 68px;
      left: calc(0px - var(--l) * 2);
      position: absolute;
      top: calc(0px - var(--l) * 2);
      width: 66px;
  }
  table {
      /*padding: 10px 10px 0;*/
      width: 100%;
  }
  table thead {
      height: 45px;
      padding: 15px;
      text-align: left;
  }
  table tr td,
  table tr th {
      padding: 10px;
  }
  .gd-block-pros-cons {
      align-items: stretch;
  }
  .gd-block-pros-cons [class*="wrap"] {
      display: flex;
      flex-direction: column;
      flex-wrap: nowrap;
  }
  .gd-pros-cons-head {
      margin: 0 auto;
      padding: 10px 40px;
      text-align: center;
      text-transform: uppercase;
      width: 85%;
  }
  .gd-pros-cons-body {
      height: 100%;
      padding: 20px;
  }
  .gd-block-faq details {
      padding: 15px 20px 15px 20px;
  }
  .gd-block-faq summary {
      cursor: pointer;
      display: flex;
      font-weight: 600;
      gap: 10px;
      position: relative;
      align-items: center;
  }
  .gd-block-faq summary:after {
      content: "";
      flex: none;
      height: 14px;
      margin-left: auto;
      width: 14px;
  }
  .gd-block-faq details[open] > summary {
      margin-bottom: 20px;
      padding-bottom: 20px;
  }
  .gd-block-faq details[open] > summary:after {
      transform: rotate(-180deg);
  }
  .gd-block-faq details:not(:last-child) {
      margin-bottom: 10px;
  }
  .gd-block-faq summary a {
      display: contents;
  }
  .block-heading {
      align-items: center;
      display: flex;
      gap: 10px;
      position: relative;
  }
  .block-heading:before {
      content: "";
      height: 45px;
      width: 46px;
  }
  :is(.gd-block-note, .gd-block-source, .gd-block-also-read) .block-heading:after {
      bottom: -8px;
      content: "";
      height: 9px;
      position: absolute;
      right: 100px;
      width: 13px;
  }
  .block-content {
      padding: 25px;
      position: relative;
  }
  .author-acrhive-page .sidebar .gd-auth-card {
      padding: 20px;
      text-align: center;
      gap:20px;
      display: flex;
      flex-direction: column;
  }
  
  .single-archive-page .gd-auth-card {
    display: flex;
    flex-direction: column;
    margin-top: 40px
  }
  
  .author-acrhive-page .gd-auth-card .auth-img img {
      width: 100px !important;
  }
  .authors-page .gd-auth-card {
      grid-template-columns: 25% auto;
  }
  .authors-page .auth-img {
      align-items: center;
      display: flex;
      justify-content: center;
      position: relative;
  }
  .authors-page .auth-img:before {
      content: "";
      height: 2px;
      position: absolute;
      right: -20px;
      width: 22px;
  }
  .authors-page .auth-img:after {
      content: "";
      height: 10px;
      position: absolute;
      right: -25px;
      rotate: 45deg;
      width: 10px;
  }
  .authors-page .gd-card-content {
      gap: 15px;
      padding: 20px;
  }
  .arcive-content .flex-center:has(.gd-btn) {
      margin-top: 40px;
  }
  .page-status-content {
      align-items: center;
      display: flex;
      flex-direction: column;
      gap: 15px;
      justify-content: center;
      text-align: center;
  }
  .page-status-content > * {
      margin-bottom: 0 !important;
  }
  .contact-form {
      align-items: center;
  }
  .contact-details,
  .contact-form form {
      padding: 20px;
  }
	
.contact-details img{
	margin-block:30px
}

.contact-details .gd-colored-social-links{
	margin-top:20px
}

.contact-details .h6{
	margin-bottom:15px
}

  .contact-form form {
      row-gap: 20px;
  }
  .contact-form .input-group {
      position: relative;
  }
  .contact-form .input-group :is(input, textarea) {
      display: block;
      padding: 10px 15px;
      transition: all 0.3s ease;
      width: 100%;
  }
  .contact-form .input-group label {
      cursor: text;
      left: 10px;
      padding: 0 10px;
      position: absolute;
      top: 10px;
      z-index: 2;
  }
  .contact-form .input-group input:focus ~ label,
  .contact-form .input-group textarea:focus ~ label {
      top: -10px;
  }
  .contact-form .gd-btn {
      padding: 5px 20px;
  }
  footer .row-gap {
      row-gap: 15px !important;
  }
  .lower-part,
  .upper-part {
      padding: 15px 0;
  }
  .upper-part .gd-shadow-cont {
      padding: 20px;
  }
  .upper-part .grid-3 {
      gap: 10px !important;
  }
  .trending-topics {
      display: flex;
      flex-direction: column;
      gap: 5px;
      text-align: center;
  }
  .trending-topics span {
      padding: 10px 20px;
      width: fit-content;
  }
  .trending-topics:after,
  .trending-topics:before {
      content: "";
      height: 52px;
      margin-left: 80px;
      width: 179px;
  }
  footer .gd-logo {
      text-align: center;
  }
  footer .gd-logo img {
      filter: brightness(0) invert(1);
  }
  footer .gd-timeline {
      align-items: unset;
  }
  footer hr {
      opacity: 0.08;
  }
  .link-logo {
      align-items: center;
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      gap: 10px;
      justify-content: center;
  }
  #scroll_to_top {
      border: unset;
      border-radius: 50%;
      bottom: 48px;
      cursor: pointer;
      height: 45px;
      position: fixed;
      right: 21px;
      width: 45px;
      z-index: 12;
  }
  #scroll_to_top.active {
      display: block;
  }
  @media screen and (min-width: 576px) {
      .container {
          max-width: 540px;
      }
  }
  @media screen and (min-width: 768px) {
      .container {
          max-width: 720px;
      }
      .col-md-2 {
          flex: 0 0 auto;
          width: 16.66666667%;
      }
      .col-md-3 {
          flex: 0 0 auto;
          width: 25%;
      }
      .col-md-4 {
          flex: 0 0 auto;
          width: 33.33333333%;
      }
      .col-md-5 {
          flex: 0 0 auto;
          width: 41.66666667%;
      }
      .col-md-6 {
          flex: 0 0 auto;
          width: 50%;
      }
      .col-md-7 {
          flex: 0 0 auto;
          width: 58.33333333%;
      }
      .col-md-8 {
          flex: 0 0 auto;
          width: 66.66666667%;
      }
      .col-md-9 {
          flex: 0 0 auto;
          width: 75%;
      }
      .col-md-12 {
          flex: 0 0 auto;
          width: 100%;
      }
      .gd-flip-card .img-placeholder {
          height: 380px;
          margin-left: auto;
          width: 65%;
      }
      .gd-flip-card .img-placeholder img {
          height: 100%;
          object-fit: cover;
          width: 100%;
      }
      .gd-flip-card .gd-card-content {
          background: #fff;
          gap: 15px !important;
          left: 0;
          padding: 40px;
          position: absolute;
          width: 60%;
      }
      .blog-header {
          padding: 35px 0;
          position: relative;
          text-align: center;
      }
      .blog-header .grid {
          gap: 15px !important;
      }
      .blog-header:after,
      .blog-header:before {
          background-size: contain;
          content: "";
          position: absolute;
          top: 0;
      }
      .blog-header:before {
          height: 205px;
          left: 0;
          width: 234px;
      }
      .blog-header:after {
          height: 100%;
          right: 0;
          width: 144px;
      }
      .blog-detail {
          justify-content: center;
          row-gap: 20px !important;
      }
      .blog-detail > :not(:last-child):after {
          content: "";
          height: 21px;
          margin: 0 15px;
          width: 2px;
      }
      .gd-block-pros-cons {
          gap: 0 !important;
      }
  }
  @media screen and (min-width: 992px) {
      .container {
          max-width: 960px;
      }
      .col-lg-1 {
          flex: 0 0 auto;
          width: 8.33333333%;
      }
      .col-lg-2 {
          flex: 0 0 auto;
          width: 16.66666667%;
      }
      .col-lg-3 {
          flex: 0 0 auto;
          width: 25%;
      }
      .col-lg-4 {
          flex: 0 0 auto;
          width: 33.33333333%;
      }
      .col-lg-5 {
          flex: 0 0 auto;
          width: 41.66666667%;
      }
      .col-lg-6 {
          flex: 0 0 auto;
          width: 50%;
      }
      .col-lg-7 {
          flex: 0 0 auto;
          width: 58.33333333%;
      }
      .col-lg-8 {
          flex: 0 0 auto;
          width: 66.66666667%;
      }
      .col-lg-9 {
          flex: 0 0 auto;
          width: 75%;
      }
  
      .col-lg-10 {
      flex: 0 0 auto;
      width: 83.33333333%;
    }
      .col-lg-12 {
          flex: 0 0 auto;
          width: 100%;
      }
      .gd-flip-card .img-placeholder {
          height: 400px;
          margin-left: auto;
          width: 65%;
      }
      .gd-con-service .gd-sep {
          font-size: 30px;
          width: 25%;
      }
      .gd-con-service .container {
          position: relative;
      }
      .gd-con-service .row [class*="col"]:first-child {
          margin-bottom: -40px;
      }
      .gd-con-service .row [class*="col"]:nth-child(2) {
          margin-top: -40px;
      }
      .gd-con-service .row [class*="col"]:nth-child(3) {
          margin-top: -95px;
      }
      .gd-con-service .gd-btn-bg {
          bottom: -25px;
          position: absolute;
          right: 1.5rem;
      }
      .single-archive-page .sidebar [class*="social-links"] ul {
          flex-direction: column;
      }
  }
  @media screen and (min-width: 1200px) {
      .container {
          max-width: 1140px;
      }
      .gd-con-2.bg-img:before {
          right: 0;
          top: -80px;
      }
      .gd-con-4.bg-img:before {
          left: 0;
          top: -74px;
          width: 203px;
      }
  }
  @media screen and (min-width: 1400px) {
      .container {
          max-width: 1320px;
      }
      .gd-con-hero .gd-big-title {
          -webkit-line-clamp: unset;
          font-size: 40px;
      }
  }
  @media screen and (min-width: 1024px) {
      .hero-liftup,
      .sticky-header {
          transform: translateY(-40px);
      }
      .cancel-btn,
      .gd-menu-toggle-btn,
      .mob-search-btn {
          display: none;
      }
      .top-bar {
          display: block;
      }
      .dropdown ul .dropdown ul {
          left: calc(100% + 20px);
          position: absolute;
          top: 10px;
      }
      header .dropdown:hover > ul {
          opacity: 1;
          transform: scale(1);
          visibility: visible;
      }
  }
  @media screen and (max-width: 1024px) {
      .cancel-btn,
      .gd-menu-toggle-btn,
      .mob-search-btn {
          display: block;
      }
      .gd-menu {
          position: absolute;
      }
      header .gd-menu > ul {
          display: block;
          height: 100vh;
          left: 0;
          padding: 30px;
          position: fixed;
          top: 0;
          transform: translateX(-100%);
          transition: all 0.2s;
          width: 100%;
          width: 300px;
          z-index: 10;
      }
      .show-ul {
          overflow-y: auto;
          transform: translate(0) !important;
      }
      .back-drop {
          bottom: 0;
          height: 100vh;
          opacity: 0.5;
          position: fixed;
          top: 0;
          width: 100vw;
          z-index: 2;
      }
      .dropdown .dropdown:after,
      .dropdown:after {
          float: right;
      }
      .cancel-btn {
          position: fixed;
          right: 8%;
          top: 10px;
      }
      .dropdown {
          display: block;
          position: relative;
      }
      header .gd-menu > ul > li {
          padding-top: 20px;
      }
      header ul li.showMenu > ul {
          display: block !important;
          margin-top: 15px;
          opacity: 1;
          transform: translateX(0);
          visibility: visible;
      }
      .gd-menu-search-form {
          background: var(--white);
          height: 100%;
          position: absolute;
          right: 50px;
          transform: translateY(-130px);
          transition: var(--transition);
          width: 85%;
      }
      .search-bar-show {
          transform: translateY(0);
          transition: var(--transition);
      }
  }
  @media screen and (max-width: 768px) {
      .grid-md-30 {
          grid-template-columns: 30% auto;
      }
      .gd-con-service .gd-btn-bg {
          display: flex;
          margin-top: 20px;
      }
      .gd-con-hero,
      .gd-con-service {
          padding-bottom: 20px !important;
      }
      .gd-con-hero {
          padding-bottom: 65px;
          padding-top: 20px;
      }
      .gd-big-title {
          -webkit-line-clamp: 2 !important;
      }
      .scroll-cont {
          flex-wrap: nowrap;
          overflow-x: auto;
          padding-bottom: 20px;
      }
      .col {
          width: 50% !important;
      }
     /* .col-6 {
          width: 60% !important;
      }*/
      .blog-header:before {
          display: none;
      }
      .blog-header:after {
          right: -65px !important;
      }
      .sidebar .gd-social-links {
          flex-direction: row !important;
      }
      .sidebar .gd-social-links span {
          writing-mode: unset !important;
      }
      .single-archive-page .gd-auth-card .auth-img {
          margin-top: 20px !important;
      }
      .gd-con-hero .gd-big-title {
          -webkit-line-clamp: unset !important;
          font-size: 28px !important;
      }
      .gd-logo {
          text-align: center;
      }
      .gd-logo img {
          width: 60%;
      }
      .trending-topics span {
          width: 100%;
      }
      .trending-topics:after,
      .trending-topics:before {
          display: none;
      }
  }
  @media screen and (max-width: 767px) {
      .gd-con-hero .gd-flip-card {
          background-color: #fff;
      }
      .gd-con-hero .gd-big-title {
          -webkit-line-clamp: unset !important;
          font-size: 40px !important;
      }
      .gd-con-hero .gd-flip-card .img-placeholder {
          display: none !important;
      }
      .gd-flip-card .gd-card-content {
          align-items: center;
          display: flex;
          gap: 20px;
          justify-content: center;
          padding: 40px;
          text-align: center;
      }
  }
  @media screen and (max-width: 600px) {
      /*[class*="grid"] {
          grid-template-columns: auto;
          gap: 10px;
      }*/
      [class*="gd-con"]:not(:last-child) {
          margin-bottom: 40px !important;
      }
      .gd-con-service .gd-sep {
          width: 100%;
      }
      .gd-sep:after,
      .gd-sep:before {
          display: none;
      }
   /*   .all-page {
          padding: 20px 0 40px !important;
      }*/
      .gd-con-categories .gd-category {
          font-size: var(--fs-3) !important;
      }
      .col {
          width: 80% !important;
      }
      .category-post .gd-bg-cont {
          padding: 20px 20px 60px !important;
      }
      .category-post .gd-shadow-cont {
          padding: 20px 10px !important;
      }
      .gd-con-hero .gd-big-title {
          -webkit-line-clamp: unset !important;
          font-size: 30px !important;
      }
      .gd-block-table {
          overflow-x: auto;
      }
      .blog-header {
          text-align: left;
          padding: 0 0 30px;
          margin-bottom: 25px;
      }
      .blog-detail {
          gap: 10px 20px !important;
          justify-content: start;
      }
      .blog-detail > :not(:last-child):after {
          display: none;
      }
      .upper-part .grid-3 {
          grid-template-columns: repeat(2, 1fr) !important;
      }
      .lower-part .gd-timeline {
          align-items: center;
          justify-content: center;
      }
      .lower-part .menu {
          gap: 10px !important;
      }
      .border-bottom {
          padding: 15px 0;
      }
  }
  .gd-con-nurseryplant .gd-bg-cont .gd-sep {
      font-size: 27px;
  }
  .gd-con-nurseryplant .img-placeholder {
      aspect-ratio: 2/1 !important;
  }
  .input-group input:not(:placeholder-shown) ~ label {
      top: -10px;
  }
  .auth-social-follow ul {
      display: flex;
      padding-left: 0px !important;
      gap: 5px;
      margin-bottom: 20px;
  }
  .auth-social-follow ul li {
      list-style: none !important;
      margin-bottom: 0;
  }
  .auth-social-follow ul li::before {
      display: none;
  }
  .auth-social-follow ul li a {
      border-bottom: unset !important;
  }
  .wp-block-table {
      margin: 0 0 2em;
  }
  :is(blockquote, [class*="gd-block"]) {
      margin-block: 10px 30px;
  }
  ul li .wp-block-image {
      margin: 10px 0;
  }

:is(body.woocommerce-shop, body.archive) .content-area main > .row{
	clear:both;
}

:is(body.woocommerce-shop, body.archive) .content-area main form.woocommerce-ordering select{
	margin:0 0 1em
}

.woocommerce nav.woocommerce-pagination ul li{
	border: 1px solid var(--pc);
}

.woocommerce nav.woocommerce-pagination ul li a{
	border-bottom:unset !important
}

.woocommerce nav.woocommerce-pagination ul li a{
	/* border: 1px solid var(--pc); */
	border-radius:50%;
	background:#eeeeee47
}

.woocommerce nav.woocommerce-pagination ul li span{
	border-radius:50%;
	background:var(--pc) !important;
	color:var(--white) !important
}

.woocommerce nav.woocommerce-pagination ul{
	border:unset !important
}

.woocommerce-pagination{
	margin-top: 50px
}

nav.woocommerce-MyAccount-navigation ul{
  background: #f3f3f36b !important;
    padding: 30px !important;
    border-radius: 20px !important;
    border: 1px solid #eeeeee !important;
 }

.woocommerce-account .woocommerce-MyAccount-navigation{
	width: 20%;
}

.woocommerce-account .woocommerce-MyAccount-content{
	width: 78%;
}

.woocommerce-account .woocommerce-MyAccount-content fieldset{
	border:unset !important;
}

.woocommerce-Address {
    background: #cccccc1a;
    padding: 20px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    gap: 15px;
 }

.woocommerce-Address .woocommerce-Address-title {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    background: transparent;
    box-shadow: unset;
}

.woocommerce-Address .woocommerce-Address-title h2{
	font-size: 20px !important;
    color: #333333;
}

.addresses .title::before,
.addresses .title::after{
	content:unset !important	
}

    .woocommerce .woocommerce-MyAccount-navigation ul li:before{
        content: unset !important;
    }

.woocommerce .woocommerce-MyAccount-navigation ul li a{
        color: #000 !important;
        border-bottom:unset !important;
        font-weight:unset !important;
    }

 .woocommerce-Address .woocommerce-Address-title a{
  text-decoration: underline;
  color: #e43226;
 }

body.single-product .woocommerce-tabs .woocommerce-Tabs-panel :is(h2, .h2):not(:last-child){
        margin-bottom: 20px;
    }

body.single-product .woocommerce-tabs .woocommerce-Tabs-panel :is(h2, .h2):not(:first-child){
        margin-top: 20px;
    }

body.single-product .woocommerce-tabs .woocommerce-Tabs-panel :is(ul, ol){
	list-style:revert;
	padding-left:20px
}

body.single-product .woocommerce-tabs .woocommerce-Tabs-panel table:not(:has(ul)){
		width: 100%;
    	border-collapse: collapse;
    	margin-bottom: 20px;
	}

	body.single-product .woocommerce-tabs .woocommerce-Tabs-panel table:not(:has(ul)) tr{
		background-color: #f2f2f2;
	}

	body.single-product .woocommerce-tabs .woocommerce-Tabs-panel table:not(:has(ul)) th{
		padding: 10px;
    	border: 1px solid #ddd;
    	text-align: left;
    	font-weight: 700;
	}

	body.single-product .woocommerce-tabs .woocommerce-Tabs-panel table:not(:has(ul)) td{
		padding: 10px 20px;
    	border: 1px solid #ddd;
    	vertical-align: top;
	}