:root {
    --pc: #2d3091;
    --sc: #0095d9;
    --muted: rgba(217, 217, 217, 1);
    --white: #fff;
    --black: #000;
    scroll-behavior: smooth;
}

body a {
    text-decoration: none;
    color: var(--black);
    -webkit-transition:all .3s; /* Safari friendly */
    transition:all .3s;
}

p {
    font-size: 16px;
    line-height: 1.8;
    color: rgba(0, 0, 0, 0.8);
}

/*------------------------topbar-start--------------------------*/

.topbar {
    background: rgba(32, 21, 27, 1);
}

.topbar :is(ul li a, p) {
    font-size: 14px;
    color: var(--white);
}

.top-between {
    z-index: 0;
    position: relative;
}

.topbar:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    height: 3px;
    width: 100%;
    background: linear-gradient(to right, 
    var(--pc) 0% 33%,
    var(--sc) 33% 66%, 
    rgba(191, 191, 191, 1) 66% 100%);
    z-index: -1;
}

.flex-social-media li a {
    display: -webkit-box; /* Safari friendly */
    display: -webkit-flex; /* Safari friendly */
    display: flex;
    background: var(--white);
    border-radius: 50%;
}

.flex-social-media li a:hover{
    background: var(--sc);
}

.flex-social-media li a:hover svg{
    fill: var(--white);
}


/*------------------------Header-start--------------------------*/

.header {
    box-shadow: 0px -1px 7px 0px rgba(0, 0, 0, 0.25);
    background: var(--white);
}

@-webkit-keyframes smoothSticky { /* Safari friendly */
    0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); }
    100% { -webkit-transform: translateY(0); transform: translateY(0); }
}

@keyframes smoothSticky {
    0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); }
    100% { -webkit-transform: translateY(0); transform: translateY(0); }
}

.headerUp .widget_bwe-service-logo-widget .bwe-service-logo img{
    filter: unset !important;
}

.header.headerUp:after{
    display: none !important;
}

.dropdown ul {
    box-shadow: 0px 30px 70px 0px rgba(137, 139, 142, 0.15);
    border: 1px solid #f5f5f5;
    background: var(--white);
    -webkit-transition: all 0.3s ease-out 0s; /* Safari friendly */
    transition: all 0.3s ease-out 0s;
    border-radius: 10px;
}

.header .flex-header-rb .flex-head-call .no-ttl {
    font-size: 14px;
    color: rgb(111 111 111);
}

.header .flex-header-rb .flex-head-call a {
    font-weight: 600;
}

.srchBar {
    border-left: 2px solid #c7c7c7;
    cursor: pointer;
}

[class*="flex-btn"]{
                     line-height: 1.5;
                     font-size: 16px;
                     position: relative;
                     z-index: 0;
                     color: var(--white);
                  }

                  .pc-flex-btn{
                     background: var(--pc);
                  }

                  .pc-flex-btn:after{
                     background: var(--sc);
                  }

                  .sc-flex-btn{
                     background: var(--sc);
                  }

                  .sc-flex-btn:after{
                     background: var(--pc);
                  }

                  [class*="flex-btn"]:after{
                  content: '';
    position: absolute;
    height: 12px;
    width: 12px;
    left: 0;
    bottom: 0;
	z-index:-1;
    border-radius: 0 10px 0 0;
					  -webkit-transition:all .4s ease; /* Safari friendly */
					  transition:all .4s ease;
 }

[class*="flex-btn"]:hover:after{
                     height:100%;
	width:100%;
	border-radius: 0px;
						-webkit-transition:all .4s ease; /* Safari friendly */
						transition:all .4s ease;
                  }

.flex-prod-btn:hover{
	-webkit-transition:all .4s ease; /* Safari friendly */
	transition:all .4s ease;
	background:var(--sc);
}

.flex-prod-btn:hover span{
	-webkit-transition:all .4s ease; /* Safari friendly */
	transition:all .4s ease;
	background:var(--pc);
}

 .flex-link:after{
    content: unset;
 }

 [class*="flex-col-sec-hd"] h2 span{
    color: #4144af;
 }

