/* ============================================
   ROOT VARIABLES
   ============================================ */

   :root {
	--pc: #ee5123;
	/*--sc: #ff6500;*/
	/*--gradient-hero: linear-gradient(180deg, #F2F0F4 0%, #E9DDF4 53%);*/
	/*--gradient-bg: linear-gradient(215deg, #7bb3ac33 0%, #eeeeeea6 35%, #FFFFFF 100%);*/
	--black: #000000;
	--white: #ffffff;
	--txt-color: #323232;
	--light-white: #b4c8c3;
	/*--gradient-col: #242627;*/
	--border-color: #cdcdcd;
	--transition: 0.3s all;
	--radius: 8px;
}

/* ============================================
   PRESET STYLES
   ============================================ */

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: "Geist", sans-serif;
	scroll-behavior: smooth;
	color: var(--black);
}

a {
	transition: var(--transition);
	text-decoration: none;
	color: var(--pc);
}

p {
	color: var(--txt-color);
	line-height: 1.6;
	font-size: 16px;
}

.text-white{
	color:var(--white) !important;
}

.bg-white{
	background:var(--white);
}

ul,
ol {
	list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	font-family: Nata Sans;
	line-height: 1.3;
	color: var(--black);
	font-weight: 700;
	margin-bottom: 20px;
	text-transform: capitalize;
}

h1,
.h1 {
	font-size: clamp(1.625rem, 1rem + 1.6667vw, 2.3rem);
	line-height: 1.4;
}

h2,
.h2 {
	font-size: clamp(1.625rem, 1.25rem + 1.6667vw, 2rem);
}

h3,
.h3 {
	font-size: clamp(1.5rem, 1.2321rem + 0.7143vw, 1.875rem);
}

h4,
.h4 {
	font-size: clamp(1.25rem, 0.9821rem + 0.7143vw, 1.625rem);
}

h5,
.h5 {
	font-size: clamp(1.25rem, 1.1607rem + 0.2381vw, 1.375rem);
}

h6,
.h6 {
	font-size: 18px !important;
}


/*-----------------------------header--------------------------*/
header.scrolled{
	background: var(--white);
	padding-block: 15px;
	transition: var(--transition);
}

header.scrolled:after{
	display:none
}

header.scrolled ul li a ,
header.scrolled li svg{
	color: var(--black);
	fill: var(--black);
}

header.scrolled nav ul li a:hover{
	color: var(--pc)
}

header.scrolled .bwe-service-logo img{
	filter:unset !important
}

header nav ul li a {
	color: var(--white);
	font-weight: 500;
	font-size: 17px;
}

header:after {
	content: '';
	position: absolute;
	height: 150px;
	width: 200px;
	background: var(--white);
	border-radius: 0 100% 0 100% / 0 0 100% 100%;
	right: 0;
	top: -40px;
	z-index: -1;
}

header .toggleBtn span {
	background: var(--black);
	transition: var(--transition);
}

header .toggleBtn:hover span:first-child {
	width: 30px;
	transition: var(--transition);
}

header .dropdown ul {
	background: var(--white);
	transition: var(--transition);
	border-radius: 4px;
	box-shadow: 0px 30px 70px 0px rgba(137, 139, 142, 0.15);
	border: 1px solid var(--border-color);
}

header .dropdown ul li a {
	color: var(--txt-color);
}

header .dropdown svg {
	fill: var(--white);
}

header .dropdown:hover>ul {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
}
header .closeToggle span {
	width: 20px !important;
	transition: var(--transition);
}

header .closeToggle span:first-child {
	transform: rotate(45deg);
}

header .closeToggle span:last-child {
	transform: rotate(-45deg);
	margin-top: 0;
}

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

header .flex-btn:hover span > svg path{
	fill: var(--white);
}

header.scrolled .flex-btn,
header .flex-btn:hover{
	background: var(--pc);
	color:var(--white);
}

body.home header .flex-btn:not(body.page header .flex-btn):hover{
	border: 1px solid var(--white);
}

header.scrolled .flex-btn span,
header .flex-btn:hover span{
	background:var(--white)
}

header.scrolled .flex-btn span > svg path,
header .flex-btn:hover  span > svg path{
	fill:var(--pc)
}

/*----------------hero-sidebar----------------*/

.hero-sidebar{
		background: var(--white);
		box-shadow: -1px 0 16px 6px rgba(0,0,0,.04);
		transition: var(--transition);
	 }

	 .hero-sidebar .sm-title{
		font-size: 15px;
		color: #9e9e9e;
		margin-bottom: 5px;
	 }

	 .hero-sidebar .sidebar-title{
		font-size: 40px;
		font-weight: 700;
	 }

	 .hero-sidebar .sidebar-title span{
		color: var(--pc);
	 }

	 .hero-sidebar a{
		text-transform: unset;
	 }

	 .hero-sidebar a:hover{
		color: var(--pc);
	 }


	 .hero-sidebar-overlay{
		background: #e7e7e7c9;
		z-index: 999;
		height: 100vh;
		left: 0;
		top: 0;
		position: fixed;
		transform: translateX(-100%);
		transition: all .5s cubic-bezier(.23, 1, .32, 1);
		width: 100%;
	 }

	 .hero-sidebar-overlay.active {
		transform: translate(0);
	 }



