.top-footer {
     padding: 36px 36px 36px 36px;
     background: #f7f9fb
 }

 .top-footer form button {
     margin-top: 0
 }

 .top-footer .nwsltr-hd {
     font-size: 2.25rem;
     font-weight: 600
 }

 .top-footer .flex-foot-form {
     gap: 10px
 }

 .flex-foot-form input {
     border-radius: 5px 0 0 5px;
     width: 75%
 }

 .flex-foot-form button {
     width: 25%;
     border: 1px solid var(--pc)
 }

 @media (width <=600px) {
     .flex-foot-form {
         flex-wrap: wrap
     }

     .flex-foot-form button {
         width: fit-content !important
     }

     .flex-foot-form input {
         width: 100% !important
     }
 }

 .justify-space-arround {
     justify-content: space-around
 }

 .card-number {
     position: absolute;
     right: 0;
     top: -50px;
     z-index: -1
 }

 .steps-card .flex-col-inds-card {
     height: 100%
 }

 .relative {
     position: relative !important
 }

 .sep {
     background: #000;
     width: fit-content;
     padding: 6px 10px;
     border-radius: 20px;
     margin-bottom: 8px;
     color: #fff;
     font-size: 12px;
     font-weight: 800
 }

 .cat-card .pc-flex-btn {
     cursor: pointer
 }

 .cat-card .cat-img img:hover {
     transform: scale(1.1);
     transition: transform 0.3s ease-in-out
 }

 .cat-card {
     border: .5px solid gray;
     padding: 20px;
     height: 100%;
     margin: 0 10px;
     background-image: url(https://abodelook.com/wp-content/uploads/2025/10/modern-colorful-watercolor-backg.webp);
     background-color: rgb(255 255 255 / 60%);
     background-blend-mode: lighten
 }

 * {
     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,
 body main>.content-area,
 body main>.woocommerce {
     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,
     body main>.content-area,
     body main>.woocommerce {
         max-width: 540px
     }
 }

 @media (min-width:768px) {

     .container,
     body main>.content-area,
     body main>.woocommerce {
         max-width: 720px
     }
 }

 @media (min-width:992px) {

     .container,
     body main>.content-area,
     body main>.woocommerce {
         max-width: 960px
     }
 }

 @media (min-width:1200px) {

     .container,
     body main>.content-area,
     body main>.woocommerce {
         max-width: 1180px
     }
 }

 @media (min-width:1400px) {

     .container,
     body main>.content-area,
     body main>.woocommerce {
         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%
 }

 @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.3;
     text-transform: capitalize;
     margin-bottom: 5px;
     font-family: "Fraunces", sans-serif
 }

 .h1,
 h1 {
     font-size: calc(1.375rem + 1.5vw)
 }

 @media (min-width:1200px) {

     .h1,
     h1 {
         font-size: 3rem
     }
 }

 .h2,
 h2 {
     font-size: calc(1.325rem + .9vw)
 }

 @media (min-width:1200px) {

     .h2,
     h2 {
         font-size: 2.3rem
     }
 }

 .h3,
 h3 {
     font-size: calc(1.3rem + .6vw)
 }

 @media (min-width:1200px) {

     .h3,
     h3 {
         font-size: 1.75rem
     }
 }

 .h4,
 h4 {
     font-size: calc(1.275rem + .3vw)
 }

 @media (min-width:1200px) {

     .h4,
     h4 {
         font-size: 1.5rem
     }
 }

 .h5,
 h5 {
     font-size: 1.25rem
 }

 .h6,
 h6 {
     font-size: 1rem
 }

 [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) {
     margin-top: 60px
 }

 .mt-3 {
     margin-top: 30px !important
 }

 .mx-auto {
     margin-inline: auto
 }

 .mb-0 {
     margin-bottom: 0 !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 !important
 }

 .justify-content-center {
     justify-content: center
 }

 .align-items-center {
     align-items: center
 }

 .text-center {
     text-align: center
 }

 .flex-col-sec-hd-center {
     align-items: center;
     text-align: center
 }

 [class*="flex-col-sec-hd"],
 section h2 {
     gap: 10px;
     margin-bottom: 30px
 }

 .flex-hd-between [class*="flex-col-sec-hd"] {
     margin-bottom: 0
 }

 .flex-hd-between {
     margin-bottom: 40px
 }

 body main :where(ul, ol) {
     display: grid;
     gap: 10px;
     padding-left: 20px;
     margin-block: 10px 20px
 }

 body main ul {
     list-style: disc
 }

 body main ol {
     list-style: decimal
 }

 .topbar {
     padding-block: 10px
 }

 .topbar ul li a {
     gap: 10px
 }

 .flex-social-media,
 .header .flex-header-rb {
     gap: 15px
 }

 .header {
     padding-block: 15px;
     z-index: 999;
     position: relative
 }

 .headerUp {
     position: sticky !important;
     top: 0;
     animation: smoothSticky 0.7s ease
 }

 .widget_bwe-service-logo-widget .bwe-service-logo img {
     height: 40px;
     width: auto
 }

 .header nav>ul {
     gap: 30px
 }

 .dropdown {
     position: relative
 }

 .dropdown ul {
     position: absolute;
     left: 0;
     top: 45px;
     min-width: 230px;
     visibility: hidden;
     opacity: 0;
     transform: scale(1, 0);
     transform-origin: 0 0;
     gap: 10px;
     padding: 15px;
     z-index: 2
 }

 @media(min-width:1024px) {
     .dropdown:hover>ul {
         opacity: 1;
         visibility: visible;
         transform: scale(1)
     }
 }

 [class*="flex-btn"] {
     position: relative;
     padding: 7px 13px 7px 20px;
     width: fit-content
 }

 [class*="flex-btn"] span {
     height: 30px;
     width: 30px;
     justify-content: center
 }

 .toggleBtn,
 .header .closeToggle {
     display: none
 }

 .hero-banner {
     position: relative;
     display: flex;
     align-items: center;
     justify-content: center
 }

 .hero-img-slider {
     width: 100%
 }

 .hero-img-slider .hero-content img {
     width: 100% !important
 }

 .hero-banner .hero-lb,
 .hero-banner .hero-rb {
     position: absolute;
     font-size: 30px;
     font-weight: 700;
     color: var(--white);
     height: 100%;
     text-align: center;
     padding-block: 20px;
     width: 5%;
     display: flex;
     margin: auto;
     justify-content: center;
     align-items: center
 }

 .hero-banner .hero-lb {
     writing-mode: sideways-lr;
     top: 50%;
     transform: translate(0%, -50%);
     left: 0;
     background: var(--pc)
 }

 .hero-banner .hero-rb {
     writing-mode: sideways-rl;
     top: 0;
     right: 0;
     background: var(--black)
 }

 .hero-banner .hero-rb span {
     color: rgb(193 39 45 / 98%)
 }

 .text-light {
     color: var(--white)
 }

 .hero-banner .flex-col-hero-content .flex-subTitle {
     gap: 7px;
     color: var(--black);
     font-weight: 500;
     font-size: 15px;
     line-height: 1
 }

 .flex-pairBtn {
     gap: 20px;
     flex-wrap: wrap
 }

 .hero-banner .swiper {
     padding-bottom: 0 !important
 }

 .hero-banner .flex-col-hero-content {
     position: absolute;
     gap: 20px;
     top: 50%;
     z-index: 9999;
 }

 .hero-banner .content-left .flex-col-hero-content{
    left: 80px;
    gap: 20px;
    transform: translate(0%, -50%);
    max-width: 440px;
 }

 .hero-banner .content-center .flex-col-hero-content {
    text-align: center;
    left: 50%;
    gap: 20px;
    transform: translate(-50%, -50%);
    align-items: center;
    max-width: 532px;
}

 .hero-banner .flex-col-hero-content h1 {
     font-size: 45px
 }

 .hero-banner .swiper-pagination {
     position: absolute !important;
     right: 150px !important;
     bottom: 30px !important;
     display: flex !important
 }

 .for-lg-screen {
     display: block
 }

 .for-sm-screen {
     display: none
 }

 .swiper {
     padding-bottom: 20px !important
 }

 .swiperBtn .swiper {
     padding-inline: 15px;
     padding-bottom: 0
 }

 .swiperBtn .swiper .swiper-button-prev {
     left: var(--swiper-navigation-sides-offset, 0) !important
 }

 .swiperBtn .swiper .swiper-button-next {
     right: var(--swiper-navigation-sides-offset, 0) !important
 }

 .flex-col-rev-card {
     gap: 20px
 }

 .flex-col-rev-card .flex-user-nm {
     gap: 10px
 }

 .flex-col-rev-card .rev-flex-between {
     margin-top: auto
 }

 .flex-col-rev-card .flex-user-nm img {
     height: 50px;
     width: 50px;
     object-fit: cover;
     border-radius: 50%
 }

 .flex-col-rev-card .flex-between .rev-logo img {
     height: 80px;
     width: 80px;
     object-fit: contain
 }

 .flex-rating {
     gap: 5px;
     list-style: none
 }

 .part-logo img {
     height: 50px;
     object-fit: contain;
     width: 100%
 }

 .bg-lighty {
     background: #fcfcfc;
     padding-block: 60px
 }

 .flex-col-blog-card {
     gap: 20px;
     height: 100%
 }

 .img-placeholder {
     background-color: #c7c7c7;
     overflow: hidden
 }

 .img-placeholder {
     aspect-ratio: 16 / 9
 }

 .flex-col-blog-card .flex-col-card-content {
     padding: 0
 }

 .flex-col-box-content,
 .flex-col-card-content {
     flex: 1;
     gap: 16px
 }

 .card-meta {
     gap: 20px;
     flex-wrap: wrap
 }

 :is([class*="-title"], [class*="__title"]) {
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     display: -webkit-box !important;
     margin-bottom: 0 !important;
     padding: 0 !important;
     overflow: hidden;
     text-overflow: ellipsis
 }

 .grid-blog-card {
     grid-template-columns: 40% auto;
     align-items: center
 }

 .vid-wrap .flex-col-vid-content {
     align-items: center;
     text-align: center;
     gap: 15px;
     max-width: 500px;
     margin: auto
 }

 .vid-wrap .flex-col-vid-content .flex-icon {
     height: 60px;
     width: 60px;
     display: flex;
     justify-content: center;
     align-items: center
 }

 .srch-overlay {
     position: fixed;
     height: 200vh;
     width: 100%;
     background: rgb(0 0 0 / 93%);
     z-index: 9999;
     inset: 0;
     display: none
 }

 .srch-overlay.active {
     display: block
 }

 .srchBar-wrapper {
     position: fixed;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -15px);
     opacity: 0;
     visibility: hidden;
     transition: all .4s ease;
     z-index: 99999;
     width: 100%;
     max-width: 800px
 }

 .srchBar-wrapper.show {
     transform: translate(-50%, -50%);
     opacity: 1;
     visibility: visible;
     transition: all .4s ease
 }

 .srchBar-wrapper form {
     position: relative
 }

 .srchBar-wrapper form input {
     background: #fff0;
     color: var(--white);
     border: 0 !important;
     border-bottom: 1px solid var(--white) !important;
     outline: 0;
     border-radius: 0;
     font-size: 30px;
     padding: 0 40px 10px 0;
     width: 100%
 }

 .srchBar-wrapper form input::placeholder {
     color: var(--white)
 }

 .srchBar-wrapper form button {
     position: absolute;
     right: 0;
     bottom: 17px;
     background: #fff0;
     border: 0;
     outline: 0;
     margin-top: unset !important
 }

 .closeSrchBar {
     position: fixed;
     right: 30px;
     top: 30px;
     z-index: 999999;
     display: none
 }

 .sticky-col {
     position: sticky;
     top: 50px
 }

 .flex-ftrs-box {
     gap: 15px;
     padding: 20px
 }

 .flex-ftrs-box p {
     margin-bottom: 0
 }

 .grid-4 {
     grid-template-columns: repeat(4, 1fr)
 }

 .coll-card {
     position: relative;
     overflow: hidden
 }

 .coll-card img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     transition: all 0.3s
 }

 .coll-card h3 {
     position: absolute;
     top: 40px;
     left: 50%;
     text-align: center;
     z-index: 99;
     transform: translateX(-50%)
 }

 .woocommerce .woocommerce-breadcrumb {
     margin: 3em 0 4em !important
 }

 .woocommerce div.product div.images img {
     width: auto !important
 }

 ul.products:before,
 .woocommerce div.product .woocommerce-tabs ul.tabs li::before,
 .woocommerce div.product .woocommerce-tabs ul.tabs li:after,
 .woocommerce-page div.product .woocommerce-tabs ul.tabs::after,
 .woocommerce div.product form.cart::before,
 .woocommerce-page table.cart td.actions .coupon::before,
 .woocommerce-page table.cart td.actions .coupon::after,
 .woocommerce-page form .form-row::before {
     content: unset !important
 }

 .woocommerce :is(ul.products, ul.products li) {
     margin: 0 !important
 }

 .woocommerce ul.products li {
     width: 100% !important;
     border: 1px solid #d8d8d8;
     padding: 15px !important;
     border-radius: 5px;
     display: flex;
     flex-flow: column
 }

 body main form.woocommerce-ordering select {
     border-radius: 4px;
     padding: 10px;
     border: 1px solid #d8d8d8
 }

 .woocommerce ul.products {
     gap: 20px;
     grid-template-columns: repeat(4, 1fr)
 }

 .woocommerce :is(.button, button):not(.show-password-input):not(.pswp__top-bar button) {
     margin-top: auto !important;
     width: fit-content !important;
     background: var(--pc) !important;
     transition: all .4s ease !important;
     color: var(--white) !important;
     font-weight: 500 !important;
     font-size: 16px !important;
     padding: 12px 20px !important;
     border-radius: 90px !important
 }

 fieldset {
     padding: 20px;
     margin-bottom: 30px !important
 }

 .woocommerce ul.products li.product .price {
     margin-bottom: 1.2em
 }

 .woocommerce span.onsale {
     height: 50px;
     display: flex;
     align-items: center;
     justify-content: center;
     width: 50px;
     background: var(--pc)
 }

 .woocommerce div.product .woocommerce-tabs ul.tabs {
     display: flex;
     justify-content: center;
     gap: 20px;
     align-items: center
 }

 .woocommerce div.product .woocommerce-tabs ul.tabs li {
     background: #cccccc24;
     padding: 10px 20px;
     border-radius: unset
 }

 .woocommerce div.product .woocommerce-tabs ul.tabs li.active {
     background: var(--pc) !important;
     border: 1px solid var(--pc) !important;
     color: var(--white) !important
 }

 .woocommerce div.product .woocommerce-tabs ul.tabs li a {
     padding: unset !important
 }

 .woocommerce div.product .woocommerce-tabs ul.tabs li::before,
 .woocommerce div.product .woocommerce-tabs ul.tabs li.active::after {
     border-radius: unset !important;
     box-shadow: unset !important;
     border: unset !important
 }

 .woocommerce-Tabs-panel h2 {
     font-size: 30px
 }

 .woocommerce-Tabs-panel :where(h2, p, span, form, form label) {
     margin-bottom: 20px !important
 }

 .woocommerce ul.products li.product .woocommerce-loop-product__title {
     margin-bottom: 20px !important
 }

 body.single-product .content-area form.cart {
     display: flex;
     align-items: center;
     gap: 30px;
     flex-wrap: wrap;
     margin-top: 20px
 }

 .woocommerce .quantity .qty {
     width: 70px;
     padding: 9px 0;
     font-size: 16px;
     border: 1px solid #eee;
     border-radius: 4px
 }

 .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price {
     color: var(--pc) !important;
     margin-top: 20px
 }

 input[type=number]::-webkit-inner-spin-button,
 input[type=number]::-webkit-outer-spin-button {
     opacity: 1;
     -webkit-appearance: inner-spin-button !important;
     appearance: inner-spin-button !important
 }

 form.woocommerce-cart-form {
     margin-top: 50px
 }

 ul.products li.product h2 {
     font-size: 1.25rem !important
 }

 .woocommerce table.woocommerce-cart-form__contents tbody tr td .coupon {
     display: flex !important;
     gap: 10px !important
 }

 .woocommerce table.woocommerce-cart-form__contents tbody tr td .coupon input {
     width: fit-content !important;
     border-radius: 4px !important;
     padding-inline: 15px !important
 }

 .woocommerce-info {
     border-top-color: var(--pc);
     margin-top: 50px
 }

 .woocommerce-info::before {
     color: var(--pc)
 }

 .woocommerce #payment #place_order,
 .woocommerce-page #payment #place_order {
     float: left;
     margin-top: 10px !important
 }

 body.woocommerce-account nav.woocommerce-MyAccount-navigation {
     width: 20% !important
 }

 body.woocommerce-account .woocommerce-MyAccount-content {
     width: 77% !important
 }

 body.woocommerce-account nav.woocommerce-MyAccount-navigation ul {
     padding: 30px;
     list-style: none;
     margin: 0;
     background: rgb(217 217 217 / 11%);
     border: 1px solid var(--muted);
     gap: 15px
 }

 .woocommerce-Addresses .woocommerce-Address {
     background: rgb(217 217 217 / 25%);
     padding: 30px;
     border-radius: 10px;
     border-bottom: 5px solid var(--muted);
     margin-top: 20px
 }

 .woocommerce-Addresses header h2 {
     margin: 0 0 20px !important
 }

 .woocommerce-account .addresses .title .edit {
     float: left;
     margin-bottom: 20px
 }

 body.woocommerce-account .woocommerce form .form-row {
     padding: 0;
     margin: 0 0 20px
 }

 body.single-product .flex-viewport {
     display: block !important
 }

 body.single-product .flex-control-thumbs {
     margin-top: 20px !important
 }

 #sidebar {
     display: none
 }

 .cart-count {
     position: absolute;
     top: -8px;
     right: -8px;
     background: #e53935;
     color: #fff;
     font-size: 12px;
     border-radius: 999px;
     padding: 2px 6px;
     min-width: 18px;
     text-align: center
 }

 .cart-icon {
     position: relative;
     display: inline-block
 }

 .wp-single-blog-block h1 {
     margin-bottom: 30px
 }

 .post-summary {
     padding: 20px;
     display: flex;
     margin-top: 30px;
     align-items: center;
     flex-wrap: wrap;
     gap: 12px;
     justify-content: space-between
 }

 .wp-single-blog-block figure {
     margin-block: 15px
 }

 .wp-single-blog-block p {
     margin-bottom: 15px
 }

 .wp-single-blog-block :is(ul, ol) {
     line-height: 2;
     color: #000000b3;
     padding-left: 20px;
     display: grid;
     gap: 15px;
     margin-block: 10px 20px
 }

 .flex-col-ath-desc .flex-ath-bio {
     gap: 15px;
     margin-bottom: 30px
 }

 .flex-col-ath-desc .auth-social-follow ul {
     list-style: none !important;
     padding: 0 !important;
     display: flex !important;
     margin-top: 15px
 }

 .flex-col-error-wrap {
     gap: 15px;
     align-items: center
 }

 .err-container .flex-col-error-wrap img {
     height: 200px;
     width: auto;
     object-fit: contain
 }

 .contact-info ul {
     list-style: unset;
     padding: unset;
     margin-block: 25px 0
 }

 .contact-info ul li {
     gap: 20px
 }

 .contact-info ul li:not(:last-child) {
     margin-bottom: 25px
 }

 .contact-info .icon-container {
     width: 50px;
     height: 50px;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-shrink: 0
 }

 form :is(input, textarea, select) {
     padding: 8px 15px;
     width: 100%
 }

 form button {
     border: 0;
     margin-top: 20px;
     cursor: pointer
 }

 form .flex-col-form-control {
     gap: 12px
 }

 .footer .footer-flex-col-card {
     gap: 15px;
     padding: 30px;
     height: 100%;
     justify-content: center
 }

 .footer .menu-wrapper {
     padding: 30px 20px 30px 0
 }

 .footer-ttl {
     margin-bottom: 20px
 }

 .footer .footer-flex-col-menu ul {
     display: flex;
     flex-direction: column;
     gap: 15px
 }

 .footer .logo-between {
     height: 100%;
     gap: 20px
 }

 @media (width <=1023px) {
     .wp-single-blog-container figure.wp-block-table {
         background: #f0f0f0;
         overflow-x: auto;
         width: 100%;
         white-space: nowrap
     }

     .toggleBtn {
         order: 2;
         display: block
     }

     .header .closeToggle {
         position: fixed;
         right: 30px;
         top: 15px;
         z-index: 999999999999
     }

     .form-strip,
     .hero-banner .hero-lb,
     .hero-banner .hero-rb {
         display: none
     }

     .srchBar {
         order: 2
     }

     .for-lg-screen {
         display: none !important
     }

     .for-sm-screen {
         display: block !important
     }

     .header nav>ul {
         flex-direction: column;
         width: 100%;
         background: var(--white);
         position: fixed;
         left: 0;
         top: 0;
         align-items: unset;
         padding: 30px;
         gap: 18px;
         height: 100%;
         z-index: 999999999;
         transform: translateX(-100%);
         transition: all .4s
     }

     .header nav>ul.showMenu {
         transform: translateX(0%);
         transition: all .4s
     }

     .header nav>ul li.dropdown .showSubMenu {
         position: relative;
         display: flex;
         top: 0;
         margin-top: 12px;
         width: fit-content;
         transform: scale(1);
         opacity: 1;
         visibility: visible
     }

     .srchBar-wrapper {
         width: 90% !important
     }

     .srchBar-wrapper form input {
         font-size: 20px !important
     }

     .srchBar-wrapper form button {
         padding-block: 0 !important
     }

     .hero-banner .container {
         padding-inline: 0 !important
     }

     .inner-img,
     .form-bg-img:after {
         display: none
     }

     .dot-circle:after,
     .dot-circle:before {
         opacity: .3
     }

     .part-logo,
     .flex-col-rev-card,
     .vid-wrap .flex-col-vid-content {
         padding: 15px !important
     }

     .bg-color-img,
     .ftrs-bg,
     .bg-lighty {
         padding-block: 30px !important
     }

     :where(.section, section, .sec-space, .mt-5, .mt-auto) {
         margin-top: 40px
     }

     form textarea {
         height: auto
     }

     .form-img-wrap {
         padding: 25px !important;
         background-size: cover !important;
         background-position: unset !important
     }

     .disclaimer {
         margin-top: 20px
     }

     .copyryt .flex-between {
         flex-wrap: wrap;
         gap: 15px
     }

     .copyryt p {
         order: 2
     }

     .copyryt img {
         order: 1
     }

     .footer .menu-wrapper {
         padding: 0 20px
     }

     .swiper-pagination {
         display: flex !important
     }

     .swiper-button-next,
     .swiper-button-prev {
         display: none !important
     }

     .swiper {
         padding: 0 0 40px 0 !important
     }

     body.woocommerce-account nav.woocommerce-MyAccount-navigation,
     body.woocommerce-account .woocommerce-MyAccount-content {
         width: 100% !important
     }

     body.woocommerce-account nav.woocommerce-MyAccount-navigation ul {
         margin-bottom: 30px
     }

     .grid-blog-card {
         grid-template-columns: auto !important
     }
 }

 @media (600px <=width <=1023px) {
     .grid-4 {
         grid-template-columns: repeat(3, 1fr) !important
     }

     .woocommerce ul.products {
         grid-template-columns: repeat(2, 1fr) !important
     }

     .woocommerce .woocommerce-ordering,
     .woocommerce-page .woocommerce-ordering {
         float: left !important;
         margin-top: 15px !important
     }
	 

 }

 @media (width <=600px) {

     .topbar:before,
     .topbar:after,
     .topbar p,
     .header .sc-flex-btn span {
         display: none
     }

     .topbar .flex-top-lb li:not(:first-child) a {
         border-left: 0
     }

     .header .sc-flex-btn {
         font-size: 13px;
         padding: 8px 13px
     }

     .header .flex-header-rb {
         gap: 15px
     }

     .srchBar {
         padding: 0;
         border-left: unset !important
     }

     .flex-header-rb :is(a>svg, .srchBar svg) {
         height: 16px;
         width: 16px
     }

     .header .widget_bwe-service-logo-widget .bwe-service-logo img {
         height: 30px !important
     }

     .hero-banner .flex-col-hero-content {
        left: 30px !important;
        top: 100px !important;
        align-items: start !important;
        transform: translate(0px, 0px) !important;
        text-align: left !important;
     }

     .hero-banner .flex-col-hero-content h1 {
         font-size: 30px;
         font-weight: 600
     }

     .hero-banner .flex-col-hero-content p {
         display: none
     }

     .grid-4 {
         grid-template-columns: repeat(2, 1fr) !important
     }

     .woocommerce ul.products {
         grid-template-columns: auto
     }

     .woocommerce table.woocommerce-cart-form__contents tbody tr td .coupon input {
         padding-inline: 10px !important;
         width: 120px !important
     }

     .hero-img-slider {
         width: 100%
     }
 }

 .dropdown:hover>ul .flex-col-menu {
     top: 10px;
     transform: translateX(160px)
 }

 @media (max-width:480px) {
     .card-number {
         top: -20px
     }
 }

 .slick-slide {
     margin: 10px
 }

 .slick-slider button {
     --pc: #000000 !important
 }

 .slick-prev:before,
 .slick-next:before {
     content: unset !important
 }

 .slick-prev:after,
 .slick-next:after {
     content: '';
     position: absolute;
     height: 22px;
     width: 22px;
     left: 50%;
     top: 50%;
     filter: grayscale(100%) !important;
     transform: translate(-50%, -50%)
 }

 .slick-next:after {
     background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="22" height="22" x="0" y="0" viewBox="0 0 5.5 5.5" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><script xmlns="" src="chrome-extension://hoklmmgfnpapgjgcpechhaamimifchmp/frame_ant/frame_ant.js"/><g><path d="M1.891 4.641a0.172 0.172 0 0 1 -0.122 -0.05 0.172 0.172 0 0 1 0 -0.243L3.366 2.75 1.769 1.153c-0.067 -0.067 -0.067 -0.176 0 -0.243s0.176 -0.067 0.243 0l1.719 1.719a0.172 0.172 0 0 1 0 0.243l-1.719 1.719A0.172 0.172 0 0 1 1.891 4.641" fill="%23ffffff" opacity="1" data-original="%23000000"/></g></svg>') no-repeat
 }

 .slick-prev:after {
     background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="22" height="22" x="0" y="0" viewBox="0 0 5.5 5.5" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><script xmlns="" src="chrome-extension://hoklmmgfnpapgjgcpechhaamimifchmp/frame_ant/frame_ant.js"/><g><path d="M3.609 4.641a0.172 0.172 0 0 1 -0.122 -0.05l-1.719 -1.719a0.172 0.172 0 0 1 0 -0.243l1.719 -1.719c0.067 -0.067 0.176 -0.067 0.243 0s0.067 0.176 0 0.243L2.134 2.75l1.597 1.597a0.172 0.172 0 0 1 0 0.243A0.172 0.172 0 0 1 3.609 4.641" fill="%23ffffff" opacity="1" data-original="%23000000" class=""/></g></svg>') no-repeat
 }

 .slick-slider .slick-prev,
 .slick-slider .slick-next {
     padding: 20px 20px !important;
     border: none !important;
     height: 40px !important
 }

 :is(.faq, .accordion) details {
     padding-block: 20px;
     cursor: pointer
 }

 :is(.faq, .accordion) summary {
     list-style: none;
     font-weight: 500;
     position: relative;
     display: flex;
     align-items: center;
     padding-right: 10px
 }

 :is(.faq, .accordion) summary::after {
     content: "";
     right: -10px;
     position: absolute;
     border-radius: 50%;
     background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="15" height="15" fill="%23000"><path d="M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32v144H48c-17.7 0-32 14.3-32 32s14.3 32 32 32h144v144c0 17.7 14.3 32 32 32s32-14.3 32-32V288h144c17.7 0 32-14.3 32-32s-14.3-32-32-32H256z"/></svg>') no-repeat center;
     width: 30px;
     height: 30px;
     display: grid;
     place-items: center;
     transition: all 0.3s
 }

 :is(.faq, .accordion) .content {
     margin-top: 20px;
     cursor: auto
 }

 .accordion .wp-block-create-block-bwe-addons-details {
     margin-bottom: 20px
 }

 nav.woocommerce-pagination,
 .pagination {
     display: flex;
     justify-content: center;
     margin-top: 50px !important
 }

 ul.page-numbers,
 .nav-links {
     display: flex !important;
     justify-content: center;
     align-items: center;
     position: relative;
     transition: all 0.3s ease 0s;
     z-index: 1;
     gap: 0;
     width: fit-content
 }

 .woocommerce nav.woocommerce-pagination ul li a,
 .woocommerce nav.woocommerce-pagination ul li span.current {
     padding: .8em 1.1rem !important
 }

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

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

 .flex-col-menu .dropdown>a {
     display: flex;
     align-items: center;
     justify-content: space-between
 }

 @media(max-width:1023px) {
     .header nav>ul {
         padding-top: 50px
     }

     .flex-col-menu {
         flex: 0 0 100%
     }
 }

 .pagination .nav-links {
     display: inline-block;
     white-space: nowrap;
     padding: 0;
     clear: both;
     border: 1px solid #cfc8d8;
     border-right: 0;
     margin: 1px
 }

 .pagination .nav-links::before {
     content: " ";
     display: table
 }

 .pagination .nav-links>.page-numbers {
     border-right: 1px solid #cfc8d8;
     float: left;
     overflow: hidden;
     text-decoration: none;
     line-height: 1;
     font-size: 1em;
     font-weight: 400;
     min-width: 1em;
     padding: .8em 1.1rem !important
 }

 .pagination .nav-links>.page-numbers.current {
     background: var(--pc) !important;
     color: var(--white) !important
 }

 .pagination .nav-links .page-numbers:not(.current):hover {
     background: #e9e6ed;
     color: #816f98
 }



 .team-sec .flex-col-rev-card .socials svg {
     transition: all 300ms ease;
 }

 .team-sec .flex-col-rev-card .auth-info {
     justify-content: center;
     display: flex;

 }

 .team-sec .flex-col-rev-card {
     gap: 0px !important;
 }

 .team-sec .flex-col-rev-card {
     border: 1px solid #c1c1c1 !important;
     padding: 20px !important;
     height: 100%;
 }

 .team-sec .flex-col-rev-card img {
     border-radius: 4px;
 }

 .team-sec .socials {
     width: 40px;
     height: 40px;
     position: absolute;
     right: 20px;
     top: -20px;
     cursor: pointer;
     transition: all 300ms ease;
     display: grid;
     place-items: center;
     padding: 0;
     background: var(--pc);
     border-radius: 50%;
 }

 .team-sec .socials ul {
     position: absolute;
     right: 0;
     bottom: 0;
     opacity: 0;
     margin-bottom: 0 !important;
 }

 .team-sec .socials ul li {
     list-style: none;
 }

 .team-sec .flex-col-rev-card:hover .socials>ul {
     opacity: 1;
     transition: all 300ms ease;
     bottom: 51px;
 }

 .team-sec .socials>ul>li {
     width: 40px;
     height: 40px;
     background-color: white;
     border-radius: 50%;
     display: grid;
     padding: 0 !important;
     place-items: center;

 }

 .team-sec .flex-col-rev-card:hover .socials svg {
     transform: rotate(-45deg);
     transition: all 300ms ease;
 }

 .team-sec .socials ul li svg {
     transform: unset !important;
 }

 .team-sec .flex-col-rev-card .details {
     position: relative;
     display: flex;
     flex-direction: column;
     gap: 20px;
 }

 .team-sec .details {
     padding-top: 15px;
 }

 .team-sec h4 {
     margin: 0 !important;
 }