* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Poppins";
}

:root {
  --r: 54;
  --g: 126;
  --b: 162;
  --pc: rgb(var(--r) var(--g) var(--b) / 100%);
  --sc: rgb(27 143 148);
  --gradient-1:linear-gradient(90deg, #367ea2, #59a6cd, #59a6cd, #367ea2);

  --black: #000000;
  --white: #ffffff; 

  --off-white: #ffffff96;  

  --rad-1: 8px;
  --rad-2: 4px;
  --rad-0: 50%;

  --fw-3: 500;
  --fw-2: 600;
  --fw-1: 700;

  --fs-1: 18px;
  --fs-2: 16px;
  --fs-3: 14px;

  --text: rgb(0 0 0 / 80%);

  --sh-3: rgb(var(--r) var(--g) var(--b) / 3%);
  --sh-10: rgb(var(--r) var(--g) var(--b) / 10%);
  --sh-12: rgb(var(--r) var(--g) var(--b) / 12%);
  --sh-20: rgb(var(--r) var(--g) var(--b) / 20%);
  --sh-30: rgb(var(--r) var(--g) var(--b) / 30%);

  --bd-color: #33333338;
  scroll-behavior: smooth;
}

/* # General
  =================================================*/
body {
  background-color: var(--white);
}

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

p {
  line-height: 2;
}

h6,
.h6,
h5,
.h5,
h4,
.h4,
h3,
.h3,
h2,
.h2,
h1,
.h1 {
  font-weight: 700;
  line-height: 1.5;
  text-transform: capitalize;
}

h1,
.h1 {
  font-size: clamp(1.5625rem, 0.6696rem + 2.381vw, 2.8125rem) !important;
}

h2,
.h2 {
  font-size: clamp(1.325rem, calc(1.325rem + 0.9vw), 2rem) !important;
}

h3,
.h3 {
  font-size: clamp(1.3rem, calc(1.3rem + 0.6vw), 1.75rem) !important;
}

h4,
.h4 {
  font-size: clamp(1.275rem, calc(1.275rem + 0.3vw), 1.5rem) !important;
}

h5,
.h5 {
  font-size: 1.25rem !important;
}

h6,
.h6 {
  font-size: 1rem !important;
}

/* # Common Class
  =================================================*/

/* all-page property for all page ___ start */
.all-page ul li::marker {
  color: var(--pc);
}

.auth-social-follow ul {
  list-style-type: none;
}

.all-page :is(p, li, h2, h3, h4, h5, h6, summary):not(#breadcrumbs,
  .dl-toc-wrap ul li,
  .author-social-link ul li,
  .auth-social-follow ul li,
  [class*="social-links"] ul li) a {
  border-bottom: 2px solid var(--pc);
  color: var(--pc);
  font-weight: 600;
  transition: all 0.3s ease-in-out;
}

.all-page :is(p, li, h2, h3, h4, h5, h6, summary):not(#breadcrumbs,
  .dl-toc-wrap ul li,
  .author-social-link ul li a,
  [class*="social-links"] ul li) a:hover {
  border-bottom: none;
  transition: all 0.3s ease-in-out;
}

/* row & container  __________ start */

.img-placeholder {
  background-color: #c7c7c7;
  transition: all 0.3s ease-in-out;
}

.dl-shadow-cont {
  border-radius: 8px;
  background: var(--white);
  box-shadow: 0px 6px 9px 0px #0000000F;
}

.border-bottom:not(:first-child) {
  
  border-top: 1px solid var(--bd-color);
}

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

/* # Common Components
  =================================================*/

/* Breadcrumbs ___________Starts */
#breadcrumbs span span:not(:last-child):after {  
  color: var(--black);
}

/* dl bg con_____________Start*/

.dl-bg-img {
    background: rgb(0 172 237 / 6%) url("../images/sec-bg-img.webp") no-repeat center / cover;
    background-blend-mode: multiply;
}
.dl-bg-img2{
  position: relative;
}

[class^="btn"] {
    border-radius: 30px;
     font-weight: 500;
  border-radius: 30px;
  font-size: 16px;
  line-height: 1.8;
}