/*-----------------homepage-hero----------------*/

.homepage-hero .flex-col-hero-content h1 {
	font-size: 62px;
	line-height: 1.2;
	color: var(--white);
}

.homepage-hero .flex-col-hero-content p {
	color: var(--white);
	font-size: 18px;
}

.ls-sm-img,
.rs-sm-img {
	animation: floatUpDown 3s ease-in-out infinite;
}

@keyframes floatUpDown {
	0% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(15px);
	}

	100% {
		transform: translateY(0);
	}
}

/*-----------------site-btns----------------*/

.flex-btn {
	border-radius: 90px;
	cursor: pointer;
	font-weight: 500;
	font-size: 17px;
	line-height: 1.9;
	width: fit-content;
	border:1px solid transparent;
}

.read-btn:has(svg) path {
    fill: var(--pc);
}
.read-btn:hover{
	transform: translateX(5px);
}

.read-d-down{
    cursor: pointer;
    fill: var(--pc);
}

.d-down p {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}

.d-down p.expanded {
    max-height: 500px;
}

.pc-btn {
	color: var(--white);
	background: var(--pc);
}
.pc-btn:hover{
	color: var(--black);
	background: var(--white);
}

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

.pc-btn:hover span > svg path{
	fill: var(--white);
}



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

.sc-btn {
	color: var(--pc);
	background: var(--white);
}
.sc-btn:hover{
	color: var(--pc);
	background: #ffe5dd;
}



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

.dark-btn {
	color: var(--white);
	background: var(--black);
}
.dark-btn:hover{
	color: var(--white);
	background: var(--pc);
}

.dark-btn span {
	background: var(--white);
}

.homepage-hero .dark-btn:hover{
	background: var(--white);
	color: var(--pc);
}

.homepage-hero .dark-btn:hover span > svg path{
	fill: var(--white);
}

.homepage-hero .dark-btn:hover span {
	background: var(--pc);
}

.homepage-hero .sc-btn:hover{
	background: var(--black);
	color: var(--white);
}


.homepage-hero .sc-btn:hover span{

	background: var(--white);

}

.homepage-hero .sc-btn:hover span > svg path{

	fill: var(--black);

}

/*-----------------sec-bg----------------*/

.light-bg {
	padding-block: 50px;
	background: #ee51230a;
}
/* .light-bg-img {
	background-image: url(https://borgholm.qodeinteractive.com/wp-content/uploads/2021/06/saas-home-img-2.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
} */