body a:hover:not(:is([class*="-btn"], .flex-wcu-info a)){
	color:var(--sc);
	-webkit-transition:all .3s; /* Safari friendly */
	transition:all .3s;
}

:is(.footer ul li.flex-foo-info, .flex-wcu-info) a:hover{
	text-decoration:underline
}

.flex-link:hover,
.flex-link:hover .flex-span-icn svg path{
	fill:var(--pc) !important;
	color:var(--pc)
}

/*------------------------Hero-start--------------------------*/

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

.hero-banner .swiper .swiper-slide .hero-content{
               position: relative;
             }

             .hero-banner .swiper .swiper-slide .hero-content:after{
               content: '';
               position: absolute;
               background: linear-gradient(89.97deg, #000000 -7.68%, rgba(0, 0, 0, 0) 155.57%);
               height: 100%;
               width: 100%;
               inset: 0;
             }

.hero-banner p{ 
                  color: rgba(255, 255, 255, 0.8);
    border-left: 3px solid var(--sc);
    padding-left: 20px;
    margin-block: 10px 20px;
               }

/* ------------------------ServiceCard_Slides-start--------------------------*/

.bg-texture {
    z-index: 0;
    position: relative;
}

.bg-texture:after,
.bg-texture:before {
    z-index: -1;
    position: absolute;
    content: '';
}

.dot-circle:after {
    background: url(../img/dot-crcl.webp) no-repeat center / contain;
    height: 120px;
    width: 120px;
    left: 50px;
    top: 0;
}

.mutli-texture:before {
    background: url(../img/mutli-texture.webp) no-repeat center / contain;
    height: 100px;
    width: 90px;
    right: 0px;
    top: 50px;
}

.flex-seprator {
    color: var(--pc);
    gap: 7px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    padding-inline: 20px;
    width: fit-content;
    position: relative;
}

.flex-seprator:before,
.flex-seprator:after{
    content: '';
    position: absolute;
    top: 6px;
    width: 15px;
    height: 13px;
    background: url(https://batterseaconsultant.com/monosign/wp-content/uploads/2025/09/sep-icn.svg) no-repeat;
}

.flex-seprator:before{
    left: 0;
}

.flex-seprator:after{
    right: -2px;
}

.service-card .srvc-content {
    background: var(--white);
    height: fit-content;
    border-radius: 6px;
    overflow: hidden;
}

.service-card .srvc-content .title{
    font-size: 17px;
    font-weight: 600;
}

.service-card .srvc-content p{
    margin-block: 10px 0;
    font-size: 15px;
    display: none;
}

.service-card:hover .srvc-content p{
    display: block;
}

.service-card .flex-icon {
    background: var(--pc);
    border-radius: 0 90px 90px 90px;
}

.flex-col-inds-card {
    border: 1px solid var(--muted);
    -webkit-transition: all .4s ease; /* Safari friendly */
    transition: all .4s ease;
    border-radius: 4px;
}

 .flex-col-sol-card {
                      background: rgb(217 217 217 / 15%);
    border: 1px solid var(--muted);
    border-radius: 10px;
    }

    .flex-col-sol-card .sol-ttl{
                  font-size: 18px;
                  font-weight: 600;
               }

               .flex-col-sol-card p{
                  margin-bottom: 0;
                  font-size:15px
               }

/* ------------------------testimonial-or-partner-start--------------------------*/

.bg-color-img {
    padding-block: 50px;
    position: relative;
    background: url(https://batterseaconsultant.com/monosign/wp-content/uploads/2025/09/review-bg.webp) no-repeat center / cover;
}

.flex-col-rev-card {
    background: var(--white);
    padding: 15px 30px 30px;
    border: 1px solid rgba(216, 216, 216, 1);
}

.flex-col-ren-smry span {
    font-weight: 500;
}

.flex-col-rev-card p {
    margin: 0;
    font-size: 15px;
}

.flex-col-rev-card .rev-flex-between {
    border-top: 1px solid var(--muted);
    padding-top: 20px;
}

.part-logo {
    border: 1px solid var(--muted);
    padding: 25px;
    background: var(--white);
    -webkit-transition: all .3s ease; /* Safari friendly */
    transition: all .3s ease;
}

/* ------------------------faq-start--------------------------*/

details {
    background: rgba(240, 245, 255, 1);
    border-bottom: 2px solid transparent;
    border-radius: 8px;
    -webkit-transition: all .4s ease; /* Safari friendly */
    transition: all .4s ease;
}

details[open] {
    border-bottom: 2px solid var(--sc);
    border-radius: 8px 8px 0 0;
    -webkit-transition: all .4s ease; /* Safari friendly */
    transition: all .4s ease;
}

details summary {
    list-style: none;
    font-weight: 600;
    cursor: pointer;
}

details summary:after {
    background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 12h16m-8-8v16" stroke="%23000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat;
    height: 24px;
    width: 24px;
    right: 20px;
    -webkit-transition: all .4s ease; /* Safari friendly */
    transition: all .4s ease;
    top: 25px;
    position: absolute;
    content: '';
}

details[open] summary:after {
    -webkit-transform: rotate(45deg); /* Safari friendly */
    transform: rotate(45deg);
    -webkit-transition: all .4s ease; /* Safari friendly */
    transition: all .4s ease;
}

.flex-link {
    background: unset;
    color: var(--black);
    font-weight: 500;
    padding: 0;
	margin-top:auto
}

/* ------------------------Form-bg-wrapper-start--------------------------*/

.form-bg-img:after {
    inset: 0;
    background: url(../img/form-sec-bg-img.webp) no-repeat right;
    height: 100%;
    width: 100%;
}

.form-img-wrap form h2 {
    color: var(--white);
}

.form-img-wrap form p {
    color: rgba(255, 255, 255, 0.7);
}

form :is(input, select, textarea) {
    background: transparent;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    font-size: 16px;
}

form :is(input, select, textarea):focus{
    border-bottom: 1px solid var(--pc) !important;
    outline: none;
}

form textarea {
    resize: none;
    height: 120px;
}

form button {
    cursor: pointer;
    border: 0;
    outline: 0;
}

.form-img-wrap .form-strip {
    background: var(--pc);
    color: var(--white);
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 2px;
}

.form-img-wrap .form-strip:after,
.form-img-wrap .form-strip:before {
    width: 50px;
    height: 51px;
    background: var(--pc);
    left: 0;
}

.form-img-wrap .form-strip:after {
    top: -50px;
    -webkit-clip-path: polygon(0 0, 0 100%, 100% 100%); /* Safari friendly */
    clip-path: polygon(0 0, 0 100%, 100% 100%);
}

.form-img-wrap .form-strip:before {
    bottom: -50px;
    -webkit-clip-path: polygon(100% 0, 0 100%, 0 0); /* Safari friendly */
    clip-path: polygon(100% 0, 0 100%, 0 0);
}

.ftrs-bg:after{
            background: url(../img/tap-1.webp) no-repeat center / contain;
                height: 150px;
    width: 220px;
    left: 0;
    top: 100px;
    opacity: .3;
         }

         .ftrs-bg:before{
            background: url(../img/tap-2.webp) no-repeat center / contain;
               height: 300px;
    width: 160px;
    right: 0;
    bottom: 100px;
    opacity: .3;
         }

.flex-col-ftrs .flex-ftrs-icn, .flex-col-sol-card .flex-sol-icn {
    border-radius: 50%;
    outline: 1px dotted var(--pc);
    -webkit-transition: -webkit-transform .3s ease; /* Safari friendly */
    transition: transform .3s ease;
    outline-offset: 4px;
    background: var(--pc);
}

.marquee .flex-mrq-item{
    color: var(--white);
    -webkit-text-stroke: 1px rgba(136, 140, 151, 1);
    text-shadow: 0 0 2px var(--white);
    font-size: 38px;
    font-weight: 700;
}

.flex-col-ftrs .title {
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    margin-bottom: 8px;
}

@-webkit-keyframes marqueeRTL { /* Safari friendly */
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    to {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

@keyframes marqueeRTL {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    to {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

/*------------------------Blog-Card-start--------------------------*/

[class*="blog-card"] {
    border-radius: 10px;
}

.flex-col-blog-card :is(.img-placeholder, .img-placeholder img) {
    border-radius: 10px;
}

[class*="blog-card"] .flex-col-crd-content .crd-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
}

.overlay-blog-card .flex-col-crd-content a {
    color: var(--white) !important
}

.overlay-blog-card:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: linear-gradient(180deg, rgb(0 0 0 / 53%) 0%, #000000 100%)
}

.flex-ath-nm {
    gap: 8px;
    font-size: 15px;
    color: #595959;
}

[class*="blog-card"] .readBbtn {
    border-top: 1px solid #D9D9D9;
    padding-top: 20px;
    margin-top: 10px
}

.overlay-blog-card .readBbtn {
    border-top: 1px solid #F6F6F68F !important
}


.flex-col-blog-card .flex-col-crd-content .date{
    background: var(--pc);
    font-size: 14px;
    border: 2px solid var(--white);
    border-radius: 40px;
    color: var(--white);
}




.cat-card {
   position: relative;
   z-index: 0;
   border-radius: 10px;
}

.p-card {
   background: var(--pc) url("https://batterseaconsultant.com/monosign/wp-content/uploads/2025/09/cat-card-bg.webp") no-repeat center/cover;
   background-blend-mode: multiply;
}

.s-card {
   background: var(--sc) url("https://batterseaconsultant.com/monosign/wp-content/uploads/2025/09/cat-card-bg.webp") no-repeat center/cover;
   background-blend-mode: multiply;
}

.cat-card .flex-col-cat-content .dvsn {
   background: rgba(255, 255, 255, 0.1);
   font-weight: 500;
   font-size: 12px;
}


.flex-col-cat-content :is(.h5, p, .dvsn) {
   color: var(--white);
}

.abt-wrap {
   background: url(https://batterseaconsultant.com/monosign/wp-content/uploads/2025/09/about-bg.webp) no-repeat center/cover;
}

.abt-wrap:after {
   background: url(https://batterseaconsultant.com/monosign/wp-content/uploads/2025/09/abt-sep.webp) no-repeat center/cover;
   height: 250px;
   width: 70px;
   top: 200px;
   left: 0;
}

.abt-wrap .abt-img .exp {
   background: var(--pc);
   color: var(--white);
   font-size: 15px;
   font-style: italic;
   font-weight: 600;
}

.abt-wrap .abt-img .exp span {
   font-weight: 700;
   font-size: 40px;
   line-height: 1.4;
   font-style: normal;
}

.abt-wrap .abt-img .exp:after {
   content: '';
   position: absolute;
   -webkit-clip-path: polygon(0 0, 100% 100%, 100% 0); /* Safari friendly */
   clip-path: polygon(0 0, 100% 100%, 100% 0);
   height: 20px;
   width: 20px;
   background: #060844;
   left: 0;
   bottom: -20px;
}

body main :is(ul, ol) li {
   line-height: 1.8;
   color: rgba(0, 0, 0, 0.8);
   position: relative;
}

:is(body.single-blog, body.page) main ul li:not(li.product):after {
   background: url(https://batterseaconsultant.com/monosign/wp-content/uploads/2025/09/list-icon.svg) no-repeat;
   height: 16px;
   width: 16px;
   content: '';
   position: absolute;
   left: -25px;
   top: 7px;
}

.light-pc-bg {
   background: #fbf4f4 url(https://batterseaconsultant.com/monosign/wp-content/uploads/2025/09/light-pc-bg.webp) no-repeat center/cover;
   background-blend-mode: multiply;
   padding-block: 60px;
}

.flex-col-prod-card .flex-prod-img {
/*    background: rgba(232, 232, 232, 1); */
   border-radius: 4px;
   overflow:hidden;
}
.woocommerce-page .flex-col-prod-card .flex-prod-img {
    margin-top: 0;
	background:#fff;
}
.woocommerce ul.products li.product a img {
  height: 240px;
  width:auto;
  margin: 0;
}
.woocommerce ul.products li.product a{
    margin-top: auto;
}

.flex-col-prod-card {
    border-radius: 4px;
   background: var(--white);
   border: 1px solid rgba(206, 199, 199, 1);
	height:100%;
}
.related h2 {
    margin-bottom: 30px;
}

.prod-cat {
   background: #2d30911f;
   color: var(--pc);
   font-weight: 500;
   font-size: 14px;
}

.prod-title {
   font-size: 18px;
   font-weight: 600;
   line-height: 30px;
}

.flex-prod-btn {
   background: var(--pc);
   color: var(--white);
   font-size: 16px;
   font-weight: 600;
   border-radius: 4px;
   -webkit-transition:all .4s ease; /* Safari friendly */
   transition:all .4s ease;
}

.flex-col-wcu-card .wcu-ttl {
   font-size: 20px;
   font-weight: 600;
   background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(140.88deg, var(--pc) 33.15%, var(--sc) 145.19%);
   -webkit-text-fill-color: transparent;
   -webkit-background-clip: text; /* Safari friendly */
   background-clip: text;
}

.bg-primary :is(p, h2) {
   color: var(--white);
}

.wcu-smry p {
   font-size: 20px;
   font-weight: 700;
   font-style: italic;
}

.flex-wcu-info .flex-col-info .info {
   font-weight: 600;
}

@media (width <=1400px) { 
	.flex-wcu-info .flex-col-info .info{
		overflow-wrap:anywhere;
	}
}

:is(.flex-wcu-info, .flex-wcu-info a){
    color: var(--white);
}

.form-container .flex-form-info {
   font-size: 14px;
   line-height: 1;
   background: #2d309117;
}

.form-container .form-grdnt-text {
   font-weight: 700;
   font-size: 40px;
   line-height: 50px;
   letter-spacing: 0.15em;
   text-transform: capitalize;
   background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(140.88deg, var(--pc) 33.15%, var(--sc) 145.19%);
   opacity: .2;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-clip: text;
} 

/*-----------ath-single-start-----------*/

.flex-col-ath-desc .flex-ath-bio img {
	height: 80px;
	width: 80px;
	object-fit: cover;
	border-radius: 50%;
}

.flex-col-ath-desc .flex-ath-bio .ath-name {
	font-size: 22px;
	font-weight: 600
}

/*------------------------Footer-start--------------------------*/

.footer {
    position: relative;
    z-index: 0;
    background: rgba(32, 21, 27, 1);
}

.footer:after{
    content: '';
    position: absolute;
    inset: 0;
    background: url(https://batterseaconsultant.com/monosign/wp-content/uploads/2025/09/footer-bg.webp) no-repeat center/cover;
    height: 100%;
    width: 100%;
    z-index: -1;
}

.footer .flex-nwsltr-between,
.footer .widget_bwe-service-logo-widget{
    background: var(--white);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    display: -webkit-box; /* Safari friendly */
    display: -webkit-flex; /* Safari friendly */
    display: flex;
    -webkit-flex-wrap: wrap; /* Safari friendly */
    flex-wrap: wrap;
    gap: 20px;
}

.footer .widget_bwe-service-logo-widget{
    padding: 20px;
    text-align: center;
}

.footer .flex-nwsltr-between{
    height: 100%;
    padding: 20px 30px;
}

.footer .flex-nwsltr-between .h2{
background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient( 140.88deg, var(--pc) 33.15%, var(--sc) 145.19%);
  -webkit-background-clip: text;
  margin-bottom: 0;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/*.footer .flex-col-logo-wrap .year {
    font-size: 30px;
    font-weight: 600;
    color: #e8edf7;
    -webkit-text-stroke: .7px #7b7b9c;
    text-shadow: 0 0 2px #e8edf7;
}*/

.flex-col-foot-menu .menu-ttl {
    font-size: 20px;
    color: var(--white);
    font-weight: 600;
    line-height: 30px;
}

.flex-col-foot-menu .menu-ttl:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -10px;
    height: 3px;
    width: 30px;
    background: var(--sc);
}

.footer .flex-foo-info :is(a, strong) {
    color: var(--white) !important;
    font-weight: 600
}

.footer :is(p, a){
    color: rgba(255, 255, 255, 0.8);
}

.flex-copyright {
    background: rgba(53, 38, 46, 1);
    color: #ffffffdb;
    font-size: 15px;
    font-weight: 500;
}

/*------------------------Swiper-start--------------------------*/

.relative{
	position:relative
}

.swiper .swiper-pagination {
    display: -webkit-box; /* Safari friendly */
    display: -webkit-flex; /* Safari friendly */
    display: flex;
    -webkit-justify-content: center; /* Safari friendly */
    justify-content: center;
    gap: 10px;
	bottom:-30px !important
}

.swiper .swiper-pagination .swiper-pagination-bullet {
    margin: 0 !important;
}

.hero-banner .swiper-pagination .swiper-pagination-bullet {
  background: rgba(47, 47, 47, 0.6);
  height: 40px;
  width: 40px;
  display: -webkit-box; /* Safari friendly */
  display: -webkit-flex; /* Safari friendly */
  display: flex;
  -webkit-align-items: center; /* Safari friendly */
  align-items: center;
  -webkit-justify-content: center; /* Safari friendly */
  justify-content: center;
  border: 1px solid rgba(143, 143, 143, 1);
  border-radius: 50%;
  opacity: 1;
  -webkit-transition: all 0.3s ease; /* Safari friendly */
  transition: all 0.3s ease;
  position: relative;
}

.hero-banner .swiper-pagination .swiper-pagination-bullet::after {
  content: "";
  width: 6px;
  height: 6px;
  background: #ffffff8f;
  border-radius: 50%;
  display: block;
}

.hero-banner .swiper-pagination .swiper-pagination-bullet-active {
  background: rgba(172, 8, 7, 0.5);
  border: 1px solid var(--pc);
}

.hero-banner .swiper-pagination .swiper-pagination-bullet-active::after {
  background: #fff;
}

.swiper-pagination-bullet-active{
    background: var(--pc) !important;
}

.slider-badge {
    background: var(--pc);
    border-radius: 50%;
    font-size: 14px;
}

.slider-badge .flex-go-icon {
    background: var(--pc);
    border-radius: 50%;
}

.animate-spin {
    -webkit-animation: counterclockwise 22s linear infinite; /* Safari friendly */
    animation: counterclockwise 22s linear infinite;
}

@-webkit-keyframes counterclockwise { /* Safari friendly */
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn);
    }
}

@keyframes counterclockwise {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn);
    }
}

.slider-badge {
    left: -30px;
    top: -30px;
    width: 150px;
    position: absolute;
    z-index: 99;
    padding: 10px;
}

.slider-badge .flex-go-icon {
    height: 45px;
    width: 45px;
    z-index: 99;
}

.slider-badge .flex-badge-text {
    position: relative;
    aspect-ratio: 1 / 1;
    outline: 2px dashed var(--white);
    border-radius: 50%;
    outline-offset: 3px;
}

.slider-badge .flex-badge-text .text-layer {
    position: absolute;
    padding: 15px;
    overflow: visible;
}

.swiper-button-next,
.swiper-button-prev {
    background: var(--white);
    border-radius: 50%;
    border: 1px solid rgba(216, 216, 216, 1);
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 15px !important;
    color: var(--black);
    font-weight: 600;
}

.swiper-button-next::after,
.swiper-button-prev::after {
    content: unset;
}

.swiper-button-next:before,
.swiper-button-prev:before {
    content: '';
    background: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 16 13" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23a)"><path d="M9.184 11.9c.012.01.384.092.825.18.442.089.808.148.814.131s.052-.284.102-.594c.1-.625.343-1.353.603-1.809.81-1.42 2.262-2.36 4.023-2.604L16 7.14V5.887l-.407-.06c-2.663-.39-4.4-2.13-4.725-4.732-.021-.17-.046-.31-.056-.31-.09 0-1.579.314-1.607.339-.02.018-.005.177.034.354.43 1.957 1.664 3.55 3.265 4.215l.383.16-7.895.013L0 5.874v1.27l5.005.007 7.877.013-.485.214c-1.258.556-2.253 1.648-2.84 3.113-.166.417-.418 1.368-.373 1.409" fill="%23000"></path></g><defs><clipPath id="a"><path fill="%23fff" d="M0 .786h16v11.429H0z"></path></clipPath></defs></svg>') no-repeat;
    height: 18px;
    width: 18px;
}

.swiper-button-prev:before {
    -webkit-transform: rotate(-180deg); /* Safari friendly */
    transform: rotate(-180deg);
}

.swiper-button-next, .swiper-button-prev {
    position: absolute !important;
    top: 50px !important;
    right: 20px !important;
}

.swiper-button-prev {
    right: 80px !important;
    left: unset !important;
}

.swiper-button-next,
.swiper-button-prev {
    height: 40px !important;
    width: 40px !important;
}

.testi-wrap .swiper,
.swiper-pagination{
    position: unset;
}

.swiper-button-next:hover,
.swiper-button-prev:hover{
    background: var(--pc);
}

.swiper-button-next:hover:before,
.swiper-button-prev:hover:before{
    filter: brightness(0) invert(1);
}


 .dot-sep:before{
               background: url(https://batterseaconsultant.com/monosign/wp-content/uploads/2025/09/dot-sep.webp) no-repeat;
               height: 60px;
    width: 85px;
    left: 100px;
    top: 30px;
    right: unset;
            }

            .abt-wrap:before{
    top: 50px;
    right: 50px;
    left: unset;
            }

            .circle:before{
               background: url(https://batterseaconsultant.com/monosign/wp-content/uploads/2025/09/circle.webp) no-repeat center/cover;
           height: 100px;
    width: 110px;
    left: 150px;
    top: -10px;
    -webkit-transform: rotate(80deg); /* Safari friendly */
    transform: rotate(80deg);
            }

            .fade-texture:after{
               background: url(https://batterseaconsultant.com/monosign/wp-content/uploads/2025/09/fade-texture.webp) no-repeat;
               height: 175px;
    width: 150px;
    right: 0;
    top: -10px;
            }

             .abt-wrap .circle:before{
               right: 0 !important;
    bottom: -20px !important;
    top: unset;
    left: unset;
            }

            .category-con:before{
               -webkit-transform: unset; /* Safari friendly */
               transform: unset;
            }


 .default-hero{
      background: rgba(32, 21, 27, 1);
	 margin-bottom:30px;
   }

   .default-hero h1{
      color: rgba(255, 255, 255, 1);
   }

.py-5{
      padding-block: 50px;
   }

.mt-0{
	margin-top:0px;
}

.srvc-card {
    display: -webkit-box; /* Safari friendly */
    display: -webkit-flex; /* Safari friendly */
    display: flex;
	height:auto !important;
    -webkit-flex-direction: column; /* Safari friendly */
    flex-direction: column;
    background: var(--white);
    border-radius: 10px;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.3s ease; /* Safari friendly */
    transition: all 0.3s ease;
    text-align: center;
}

.srvc-card:hover {
    -webkit-transform: translateY(-5px); /* Safari friendly */
    transform: translateY(-5px);
    box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.15);
}

.bg-dark {
    background-color: rgba(32, 21, 27, 1);
    color: var(--white);
}

.bg-dark:after {
    content: '';
    background: url('https://batterseaconsultant.com/monosign/wp-content/uploads/2025/09/light-pc-bg.webp') no-repeat center/cover;
    opacity: 0.3;
}

.bg-dark h2 {
    color: var(--white);
}

.srvc-card h3 {
    font-size: 18px;
    font-weight: 600;
    color: var(--black);
    line-height: 1.4;
    margin-bottom: 15px;
}

.srvc-card p {
    font-size: 16px;
    color: rgba(0, 0, 0, 0.8);
    line-height: 1.6;
    margin: 0;
    -webkit-flex-grow: 1; /* Safari friendly */
    flex-grow: 1;
}

form.woocommerce-ordering select.orderby{
	border: 1px solid #ccc;
    padding: 6px;
}

body.single-product h1{
        font-size: 32px;
    }

    body.single-product h2{
        font-size: 28px;
    }

    body.single-product h3{
        font-size:  24px;
    }

body.single-product h4{
        font-size:  20px;
    }

body.single-product h5{
        font-size:  16px;
    }

.woocommerce div.product .woocommerce-tabs ul.tabs li a{
	font-weight:600;
	text-transform: uppercase;
	color:#000;
}

.woocommerce-Tabs-panel ul {
    list-style: unset;
    padding-left: 40px;
    margin: 25px 0;
}
.woocommerce-Tabs-panel h2 {
	margin-bottom:30px;
}
span.posted_in a {
    color: #686868;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before,
    .woocommerce div.product .woocommerce-tabs ul.tabs li::before,
    .woocommerce div.product .woocommerce-tabs ul.tabs li::after{
        content: unset !important;
    }

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    border-bottom: 2px solid var(--sc);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
	color: var(--sc);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
	border:0;
	background:0;
	border-bottom: 2px solid #fff0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li{
	border-radius:0px !important;
	padding:0px 30px
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a{
	line-height:1.7 !important;
}

body.tax-product_cat .content-area .woocommerce-products-header h1{
        font-size: 32px;
        margin-bottom: 40px !important;
    }

/* contact us form styling  */

.container .flex-form-info {
    font-size: 14px;
    line-height: 1;
    background: #2d309117;
}

.container .flex-form-info {
    padding: 10px;
    gap: 8px;
}

.woocommerce-product-gallery .woocommerce-product-gallery__image.flex-active-slide{
		background: #eeeeee66;
	}

.woocommerce-product-gallery .flex-control-thumbs li {
    padding: 5px;
    border-radius: 50%;
	width:unset !important;
    border: 1px solid #ccc;
}

 .whatsapp-chat {
      position: fixed;
      bottom: 30px;
      right: 20px;
      display: -webkit-box; /* Safari friendly */
      display: -webkit-flex; /* Safari friendly */
      display: flex;
      -webkit-align-items: center; /* Safari friendly */
      align-items: center;
      z-index: 9999;
      -webkit-animation: floatUpDown 2s ease-in-out infinite; /* Safari friendly */
      animation: floatUpDown 2s ease-in-out infinite;
    }

   .whatsapp-text {
    background-color: #f1f1f1;
    color: #000;
    padding: 10px 14px;
    font-size: 16px;
    margin-right: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    white-space: nowrap;
    text-decoration: none;
    border-radius: 50px;
    border: 1px solid #cccccc5c;
}

    .whatsapp-icon {
      background-color: #25d366;
      border-radius: 50%;
      width: 48px;
      height: 48px;
      display: -webkit-box; /* Safari friendly */
      display: -webkit-flex; /* Safari friendly */
      display: flex;
      -webkit-align-items: center; /* Safari friendly */
      align-items: center;
      -webkit-justify-content: center; /* Safari friendly */
      justify-content: center;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
      -webkit-transition: -webkit-transform 0.3s; /* Safari friendly */
      transition: transform 0.3s;
    }

    .whatsapp-icon:hover {
      -webkit-transform: scale(1.05); /* Safari friendly */
      transform: scale(1.05);
    }

    .whatsapp-icon img {
      width: 24px;
      height: 24px;
    }

    @-webkit-keyframes floatUpDown { /* Safari friendly */
      0%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
      }
      50% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
      }
    }

    @keyframes floatUpDown {
      0%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
      }
      50% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
      }
    }



.custom-category-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 30px;
  margin: 40px 0;
}

.custom-category-card {
  border: 1px solid #eee;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
  -webkit-transition: all 0.3s ease; /* Safari friendly */
  transition: all 0.3s ease;
}

.custom-category-card:hover {
  box-shadow: 0 8px 25px rgba(0,0,0,0.1);
  -webkit-transform: translateY(-5px); /* Safari friendly */
  transform: translateY(-5px);
}

.custom-category-card img {
  width: 100%;
  height: 220px;
  object-fit: cover;
}

.custom-category-card .cat-info {
  padding: 15px;
  text-align: center;
}

.custom-category-card .cat-title {
  font-size: 20px;
  font-weight: 600;
/*   color: #333; */
  margin-bottom: 10px !important;
}

.custom-category-card .cat-count {
  display: block;
  font-size: 16px;
  color: #4a4a4a;
}



@media (width <=600px) {
	
	ul#bwe-service-menu-list-bwe-service-menu-1 {
       gap: 22px;
       font-size: 28px;
		padding-top:150px;
    }
	
	.woocommerce-Tabs-panel h3 {
    font-size: 16px!important;
    margin-top: 20px;
}
	.woocommerce div.product .woocommerce-tabs ul.tabs li a {
		font-size:15px;
	}
	
}

/* added by Nikhil Kumar Dogra */
.flex-ul-item .flex-top-info {
    gap: 10px;
}