.btn-fill {
    color: var(--white);
    background-size: 300% 100%;
    transform-style: preserve-3d;
    background-image: var(--gradient-1);
    transition: 0.2s ease-in-out;
    display: inline-block;
}

.btn-fill-sec{
  background-color: #111827;
      color: var(--white);
}
.btn-fill-sec:hover{
  background-color: #1f2937;
}

.btn-fill:hover {
    background-position: 100% 0
}

.btn-fill a {
    color: var(--white)
}

.btn-fill svg,.btn-fill-sec svg {
  fill: var(--white); 
  transform: rotate(-45deg);
}

/* site cards  ___________Starts */

[class*="card"] {
  transition: all 0.3s ease-in-out;
  border-radius: 4px 4px 0 0;
  background: var(--white);
}

.dl-card {
  --color: var(--black);
  --meta: var(--text);
  --cat: var(--pc);
}

.dl-border-card{
	height:100%;
}

.dl-border-card .dl-timeline:has(.auth-img) {
    margin-top: auto;
    border-top: 1px solid #dbdbdb;
    padding-top: 15px;
}

.img-placeholder,
.img-placeholder img {
  border-radius: var(--rad-2) var(--rad-2) 0 0;
}

[class*="title"] {
  color: var(--color) !important;
  font-weight: 700;
  line-height: 1.4;
}

.dl-title {
  font-size: 18px;
}

.dl-sub-title {
  font-size: 24px;
}

.dl-big-title {
  font-size: 22px;
}

.description {
  color: var(--meta);
}

.dl-cat {
  color: var(--pc);
  font-size: 14px;
  font-weight: 600
}

.dl-timeline,
.dl-timeline>* {
  font-size: 14px;
}

.dl-timeline svg,
.dl-timeline .dl-author {
  color: var(--meta);
  fill: var(--meta);
}

.dl-author {
  font-weight: 600
}

[class*='card'] hr {
  opacity: .5;
}

[class*='border'] {
  border: 1px solid var(--bd-color);
}

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

.auth-img img {
  border-radius: 50%;
	margin-right:5px;
}

.blog-detail .auth-img img {
  border: 1px solid var(--bd-color);
  padding: 2px;
}

.dl-cat-btn {
  background: var(--pc);
  border-radius: 25px;
  color: var(--white);
  font-size: 14px;
}

.dl-auth-card .auth-img img {
  width: 90px;
  width: 90px;
  border: 1px solid var(--pc);
  padding: 5px;
}

.dl-auth-card .dl-card-content {
  background: transparent !important;
}
/* Separator_____________Start*/

.main-head {
  color: var(--black);
  font-size: clamp(1.625rem, 1.3571rem + 0.7143vw, 2rem);
  font-weight: 700;
}

.dl-sep .border {
  background: var(--pc);
}

/* Social Icons _____________Start*/

.dl-social-links ul li a {
  border-radius: 4px;
  transition: all 0.3s ease-in-out;
  background: var(--pc);
  border: 1px solid var(--bg);
}

.dl-social-links ul li a:hover {
  transition: all 0.3s ease-in-out;
  background: var(--white);
  border: 1px solid var(--pc);
}

.dl-social-links ul li a svg {
  fill: var(--white);
  transition: all 0.3s ease-in-out;
}

.dl-social-links ul li a:hover svg {
  transition: all 0.3s ease-in-out;
  fill: var(--pc);
}

/* pagination_____________start */

.pagination a.page-numbers {
  background: #e7e7e7;
  color: var(--black);
}

.pagination a.page-numbers,
.pagination span.page-numbers.current {
  font-size: 20px;
  font-weight: 500;
  line-height: 38px;
  transition: .3s;
}

span.page-numbers.current,
.pagination a.page-numbers:focus,
.pagination a.page-numbers:hover {
  background: var(--white);
  color: var(--white);
}

.pagination a.page-numbers:after,
.pagination a.page-numbers:before,
span.page-numbers.current:after,
span.page-numbers.current:before {
  background-color: var(--pc);
  clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
}



/* # Header
  =================================================*/
header {
  background: var(--white);
  box-shadow: 0px 3px 4px 0px #bbbbbb0f;
  transition: all 0.3s ease-in-out;
}

header li a {
  color: var(--black);
}