.gradient-lyt-bg {
	background-image: radial-gradient(67.01% 91.81% at 55.88% -4.2%, #F3F3F3 0%, #FFFFFF 48.68%);
	padding-top: 50px;
}

.light-grey-bg {
	background: #e3e3e34f;
	border-radius:var(--radius)
}

/*-----------------ftrs-card----------------*/

.flex-ftrs-card {
	font-weight: 600;
	font-size: 17px;
/* 	border: 1px solid var(--border-color); */
	border-radius: var(--radius);
/* 	background: var(--white); */
}

.flex-ftrs-card.ftrd-txtr{
	margin-inline: 15px;
}

.flex-ftrs-card.ftrd-txtr:after {
	border: 1px solid var(--pc);
	border-radius: 50%;
	height: 70px;
	width: 70px;
	content: '';
	position: absolute;
	right: -20px;
	top: -20px;
	z-index: -1;
}

.flex-ftrs-card.ftrd-txtr:before {
	background: var(--pc);
	border-radius: 50%;
	height: 10px;
	width: 10px;
	content: '';
	position: absolute;
	right: -10px;
	top: -18px;
	z-index: -1;
}

/*-----------------service-card----------------*/

.flex-col-srvc-card {
	background: var(--white);
	border-radius: var(--radius);
	border: 1px solid var(--border-color);
}

.flex-col-srvc-card a:hover {
	color: var(--pc);
}

/*-----------------grid-card----------------*/

.grid-content-card span {
	font-size: 70px;
	line-height: 0.8;
	opacity: .3;
	color: #b3b3b3;
}

.grid-content-card:nth-last-child(n+3) {
	border-bottom: 1px solid #ddd;
}

.grid-content-card {
	border-right: 1px solid #ddd;
}

.grid-content-card:nth-of-type(3n-3) {
	border-right: unset;
}

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

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

.web-txtr:after {
	background: url(http://growbysocial.batterseaconsultant.com/wp-content/uploads/2026/03/curve-texture.webp) no-repeat;
	background-size: contain;
	height: 500px;
	width: 300px;
	left: 0;
	top: -40px;
	z-index: -1;
	transform: scale(1, -1);
}

.box-txtr:after{
	--_tile-size: 3.375rem;
	--_background-color: #fefefb;
	--_grid-line-color: #f8f8f2;
	background-size:100% 100%,100% 100%,var(--_tile-size) var(--_tile-size),var(--_tile-size) var(--_tile-size);
	background-image:linear-gradient(to top,var(--_background-color) 0,transparent 20%,transparent 80%,var(--_background-color) 100%),linear-gradient(to right,var(--_background-color) 0,transparent 20%),linear-gradient(to left,var(--_grid-line-color) .0625rem,transparent .0625rem),linear-gradient(to bottom,var(--_grid-line-color) .0625rem,transparent .0625rem);
	background-position: 0 0, 0 0, 100% 0, 100% 0;
	height:100%;
	width:100%;
	left:0;
	top:0;
	z-index:-1
}

/*-----------------step-card----------------*/

.flex-col-step-card {
	gap: 10px;
	margin-inline: 40px;
	position: relative;
}

.step-wrap .col-lg-4:not(:last-child) .flex-col-step-card:after {
	content: '';
	position: absolute;
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="80" height="80" x="0" y="0" viewBox="0 0 368.138 368.138" style="enable-background:new 0 0 512 512" xml:space="preserve"><g><path d="M41.085 33.082c-12.24-3.06-26.316 1.836-38.556 3.06-3.06 0-3.672 4.896 0 5.508 12.24.612 26.928 0 38.556-3.06 2.449-1.224 2.449-4.896 0-5.508zM114.525 49.606c-8.568-8.568-22.032-10.404-33.048-9.792-2.448 0-2.448 3.672 0 3.672a77.493 77.493 0 0 1 17.136 3.672c4.896 1.836 9.18 4.284 14.076 6.12 1.836 1.224 3.672-1.836 1.836-3.672zM178.786 97.342c-2.448-5.508-7.344-10.404-12.24-14.076-4.284-4.284-9.792-7.956-14.688-11.016-1.836-1.224-3.672 1.224-1.836 2.448 4.896 3.672 9.18 7.956 12.852 12.24 4.284 4.284 7.344 9.792 11.628 14.076 1.835 2.448 5.507-.612 4.284-3.672zM191.026 135.286c-1.836-3.06-6.121-.612-4.284 2.448 1.224 3.06 3.06 6.732 4.284 9.792 1.224 4.284.611 8.568 2.447 12.24.612 1.836 3.672 1.836 4.284 0 3.061-6.732-3.059-17.748-6.731-24.48zM207.549 211.786c0-6.12 0-12.24-1.224-17.748-.612-3.06-4.284-3.06-4.284 0-.612 5.508-.612 10.404-.612 15.912s-1.224 11.016.612 16.524c.612 2.447 4.896 2.447 5.508 0 1.225-4.896.613-9.792 0-14.688zM192.862 265.642c-2.448 6.12-4.896 12.239-8.568 18.359-3.06 5.509-7.344 11.017-7.956 17.137-.612 3.06 3.672 3.672 5.508 2.447 4.896-4.283 7.345-11.628 9.792-17.748 3.061-6.12 4.896-12.239 6.12-18.359.612-3.672-4.285-4.896-4.896-1.836zM165.321 312.766c-3.672 4.283-7.344 9.18-11.016 12.852-1.836 1.836-4.284 3.672-6.732 4.896-2.448 1.224-3.672 1.224-5.508 3.672-1.224 1.836 0 4.284 1.836 4.896 5.508 1.225 10.404-4.284 14.076-7.956 4.284-4.896 7.344-10.403 10.404-16.523.613-1.837-1.836-3.673-3.06-1.837zM118.197 328.066c-3.06 2.448-6.732 4.284-10.404 4.284-3.06 0-6.732-.612-9.18 1.836-1.224 1.224-1.224 3.06 0 4.284 6.12 6.119 18.36-2.448 22.032-7.345 1.225-1.835-.611-4.284-2.448-3.059zM79.029 315.213c-4.896-.611-10.404-1.836-15.3-3.672-5.508-2.447-7.956-6.731-11.016-11.628-1.836-2.448-5.508-1.836-6.12 1.836-.612 16.524 20.196 19.584 32.436 17.748 1.836-.611 1.836-4.284 0-4.284zM48.429 274.822c-4.896-9.18-3.672-18.36-5.508-28.152-.612-2.447-4.284-2.447-4.896 0-1.836 10.404 1.224 21.42 7.344 29.988 1.224 1.836 3.673.612 3.06-1.836zM50.877 169.558c-11.016 10.404-13.464 25.705-12.852 39.78 0 2.448 4.284 2.448 4.284 0 .612-12.852 4.284-25.704 12.24-36.107 2.449-2.449-1.223-6.121-3.672-3.673zM86.374 125.494c-11.016 5.508-19.584 15.912-26.316 26.316-1.836 2.448 2.448 4.896 3.672 2.448 7.344-9.18 16.524-16.524 25.092-24.48 2.448-2.448-.001-5.508-2.448-4.284zM122.481 89.998c-8.568 0-18.36 7.344-23.868 13.464-2.448 2.448 1.224 6.12 3.672 3.672 3.06-3.06 6.732-5.508 10.404-7.344 3.672-1.836 7.956-3.06 11.628-5.508 1.836-1.224 0-4.284-1.836-4.284zM204.49 64.294c-4.896 0-9.792 1.836-14.688 2.448-6.12 1.224-12.24 1.836-17.748 4.284-3.06 1.224-1.836 5.508 1.224 4.896 5.508-1.224 11.628-1.836 17.136-2.448 4.896-.612 11.016-.612 15.3-3.672 3.06-1.224 1.835-5.508-1.224-5.508zM258.958 58.174c-7.956-1.836-17.748 0-26.316.612-3.06 0-3.06 4.284 0 4.284 8.568.612 17.748 2.448 26.316.612 3.059-.612 3.059-4.896 0-5.508zM315.874 61.234c-4.284-1.224-8.568-.612-12.853-.612-4.283 0-9.18 0-13.464.612-3.06 0-3.06 4.896 0 4.896 4.284 0 9.181 0 13.464.612 4.284 0 8.568.612 12.853-.612 2.448 0 2.448-3.672 0-4.896z" fill="%23ccc" opacity="1" data-original="%23ccc"></path><path d="M366.669 63.07c-7.956-7.956-15.912-15.3-24.479-22.032-6.12-4.896-15.301-14.076-23.257-13.464-3.06 0-5.508 3.672-3.672 6.732 3.672 6.12 12.24 9.792 17.748 13.464 6.732 4.896 13.464 11.016 20.196 17.136-12.24 4.896-24.48 11.628-36.108 17.748-3.672 1.836-1.224 8.568 3.061 7.344 15.3-4.896 28.764-14.688 44.676-17.748 3.671-.612 4.284-6.12 1.835-9.18z" fill="%23ccc" opacity="1" data-original="%23ccc"></path></g></svg>') no-repeat;
	right: -90px;
	top: 20px;
	opacity: .9;
	height: 80px;
	width: 80px;
}

.img-con span {
	background: var(--black);
	color: var(--white);
	border-radius: 50%;
}

.flex-col-step-card .img-con img {
	margin-bottom: 20px;
}

.cta-hd-col {
	background: var(--pc);
	padding: 30px;
	border-radius: var(--radius);
}

.cta-hd-col h2 {
	color: var(--white);
}

/*-------------team-card--------------*/

.team-card {
	border: 1px solid var(--border-color);
	border-radius: var(--radius);
}

.team-card p {
	font-size: 15px;
}

/*--------------site-cta-----------------*/

.site-cta .cta-bg {
	background:var(--pc);
	border-radius: 0 0 12px 12px;
}

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

.site-cta span:not(.flex-btn span){
	font-size: 100px;
	letter-spacing: 3px;
	text-align: center;
	opacity: .5;
	color: #bababa;
	line-height: 1;
	font-weight: 700;
}

.site-cta .cta-btn a {
	transform: rotate(-5deg);
}

.site-cta .cta-btn .offer-text {
	transform: rotate(-5deg);
	font-size: 15px;
	text-align: center;
	margin-top: 5px;
	font-weight: 500;
}

.site-cta p {
	color: #ffffffde;
}


/*-----------------pros-cons-tableCard--------------------*/

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

.pros-col {
	background: #a9e1bb69;
	padding: 30px 30px 30px 50px;
}

.cons-col {
	background: #ef44432b;
	padding: 30px 50px 30px 30px;
}

.bnft-card ul li {
	/* color: var(--white); */
	/* font-weight: 500; */
}

.bnft-card:after,
.bnft-card:before {
	clip-path: polygon(100% 0, 0 0, 0 100%);
	content: '';
	position: absolute;
	height: 40px;
	width: 40px;
	background: var(--white)
}

.pros-col:before {
	top: 0;
	left: 0;
}
ul.flex-column.bnft-list li {
    position: relative;
    padding-left: 20px;
}
.pros-col li:before{
	background: green;
}
.cons-col li:before{
	background: red;
}
ul.flex-column.bnft-list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 7px;   
    width: 5px;
    height: 5px;
}

.pros-col:after {
	bottom: 0;
	left: 0;
	transform: scaleY(-1);
}

.cons-col:before {
	top: 0;
	right: 0;
	transform: scaleX(-1);
}

.cons-col:after {
	bottom: 0;
	right: 0;
	transform: scale(-1, -1);
}

.bnft-card .h5 {
	/* color: var(--white); */
}

.grid-table .mid-wrap .text {
	font-size: 40px;
	font-weight: 600;
	color: var(--pc);
	animation: 1200ms ease 0s infinite normal none running shake;
	transform: rotate(-15deg);
}

@keyframes shake {
	0% {
		transform: rotateZ(0deg);
		-ms-transform: rotateZ(0deg);
		-webkit-transform: rotateZ(0deg);
	}

	10% {
		transform: rotateZ(-30deg);
		-ms-transform: rotateZ(-30deg);
		-webkit-transform: rotateZ(-30deg);
	}

	20% {
		transform: rotateZ(15deg);
		-ms-transform: rotateZ(15deg);
		-webkit-transform: rotateZ(15deg);
	}

	30% {
		transform: rotateZ(-10deg);
		-ms-transform: rotateZ(-10deg);
		-webkit-transform: rotateZ(-10deg);
	}

	40% {
		transform: rotateZ(7.5deg);
		-ms-transform: rotateZ(7.5deg);
		-webkit-transform: rotateZ(7.5deg);
	}

	50% {
		transform: rotateZ(-6deg);
		-ms-transform: rotateZ(-6deg);
		-webkit-transform: rotateZ(-6deg);
	}

	60% {
		transform: rotateZ(5deg);
		-ms-transform: rotateZ(5deg);
		-webkit-transform: rotateZ(5deg);
	}

	70% {
		transform: rotateZ(-4.28571deg);
		-ms-transform: rotateZ(-4.28571deg);
		-webkit-transform: rotateZ(-4.28571deg);
	}

	80% {
		transform: rotateZ(3.75deg);
		-ms-transform: rotateZ(3.75deg);
		-webkit-transform: rotateZ(3.75deg);
	}

	90% {
		transform: rotateZ(-3.33333deg);
		-ms-transform: rotateZ(-3.33333deg);
		-webkit-transform: rotateZ(-3.33333deg);
	}

	100% {
		transform: rotateZ(0deg);
		-ms-transform: rotateZ(0deg);
		-webkit-transform: rotateZ(0deg);
	}
}

/*-----------------Review-Card--------------------*/

.review-card {
	border-radius: var(--radius);
	border: 1px solid var(--border-color);
	background: var(--white);
}

.review-card .user-info p {
	font-size: 15px
}

.review-card .user-info-wrap span {
	color: #3fd674;
	background: #ebffec;
	font-size: 13px;
	font-weight: 500;
	padding: 3px 6px;
	border-radius: 4px;
}

.review-card .flex-rating {
	gap: 5px;
	line-height: 1;
}

.review-card .flex-rating li {
	font-size: 14px;
	color: #585858;
}

/*-----------------custom-swiper--------------------*/

.swiper {
	padding-block: 30px 50px !important;
}

.py-10 {
    padding-block: 10px !important;
}

@media (width <=1023px) {
	.py-10 {
    	padding-block: 20px 50px !important;
	}
}

.swiper .swiper-pagination .swiper-pagination-bullet {
	transition: var(--transition);
}

.swiper .swiper-pagination .swiper-pagination-bullet-active {
	width: 20px !important;
	transition: var(--transition);
	border-radius: 30px;
	background: var(--pc)
}

.swiper .swiper-slide {
	height: 100% !important;
}

/*-----------------stats-counter--------------------*/

.stats-col {
	background: #fbfbfb;
	border-radius: var(--radius);
}

.stats-col:after {
	content: '';
	position: absolute;
	border: 1px solid var(--pc);
	border-left: 3px solid var(--pc);
	height: 150px;
	width: 100%;
	top: -10px;
	left: 18px;
	z-index: -1;
}

.stats-col span {
	font-size: 18px;
	font-weight: 600;
	background: linear-gradient(to right, rgb(238 81 35 / 11%) 0%, rgba(255, 255, 255, 0) 100%);
}

.stats-col .stats-no {
	font-size: 30px;
	font-weight: 700;
}

/*-----------------bg-content-sec.--------------------*/

.bg-con-wrap {
	background: #7bb3ac33;
	padding: 40px 50px;
	border-radius: 10px;
}

.btn-social {
	border-radius: var(--radius);
	background: var(--pc);
	color: var(--white);
	transition: var(--transition);
	width: 100%;
	padding: 10px 20px;
	position:relative;
}

.btn-social:hover {
	background: var(--black);
	transition: var(--transition);
}

.btn-social:after{
	content:'';
	position:absolute;
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="70" height="70" x="0" y="0" viewBox="0 0 937.499 937" style="enable-background:new 0 0 512 512;transform: scale(1,-1);" xml:space="preserve" class=""><g><path d="M859.21 437.668a77.586 77.586 0 0 0-43.01 13.012L705.604 340.074c17.985-27.031 18.329-62.367-1.636-88.707-18.973-26.347-52.285-38.168-83.617-29.683-31.329 8.492-54.122 35.52-57.2 67.84L417.777 304.8a77.434 77.434 0 0 0-49.203-50.528 77.466 77.466 0 0 0-69.77 10.313L144.353 119.309a77.274 77.274 0 0 0 11.867-40.95C156.219 35.227 121.25.25 78.109.25 34.97.25 0 35.227 0 78.36c0 43.128 34.969 78.109 78.11 78.109a77.472 77.472 0 0 0 44.882-14.387l154.45 145.281a77.239 77.239 0 0 0-11.868 40.95c-.039 41.585 32.594 75.87 74.133 77.882 41.54 2.012 77.332-28.945 81.324-70.34l145.375-15.277a77.571 77.571 0 0 0 48.164 50.16 77.572 77.572 0 0 0 69.004-8.574L794.172 472.77c-19.711 29.886-16.582 69.343 7.605 95.75 24.168 26.402 63.203 32.992 94.707 15.988 31.496-17.004 47.414-53.25 38.606-87.946-8.809-34.703-40.082-58.972-75.88-58.894ZM78.11 125.227c-25.88 0-46.864-20.989-46.864-46.868 0-25.882 20.984-46.863 46.863-46.863 25.88 0 46.868 20.98 46.868 46.863 0 25.88-20.989 46.868-46.868 46.868ZM343.686 375.18c-25.886 0-46.87-20.985-46.87-46.868 0-25.886 20.984-46.867 46.87-46.867 25.88 0 46.864 20.98 46.864 46.868 0 25.882-20.985 46.867-46.863 46.867Zm296.817-31.243c-25.879 0-46.867-20.988-46.867-46.867 0-25.886 20.988-46.87 46.867-46.87 25.879 0 46.863 20.984 46.863 46.87 0 25.88-20.984 46.868-46.863 46.868ZM859.21 562.641c-25.883 0-46.867-20.985-46.867-46.864 0-25.882 20.984-46.867 46.867-46.867 25.879 0 46.867 20.985 46.867 46.867 0 25.88-20.988 46.864-46.867 46.864ZM874.832 765.727c-8.629 0-15.621 6.996-15.621 15.625v24.777L589.062 535.977c-6.105-6.098-15.992-6.098-22.093 0L429.605 673.34 268.81 512.543c-6.106-6.098-15.989-6.098-22.09 0l-74.88 74.875-129.55-129.55c-6.133-5.919-15.875-5.84-21.902.19-6.024 6.02-6.11 15.766-.188 21.899l140.598 140.594c6.101 6.094 15.988 6.094 22.09 0l74.875-74.871 160.797 160.793c6.105 6.09 15.992 6.09 22.09 0l137.363-137.364 259.105 259.11h-24.773c-8.63 0-15.621 6.992-15.621 15.617s6.992 15.625 15.62 15.625h62.489c2.05.008 4.086-.399 5.98-1.191.157 0 .27-.168.418-.235a14.83 14.83 0 0 0 4.11-2.777 18.85 18.85 0 0 0 3.273-4.457c.266-.504.512-1.028.715-1.555a15.718 15.718 0 0 0 1.125-5.41v-62.484c0-8.63-6.992-15.625-15.621-15.625Zm0 0" style="stroke:none;fill-rule:nonzero;fill-opacity:1;" fill="%23fff" data-original="%23fff" class=""></path></g></svg>');
	height: 100px;
    width: 70px;
    right: 10px;
    bottom: -60px;
    opacity: .2;
}

/*-----------------cta-card-&-numbering-counter--------------------*/

.cta-card :is(.h4, p, h2, .h1) {
	color: var(--white);
}

.divider-line>*:not(:last-child) {
	border-bottom: 1px solid var(--border-color);
	padding-bottom: 20px;
}

/*-----------------Faqs--------------------*/

details {
	background: var(--white);
	border-bottom: 1px solid #cdcdcd42;
	/* border-radius: var(--radius); */
	transition: var(--transition);
}

details summary {
	list-style: none;
	font-weight: 600;
	font-size: 18px;
	/* background: #cdcdcd47; */
	cursor: pointer;
	position: relative;
}

details summary:after {
	content: "";
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	background: url('data:image/svg+xml,<svg width="16" height="16" fill="%23ccc" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M201.4 342.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 274.7 86.6 137.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg>') no-repeat;
	height: 16px;
	width: 16px;
	transition: var(--transition);
}

details[open] summary:after {
	transition: var(--transition);
	transform: rotate(180deg) translateY(-50%);
	top:10px
}

/*-----------------case-study-card--------------------*/

.cs-card {
	box-shadow: 0 0.0625rem 0.625rem 0 rgb(0 0 0 / 6%);
	background: var(--white);
	border-radius: var(--radius);
	padding: 25px;
}

.cs-info>div .title {
	font-size: 20px;
	font-weight: 600;
}

.cs-info>div span {
	color: var(--txt-color);
	font-size: 16px;
}

.cs-tags span {
	border: 1px solid var(--border-color);
	padding: 7px 15px;
	border-radius: 90px;
	background: #dddddd1f;
	color: #6e6e6e;
	font-size: 15px;
}

/*------------footer------------*/

footer:after{
  content:'';
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  background:url(http://growbysocial.batterseaconsultant.com/wp-content/uploads/2026/03/footer-bg.webp);
  opacity:0.05;
  z-index:-1;
}

footer :is(p,a,.copy-write span):not([class*="btn"]){
  color:#ffffffcf;
}

footer .footer-title{
  font-size:22px;
  font-weight:var(--fw-4);
  color:var(--white);
  position:relative;
}

footer .footer-title::before{
  content:"";
  position:absolute;
  width:10%;
  height:4px;
  bottom:-10px;
  background-color:var(--pc);
}

footer .footer-list li a:not(.flex-logo-menu a):hover{
  color: var(--pc);
}

.flex-logo-menu a:hover{
   text-decoration: underline;
}

footer .company-contact li a{
  line-height:1.5;
  color:var(--txt-color);
}

footer .company-contact li a:hover{
  color:var(--pc);
}

footer .gradient-icon{
  background:var(--gradient);
  border-radius:50%;
}

footer .disclaimer span{
  font-weight:var(--fw-4);
  color:var(--black);
}

footer .foot-logo-con{
  background:var(--pc);
  padding:30px 50px;
  border-radius:20px;
}

footer .flex-logo-menu li:first-child a {
	font-weight: 500;
}

/*-----------------single-service-pg.-----------------*/

.page-hero:after {
	content: '';
	position: absolute;
	height: 380px;
	width: 400px;
	background: url(http://growbysocial.batterseaconsultant.com/wp-content/uploads/2026/03/hero-element-a.webp) no-repeat center center / contain;
	filter: brightness(0) invert(1);
	left: 0;
	top: 0;
	opacity: 0.3;
	z-index: -1;
}

.page-hero:before {
	content: '';
	position: absolute;
	height: 500px;
	width: 500px;
	background: url(http://growbysocial.batterseaconsultant.com/wp-content/uploads/2026/03/hero-element-b.webp) no-repeat center center / contain;
	filter: brightness(0) invert(1);
	right: -10px;
	bottom: -10px;
	transform: scale(1, -1);
	z-index: -1;
}

.page-hero .hero-content :is(h1, .h1, p, strong, .flex-hero-list) {
	color: var(--white);
}

.prcs-card {
	border-radius: var(--radius);
	border: 1px solid var(--border-color);
	background: #ee512312;
}

.prcs-card span {
	background: var(--pc);
	color: var(--white);
	border-radius: 90px;
}

.table-container table thead th {
	background-color: var(--pc);
	color: var(--white);
		font-weight: 600;
	}

.table-container table th,
.table-container table td {
	border: 1px solid var(--border-color);
	text-align: left;
}

.table-container table tbody tr>td:first-child {
	font-weight: 600;
	font-size: 18px;
	background: #ee512314;
}

.lg-card{
      padding: 40px;
      border-radius: var(--radius);  
   }

   .lg-card.pc-card{
      background: var(--pc);
   }

   .lg-card.dark-card{
      background: #000000e3;
   }


/* -----------------blog-card---------------------- */

.blog-card{
	border-radius: var(--radius);
}

.blog-card .card-content {
    padding: 20px;
    border: 1px solid var(--border-color);
    border-top: 0;
	border-radius: 0 0 var(--radius) var(--radius);
}

.search-results .blog-card .card-content {
	border-radius: var(--radius);
	border-top:  1px solid var(--border-color);;
}

.blog-card .img-placeholder {
    background: #e3e3e3;
    border-radius: 5px 5px 0 0;
    overflow: hidden;
}

.blog-card .blog-title, .blog-card .meta-desc {
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
}

.blog-card .blog-title {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
    color: var(--black);
}

.blog-card .tax-name{
	font-weight:500;
}

.blog-card a:hover{
	color:var(--pc);
}

.pagination .nav-links{
	margin-top:50px;
	display:flex;
	justify-content:center;
	gap: 10px;
}

.pagination .nav-links :is(span, a){
	height:40px;
	width:40px;
	border-radius:50%;
	justify-content:center;
	align-items:center;
	display:flex
}

.pagination .nav-links span.current,
.pagination .nav-links a:hover{
	background:var(--pc);
	color:var(--white)
}

.pagination .nav-links a{
	background:#cccccc52;
	color:var(--black);
}

.message-sec{
    background: var(--white);
	box-shadow: 0 0 4px 0 rgb(0 0 0 / .2);
	border-radius: var(--radius);
}

body.single-blog h2{
	font-size:clamp(1.625rem, 1.25rem + 1.6667vw, 1.75rem)
}

.author-strip {
    border-block: 1px solid var(--border-color);
    padding-block: 20px;
    margin-block: 20px;
}

.author-strip .author-p-i img{
	height: 35px;
    width: 35px;
    border-radius: 50%;
}

.author-strip .p-date:not(:last-child){
	border-right: 1px solid var(--border-color);
    padding-right: 15px;
    margin-right: 7px;
}

.author-strip .p-date:nth-of-type(3n-3) {
    border-right: unset;
}

.single-blog main .single-blog-box :is(ul, ol),
body.page .main-page :is(ul, ol){
	padding-left:20px;
}

.single-blog main .single-blog-box ul,
body.page .main-page ul{
	list-style:disc;
}

.single-blog main .single-blog-box ol,
body.page .main-page ol{
	list-style:decimal;
}

.single-blog main .single-blog-box :is(ul, ol) li,
body.page .main-page :is(ul, ol) li{
	color: var(--txt-color);
	margin-bottom:20px
}

form :is(input,select,textarea) {
    width: 100%;
    border: 1px solid #C3C3C3;
    border-radius: var(--radius);
    color: #6a6a6a;
    font-size: 16px;
    padding: 10px 12px;
}

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

form textarea{
	height:150px;
	resize:vertical
}

form .select_dropdown select{
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance:none;
}

form .select_dropdown{
	position: relative;
    line-height: 1.4;
    cursor: pointer
}

form .select_dropdown:after{
	content: '';
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 1.2 1.2" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="%23fff" fill-opacity=".01" d="M0 0h1.2v1.2H0z"/><path d="M0.925 0.45 0.625 0.75 0.325 0.45" stroke="%23747272" stroke-width="0.1" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat;
    height: 20px;
    width: 20px
}

form label{
	margin-bottom:10px;
	font-weight:500
}

form label span{
	color:#ff0000
}

.sidebar-wrap form.flex-search button{
	padding: 10px;
    border-radius: var(--radius);
    border: 0;
    background: var(--pc);
	cursor:pointer;
}

.sidebar-wrap{
	border: 1px solid var(--border-color);
    padding: 25px;
    border-radius: var(--radius);
	background: #f7f5ff80;
}

.sidebar-wrap .row .col-lg-12:not(:first-child) .blog-card {
    border-top: 1px solid var(--border-color);
    padding-top: 15px;
    border-radius: 0;
}

.form-box{
	background: #f7f5ff;
    padding: 30px;
    border-radius: var(--radius);
}

ul.wp-block-categories li:not(:first-child){
	border-top:1px solid var(--border-color);
	padding-top: 15px;
	margin-top: 15px;
}

ul.wp-block-categories li a{
	color:var(--black);
	font-weight:500
}

ul.wp-block-categories li a:hover{
	color:var(--pc)
}

.sidebar-wrap .flex-search{
	border-bottom: 1px solid var(--border-color);
    padding-bottom: 35px;
    margin-bottom: 20px;
}

#tableofcontent{
	background: #cccccc33;
    padding: 20px;
    border-radius: var(--radius);
	margin-bottom:25px
}

#tableofcontent .head-th{
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
	font-size: 18px;
    font-weight: 600;
}

#tableofcontent ul li a{
	color:var(--black)
}	

#tableofcontent ul li a:hover{
	color:var(--pc)
}