:is(header, footer) li a:hover,
.dl-menu ul li .active {
  color: var(--pc);
}

.dl-menu ul li .active {
  font-weight: 600;
}

/* top bar _______ start */
.top-bar {
  background: var(--pc);
}

.top-bar .menu li a,
.top-bar a {
  color: var(--white) !important;
  font-size: 13px;
}

/* search form _____ start */
.menu-search-form {
  border: 1px solid #e3e3e3;
  border-radius: 4px;
}

.search-btn svg {
  fill: #8f8f8f;
}

/* dropdown ______ start */
.dropdown::after,
.dropdown .dropdown::after,
.dropdown ul {
  transition: all 0.3s ease-in-out;
}

.dropdown ul {
  background: var(--white);
  box-shadow: var(--shadow-sm);
}

.dropdown::after,
.dropdown .dropdown::after {
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m4 5.588 4 4 4-4' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat;
}

.mob-search-btn {
  background: var(--pc);
  border-radius: 50%;
}

.mob-search-btn svg {
  fill: var(--white);
}

.menu-search-form {
  background: var(--white);
  transition: all 0.3s ease-in-out;
}

.search-bar-show {
  transition: all 0.3s ease-in-out;
}

header nav ul {
  background-color: var(--white);
}


/* # Home page
  =================================================*/
.dl-home-page .all-page {
    padding-top: 0 !important;
  }

.dl-con-hero {
  padding-block: 70px 140px;
  background: url("http://digitalladdex.batterseaconsultant.com/wp-content/uploads/2026/04/abstract-img1.webp") no-repeat center center;
  background-size: cover;
  position: relative;
  z-index: 0;
}


.dl-con-hero::before,
.dl-con-hero::after {
  position: absolute;
  content: '';
  width: 80px;
  height: 80px;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
}

.dl-con-hero::before {
  left: 68px;
  background-image: url("http://digitalladdex.batterseaconsultant.com/wp-content/uploads/2026/04/digital.svg");
  animation: animation-5 1.5s infinite alternate;
}

.dl-con-hero::after {
  right: 68px;
  bottom: 25%;
  background-image: url("http://digitalladdex.batterseaconsultant.com/wp-content/uploads/2026/04/blub.svg");
  animation: animation-1 1.5s infinite alternate;
}


.hero-tag {
 background: #78caf336;
  padding: 8px 20px;
  border-radius: 30px;
  border: 1px solid #1b8f9447;
  font-size: 13px;
  color: var(--pc);
  font-weight: 500;
}


.hero-counter {
  /* background: var(--sh-10); */
}

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

.counter-img {
  /* border: 1px solid var(--pc);
  border-top: 4px solid var(--pc); */
  border-radius: 50%;
  /* background: var(--white); */
  flex-shrink: 0;
background-image: linear-gradient(180deg, #56a3ca61 0%, #ffffff30 90.04%);
}

.counter-img img{
  width: 40px;
  height: 40px;
}

.animated svg,.industry-box img,.counter-img img{
    transition: all 300ms ease;
}
.animated:hover svg,.industry-box:hover img,.counter-img:hover img{
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }

.about {
  position: relative;
  margin-top: -70px;
  z-index: 1;
  padding: 60px 40px 0px 40px;
      border-bottom: unset;
    border-radius: 10px;
   background-image: linear-gradient(180deg, #56a3ca61 0%, #ffffff30 90.04%);
}

.about::before{
       background: linear-gradient(180deg, #ffffff 75%, #fff0 99.04%);
}

.about::before {
    content: "";
    position: absolute;
    left: 20px;
    top: 20px;
    width: calc(100% - 40px);
    height: calc(100% - 20px);
    z-index: -1;
}

.about-content{
  position: relative;
  z-index: 1;
}

/* # Single Page
  =================================================*/

/* Blog header _____________start */
.blog-detail>*:not(:last-child):after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='15' fill='none'%3E%3Cpath stroke='%23000' stroke-opacity='.5' d='M.5.472v20'/%3E%3C/svg%3E") no-repeat;
}

.author-social-link ul {
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: 0.3s;
}

.author-social-link>ul {
  border-radius: 30px;
}

.author-social-link ul li a {
  border: unset !important;
}

.author-social-link svg {
  fill: #000;
}

.author-social-link svg:hover {
  fill: var(--pc);
}

/* Blog sidebar_____________start */

/* table of contents */
.dl-toc-wrap {
  border: 1px solid var(--bd-color);
  background: var(--white);
}

.dl-toc-wrap:before {
  background: var(--white);
}

.toc-header {
  font-weight: 600;
  color: var(--white);
  font-size: 18px;
  background: var(--pc);
  border-radius: 0px 26px 26px 0px;
}

.toc-header::before {
  border-right: 15px solid var(--pc);
}

.toc-toggle-btn {
  transition: all 0.3s ease-in-out;
}

.toc-body {
  transition: opacity 0.3s ease-in-out;
  margin-top: 70px;
}

.toc-body::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background: var(--bd-color);
}

.toc-body ul {
  padding-left: 0 !important;
  list-style-type: none;
}

.toc-body ul li a {
  color: var(--text);
}

.dl-toc-wrap .toc-body.hidden {
  transition: all 0.3s ease-in-out;
}

.toc-body .active>a {
  color: var(--pc);
}

.toc-body .active {
  font-weight: 700;
  background: var(--sh-12);
  border-left: 4px solid var(--pc);
}


/* Blog Contents _____________start */

/* blockquote */
blockquote {
  border-left: 4px solid var(--pc);
  border-right: 4px solid var(--pc);
  border-radius: 12px;
  border-top: none;
  border-bottom: none;
  position: relative;
}

blockquote:before {
  font-size: 150px;
  color: var(--pc);
}


/* table */
table {
  border-radius: 4px;
  border-spacing: 0;
}

table thead {
  background: #858282;
}

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

table tr td,
table tr th {
  border: 1px solid var(--bd-color);
  padding: 14px 12px;
  max-width: 250px;
  min-width: 200px;
}

tbody tr:nth-child(even) {
  background-color: #f3fbff;
}

/* pros-cons */

.dl-pros-cons-head {
  font-size: 20px;
  font-weight: 600;
  color: var(--white);
  clip-path: polygon(0 1%, 100% 0, 100% 64%, 50% 100%, 51% 100%, 0 65%);
}

.dl-pros-wrap .dl-pros-cons-head {
  background: #70ad46;
}

.dl-cons-wrap .dl-pros-cons-head {
  background: #fd0002;
}


.dl-pros-wrap ul li::before {
  background: url("data:image/svg+xml,%3Csvg width='39' height='30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M.198 29.093H24.38l13.818-14.5L24.38.092H.198v29Z' fill='green'/%3E%3Cpath d='m12.297 18.916-3.923-3.923a.603.603 0 0 1 0-.853l.854-.854a.603.603 0 0 1 .853 0l2.643 2.643 5.66-5.66a.604.604 0 0 1 .853 0l.853.854a.604.604 0 0 1 0 .853l-6.94 6.94a.603.603 0 0 1-.853 0Z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h39v30H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat;
}

.dl-cons-wrap ul li::before {
  background: url("data:image/svg+xml,%3Csvg width='39' height='29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M.198 0H24.38l13.818 14.5L24.38 29H.198V0Z' fill='red'/%3E%3Cpath d='m16.142 14.733 2.349-2.349c.23-.23.23-.6 0-.83l-1.382-1.382a.587.587 0 0 0-.83 0l-2.349 2.349-2.348-2.349a.586.586 0 0 0-.83 0L9.37 11.554c-.23.23-.23.6 0 .83l2.349 2.349-2.35 2.348c-.229.23-.229.6 0 .83l1.383 1.382c.23.23.6.23.83 0l2.348-2.348 2.349 2.348c.23.23.6.23.83 0l1.382-1.382c.23-.23.23-.6 0-.83l-2.349-2.348Z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h39v29H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat;
}


/* recent work start */
.recent-work-card .thumbnail img{
  width: 100%;
}

.recent-work-card{
  padding: 12px;
  border-radius: 10px;
  text-align: center;
  gap:10px !important;
}

.recent-work-card img{
  border-radius: 10px;
  /* height: 400px; */
  object-fit: cover;
}

.recent-work-card .thumbnail {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.recent-work-card .btn-fill {
   position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* center both axis */
    z-index: 9;
    transition: all 0.35s ease-in-out;
    opacity: 0;
    visibility: hidden;
}

.recent-work-card:hover .btn-fill  {
     opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1); /* optional smooth effect */
}


.recent-work-card .info a{
  font-weight: 600;
  font-size: 18px;
  color: var(--black);
}
.recent-work-card p{
  font-size: 14px;
}

.recent-work-card .thumbnail::after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    height: 70%;
    width: 100%;
    background: #0a4251;
    border-radius: 8px;
    opacity: 0;
    transition: all 0.35s ease-in-out;
    visibility: hidden;
}

.recent-work-card:hover .thumbnail::after {
    height: 100%;
    opacity: 0.8;
    visibility: visible;
    mix-blend-mode: multiply;
}
/* recent work end */



/* Accordians faq */

.dl-block-faq summary {
  transition: all 0.2s ease;
  border-radius: 0 61px 61px 0;
  background: #9191911f;
  font-weight: 600;
}

.dl-block-faq details[open]>summary {
  border: var(--bd-color);
}

.dl-block-faq summary::after {
  transition: all 0.5s ease;
  background: var(--pc);
  border-radius: 50%;
  color: var(--white);
  font-size: 20px;
}

.block-content-faq {
  background: var(--sh-3);
}

/* Notes | Sources | Also Read */
:is(.dl-block-note, .dl-block-source, .dl-block-also-read) {
  background: var(--sh-3);
  border-radius: 4px;
  box-shadow: 1px 1px 1px 1px var(--sh-3);
  position: relative;
  z-index: 1;
}


.block-heading {
  position: relative;
  color: var(--black);
  padding: 10px 30px;
  font-size: 20px;
  font-weight: 700;
  background: var(--sh-20);
  border-radius: 0 4px 0 0;
}

:is(.dl-block-note, .dl-block-source, .dl-block-also-read, .block-heading)::before {
  content: '';
  background: var(--sh-20);
  border-radius: 0 0 0 4px;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 10px;
}

.block-heading::before {
  background: var(--pc);
  border-radius: 4px 0 0 0;
  content: "";
}

.block-content .dl-card-content {
  background: transparent !important;
}


.dl-block-also-read [class*='card'] {
  background: transparent !important;
}

.dl-single-page .dl-auth-card {
  background: #f4f4f4;
  border-radius: 4px;
  padding: 20px;
}

/* # All Author  ||  Author Single || category Page
  =================================================*/
.dl-authors-page .dl-auth-card {
  background: var(--sh-3);
  border: 1px solid var(--sh-12);
  border-radius: 4px;
}

.dl-authors-page .dl-auth-card .dl-card-content {
  gap: 0 !important;
}

.dl-author-acrhive-page .sidebar .dl-auth-card {
  background: var(--bd-color);
  border-radius: 4px;
}

.dl-authors-page .dl-auth-card .arrow-btn {
  background: #fff;
  border-radius: 50%;
}

.dl-authors-page .dl-auth-card .arrow-btn svg {
  fill: var(--pc);
}

.dl-authors-page .dl-auth-card:hover {
  background: var(--sh-12);
}

.dl-authors-page .dl-auth-card:hover .arrow-btn {
  background: var(--pc);
}

.dl-authors-page .dl-auth-card:hover .arrow-btn svg {
  fill: var(--white);
}

/* # Thank You || Search Not Found  || 404 Page
  =================================================*/
.error-txt {
  font-size: 10em;
  font-weight: 600;
}

.error-txt svg {
  fill: var(--pc);
}

.fa-spin {
  animation: 2s linear infinite fa-spin;
}

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);

  }
}