.hero-pricing-card{
        background: var(--white);
        padding: 25px;
        border-radius: var(--radius);
    }

    .hero-pricing-card ul,
.i-list{
        gap: 15px;
    }

.hero-pricing-card ul li,
.i-list li{
    color: var(--txt-color);
    position: relative;
	margin-left:30px
}

.hero-pricing-card ul li:after,
.i-list li:after{
	content:'';
	position:absolute;
	left:-30px;
	top:2px;
	height:20px;
	width:20px;
	background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23ee5123" width="20" height="20" viewBox="0 0 100 100" xml:space="preserve"><path d="M97.085 7.68C71.823 29.305 50.886 60.22 35.334 93.696c-.416.915-1.705.894-2.12 0-9.378-20.833-19.17-36.136-30.232-44.14-.977-.707-.353-2.246.832-2.1 12.018 1.517 25.158 9.314 30.46 17.32C48.807 39.45 69.1 20.633 95.754 5.787c1.227-.686 2.391.978 1.33 1.893z" data-original="%23ee5123"/></svg>') no-repeat;
}





/* -----------pricing-table----------------- */

	.blue-table{
        border: 1px solid #0d6efd;
    }

	.blue-table .h6{
        background: #0d6efd;
    }

    .blue-table .pricing-content-wrap .pricing-head .pricing-text strong{
        color: #0d6efd;
    }

	.primary-table{
        border: 1px solid var(--pc);
    }
	
	.primary-table .h6{
        background: var(--pc);
    }

    .primary-table .pricing-content-wrap .pricing-head .pricing-text strong{
        color: var(--pc);
    }

	.purple-table{
        border: 1px solid #bb03b9;
    }

	.purple-table .h6{
        background:#bb03b9
    }

    .purple-table .pricing-content-wrap .pricing-head .pricing-text strong{
        color: #bb03b9;
    }
    
    .pricing-container{
        width: 100%;
        height: 100%;
        border-radius: var(--radius);
        overflow: hidden;
    }

    .pricing-container .h6{
        color: var(--white);
        text-align: center;
        margin-bottom: 0px;
		padding-block: 10px;
        font-size: 16px !important;
    }

    .pricing-container .pricing-content-wrap{
        background: var(--white);
    }

    .pricing-container .pricing-content-wrap .pricing-head{
        padding: 20px;
        gap: 10px;
        border-bottom: 1px solid var(--border-color);
    }

    .pricing-container .pricing-content-wrap .pricing-head .pricing-text{
        color: var(--txt-color);
    }

    .pricing-container .pricing-content-wrap .pricing-content{
        padding: 20px;
    }
	
	.pricing-container ul li{
		display:flex;
		align-items:center;
		gap:12px;
		margin-bottom:20px;
		color: var(--txt-color);
	}
	
	.pricing-container ul li svg{
		flex-shrink:0;	
	}
	
	.pricing-container .pc-btn:hover{
		background:var(--black);
		color:var(--white)
}

.hh{
	background: #ffffff1a;
    padding: 10px;
    height: 100%;
}

.primary-color{
	color:var(--pc);
}