.business-trust{
	width: 479px;
    margin-left: auto;
    display: block;
}

/* # Contact Page Templates
  =================================================*/
.contact-form {
  border: var(--border);
  border-right: none;
  border-radius: 4px;
}

.contact-detail-box .bg-box {
  /* background: var(--sh-12); */
}

 .form-ttl-sep {
    height: 3px;
    width: 100px;
    margin-top: 10px;
    background: var(--sc);
    overflow: hidden;
    margin-bottom: 20px;
    position: relative;
    z-index: 0;
}

 .form-ttl-sep:before, .form-ttl-sep::after{
  content: '';
    position: absolute;
 }
 .form-ttl-sep::after,.form-ttl-sep::before{
    height: 100%;
    width: 10px;
    background: #1f2937;
    top: 0;
 }
 .form-ttl-sep::after{
       animation: moveLineB 1.5s linear infinite;
 }
 .form-ttl-sep::before{
      animation: moveLineA 1.3s linear infinite;
 }

 @keyframes moveLineA {
    0% {
        left: 0px;
    }

    100% {
        left: 100%;
    }
}

@keyframes moveLineB {
    0% {
        left: 0px;
    }

    100% {
        left: 100%;
    }
}

.contact-form .form-wrap {
  /* background: var(--pc); */
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0px 0px 3px -1px #00000040;
}

.contact-form .input-group :is(input, textarea) {
  background-color: transparent;
  color: gray;
  border-radius: 4px;
  border: solid 1px #e7e7e7;
  transition: all 0.3s ease;
}

.contact-form .input-group input:focus {
  border-color:gray;
}

.contact-form .input-group label {
  font-size: 14px;
  background: var(--white);
  color: gray;
  transition: all 0.3s ease;
}

.contact-form .dl-btn {
  background:gray;
  color: var(--pc);
  border: 1px solid var(--pc);
  padding: 5px 20px;
}

.contact-form .dl-btn:hover {
  background: var(--pc);
  color: var(--white);
  border: 1px solid gray;
}

.contact-form form .h4 {
  color: var(--black);
}

/* # Footer
  =================================================*/
footer {
  background: var(--black);
  color: var(--off-white);
}

footer a {
  color: var(--off-white);
}

.copywrite {
  color: var(--off-white);
}

.fo-sep {
  color: var(--white);
  font-size: 20px;
  font-weight: 600;
}

footer .footer-brands {
  padding-block: 20px;
  border-top: 1px solid #ffffff30;
  border-bottom: 1px solid #ffffff30;
}

.fo-sep::after {
  background: url("data:image/svg+xml,%3Csvg width='44' height='2' viewBox='0 0 44 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23fff' stroke-width='1.5' d='M0 1.175h32m2 0h4m2 0h4'/%3E%3C/svg%3E") no-repeat;
}


/* # Scroll top button
  =================================================*/
#scroll_to_top {
  font-size: 16px;
  border: 2px solid var(--pc);
  background: var(--white);
  border-radius: 50%;
}

#scroll_to_top svg {
  fill: var(--pc);
}


/* service page css start */
.hero-section{
  padding-block: 50px;
  background: url("http://digitalladdex.batterseaconsultant.com/wp-content/uploads/2026/04/abstract-img1.webp") no-repeat;
  background-size: cover;
}
.hero-title{
  font-size: clamp(1.875rem, 1.4286rem + 1.1905vw, 2.5rem);
}
/* service page css end */

@keyframes animation-5 {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.05);
    }
}

@keyframes animation-1 {
    0% {
        transform: translateY(0px);
    }
    100% {
        transform: translateY(-20px);
    }
}
/* # Responsive Code
  =================================================*/

@media screen and (min-width: 1025px) {

  /* header desktop ___________ */
  .sticky-header {
    transition: all 0.3s ease-in-out;
  }

  .left-heading{
    align-items: flex-start;
  }

  .industries-head{
    align-items: flex-start;
  }
}

@media screen and (min-width: 992px) {

  footer .row [class*="col-lg"]:not(:first-child):has(.fo-sep) {
    border-left: 1px solid #ffffff30;
  }
  
}

@media screen and (max-width: 1024px) {

  /* header desktop ___________ */
  .back-drop {
    background: var(--black);
  }

  .pulse{
    animation: none !important;
    width: 100% !important;
  }
  .how-we-work{
    align-items: flex-start;
  }

  .industries-head{
    align-items: center;
    text-align: center;
  }
	
	.business-trust{
		margin-left:unset;
		width:100%;
	}

}

@media screen and (max-width: 992px) {
.how-we-work{
    text-align: center;
  }
}
 

@media screen and (max-width: 768px) {
  .dl-big-title {
    font-size: 18px !important;
  }

  .pulse{
    width: 300px !important;
  }

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

    .hero-section .row,.sub-hero .row{
    flex-direction: column-reverse;
  }
  .hero-section img{
    width: 400px;
    height: 300px;
    object-fit: contain;
  }
}

@media screen and (max-width: 600px) {
  .hero-btn{
    justify-content: center;
  }

  .dl-con-hero {
        padding-block: 44px 114px;
  }

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

  .process-steps{
    padding-left: 0;
  }

  .benefit-card{
    width: 180px !important;
    padding: 10px !important;
  }

.process-center .process-body{
    text-align: left !important;
    align-items: flex-start !important;
  }

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

  .hero-section img{
    width: 100%;
    height: 100%;
    object-fit: contain;
  }


}


/* custom table start */

.custom-table thead tr th{
    background-image: var(--gradient-1);
}

.custom-table{
  overflow-x: auto;
}
/* custom table end */

/* faq start */
.accordions details {
	border: 1px solid #d3d3d3;
	border-radius: 4px;
	background-color: #afe5ff1c;
}

.accordions details summary {
	font-weight: 600;
	color: var(--black-color);
	line-height: 1.8;
}

.accordions summary::after,
#table_of_content .thead::after {
	background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 2 5 8l6 6' stroke='%23367EA2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat;
	background-size: contain;
}

.accordions details[open]>summary:first-of-type::after {
	transform: rotate(270deg);
}

.accordions details {
    margin-bottom: 1rem;
    padding: 20px 20px 14px 20px;
}

.accordions .content :last-child {
    margin-bottom: 0;
}

.accordions details {
	margin-bottom: 1rem;
	padding: 20px 20px 14px 20px;
}

.accordions summary {
	cursor: pointer;
	display: flex;
	gap: 15px;
}

.accordions summary a {
	display: contents;
}

.accordions .content {
	margin: 10px 25px 0px 0px;
}

.accordions .content :last-child {
	margin-bottom: 0;
}

.accordions summary::after {
	margin-top: 5px;
}

.accordions summary::after,
#table_of_content .thead::after {
	content: "";
	width: 16px;
	height: 16px;
	flex: none;
	margin-left: auto;
}

/* faq end */

/* benefit-of-choosing start */
.benefit-choose{
  display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.benefit-card{
  padding: 20px;
  border: 1px solid #dfdfdf;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px !important;
  width: 199px;
}
/* benefit-of-choosing end */

.sub-hero{
    padding-block: 50px 140px;
    background: url(http://digitalladdex.batterseaconsultant.com/wp-content/uploads/2026/04/abstract-img1.webp) no-repeat center center;
    background-size: cover;
    position: relative;
    z-index: 0;align-content
}

.img-bg{
	    flex-shrink: 0;
    width: 70px;
    height: 70px;
    background-color: var(--pc);
    border-radius: 15px;
    display: grid;
    place-items: center;
    transition: all 0.3s ease;
    box-shadow: 0 5px 15px 
 color-mix(in srgb, var(--pc), transparent 70%);
}

/* img hover card for "our team" in about page */
.img-hover-card {
  position: relative;
  overflow: hidden;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
}

.img-hover-card .img-fluid {
  object-fit: cover;
    height: 377px;
    object-position: top;
}

.img-hover-card-content {
  position: absolute !important;
  color: white;
  text-align: center;
  transition: all 0.3s ease;
  bottom: -50%;
  opacity: 0;  
  left: 10px;
  right: 10px;
  text-align: center;
  display: flex;
  flex-direction: column;
  padding: 10px;
  gap: 0px !important;
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0 4px 30px #0000001a;
  backdrop-filter: blur(7.4px);
  -webkit-backdrop-filter: blur(7.4px);
}

.img-hover-card:hover .img-hover-card-content {
    opacity: 1;
    bottom: 10px;
}

.img-hover-card-text {
  font-size: 12px;
  margin: 0;
  color: #4e4d4d;
  padding-bottom: 10px;
  background-color: transparent;
}

.img-hover-card-icons {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 10px;
  background-color: transparent;
}

.img-hover-card-icons a svg {
  fill: #9b9b9b;
  transition: fill 0.2s ease;
}

.img-hover-card-icons a svg:hover {
  fill: var(--pc);
}

.text-black {
  color: var(--black);
}