@font-face {
    font-family: 'poppinsregular';
    src: url('../fonts/poppins-regular-webfont.woff2') format('woff2'),
         url('../fonts/poppins-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppinsmedium';
    src: url('../fonts/poppins-medium-webfont.woff2') format('woff2'),
         url('../fonts/poppins-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppinssemibold';
    src: url('../fonts/poppins-semibold-webfont.woff2') format('woff2'),
         url('../fonts/poppins-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'poppinsbold';
    src: url('../fonts/poppins-bold-webfont.woff2') format('woff2'),
         url('../fonts/poppins-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.font-pop-reg{
  font-family: 'poppinsregular', sans-serif;
}

.font-pop-med{
  font-family: 'poppinsmedium', sans-serif;
}

.font-pop-semi-bold{
  font-family: 'poppinssemibold', sans-serif;
}

.font-pop-bold{
  font-family: 'poppinsbold', sans-serif;
}

html, body {
    overflow-x: hidden;
    font-family: 'poppinsregular', sans-serif;
    font-size: 1rem;
    background-color: #000;
    color: #fff;
}
body.blog, body.single-post{
  overflow-x: visible;
}

h2{
  font-size: 2rem;
}

h3{
  font-size: 1.625rem;
}

h2 span{
  color: #A8CF45;
}

.mt-100{
  margin-top: 3rem;
}

header.site-header{
  background: linear-gradient(180deg, #0E1723 0%, #101D2B 100%);
  /* padding: 24px 0px; */
}

header.site-header nav{
  padding: 0px;
}

.bosc-btn{
  background: #A8CF45;
  font-size: 1.125rem;
  color: #000;
  text-decoration: none;
  padding: 10px 50px;
  border-radius: 8px;
	display: inline-block;
	position: relative;
   overflow: hidden;
	transition: all 0.3s;
	z-index: 1;
}

.bosc-btn:after {
   content: '';
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: #A8CF45;
   z-index: -2;
}
 .bosc-btn:before {
   content: '';
   position: absolute;
   bottom: 0;
   left: 0;
   width: 0%;
   height: 100%;
   background-color: #738E30;
   transition: all 0.3s;
   z-index: -1;
}
 .bosc-btn:hover {
   color: #fff;
}
 .bosc-btn:hover:before {
   width: 100%;
}

nav{
  z-index: 1;
}
nav .bosc-btn{
  font-size: 16px;
}

.navbar-brand img{
  width: 70%;
  height: auto;
}

.navbar-toggler {
  border: none;
  padding: 0;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.navbar-toggler:focus {
  box-shadow: none;
}

.navbar-toggler-icon {
  background-image: none;
  width: 24px;
  height: 2px;
  background-color: #fff;
  position: relative;
  transition: all 0.3s ease;
}

.navbar-toggler-icon::before,
.navbar-toggler-icon::after {
  content: '';
  position: absolute;
  width: 24px;
  height: 2px;
  background-color: #fff;
  left: 0;
  transition: all 0.3s ease;
}

.navbar-toggler-icon::before {
  transform: translateY(-8px);
}

.navbar-toggler-icon::after {
  transform: translateY(8px);
}

/* When navbar is open, transform to X */
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
  background-color: transparent;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::before {
  transform: rotate(45deg);
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::after {
  transform: rotate(-45deg);
}

.menu-btn{
    color: #fff;
    border-color: #fff;
    border-radius: 52px;
    padding: 10px 45px;
    transition: background 0.3s ease, color 0.3s ease;
}

.menu-btn:hover{
  background-color: #A8CF45;
  border-color: #A8CF45;
  color: #000;
}

.btn-green{
  background-color: #A8CF45;
  border-color: #A8CF45;
  padding: 10px 45px;
  border-radius: 52px;
	color: #000;
}

.btn-green:hover{
  color: #fff;
  background-color: transparent;
  border-color: #A8CF45;
  box-shadow: 0 8px 25px rgba(168, 207, 69, 0.4);
}

.top-left-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: auto;
  z-index: 0;
}

.top-right-img{
  position: absolute;
  top: 0;
  right: 0;
  width: 70%;
  height: 100vh;
  z-index: 0;
}

.banner{
  background: url(../images/banner-bg.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  padding: 3.125rem 4rem;
}

.banner h1{
  font-size: 2.2rem;
  color: #fff;
}

.banner h1 span{
  color: #A8CF45;
}

.banner p{
  color: #fff;
}

.banner .wpcf7{
  margin-top: 40px;
}

.banner .wpcf7 p, .ft-contact .wpcf7 p{
  margin-bottom: 1.75rem;
}

.banner .wpcf7 input, .ft-contact .wpcf7 input, .ft-contact .wpcf7 textarea, .launch-form .wpcf7 input, .sidebar-single .wpcf7 input{
  width: 100%;
  padding: 15px;
  border-radius: 8px;
  background: #3D3D3D;
  opacity: 0.7;
  border: none;
  color: #fff;
}

.banner .wpcf7 input.wpcf7-submit, .ft-contact .wpcf7 input.wpcf7-submit, .launch-form .wpcf7 input.wpcf7-submit, .sidebar-single .wpcf7 input.wpcf7-submit {
  opacity: 1;
  font-size: 1.125rem;
  position: relative;
  z-index: 1;
	transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.banner .wpcf7 input.wpcf7-submit:hover,
.ft-contact .wpcf7 input.wpcf7-submit:hover,
.launch-form .wpcf7 input.wpcf7-submit:hover,
.sidebar-single .wpcf7 input.wpcf7-submit:hover {
  transform: scaleY(1.05);;
  box-shadow: 0 0 20px rgb(168, 207, 69);
}

.banner .wpcf7 input::placeholder, 
.ft-contact .wpcf7 input::placeholder, 
.ft-contact .wpcf7 textarea::placeholder,
.launch-form .wpcf7 input::placeholder,
.sidebar-single .wpcf7 input::placeholder {
  color: #fff;
  font-family: 'poppinsmedium', sans-serif;
}

.banner .wpcf7 .wpcf7-submit, .ft-contact .wpcf7 .wpcf7-submit, .launch-form .wpcf7 .wpcf7-submit, .sidebar-single .wpcf7 .wpcf7-submit {
	background: #A8CF45;
	border: none;
	color: #000;
	font-size: 24px;
  font-family: 'poppinsmedium', sans-serif;
  padding: 22px;
}

.bnr-content{
  position: absolute;
  bottom: 0;
  left: 38%;
}

.bnr-content span{
  font-size: 40px;
  color: #fff;
}

.bnr-content p{
  font-size: 20px;
  color: #fff;
}

.struggle{
  background: url(../images/strgl-bg.png);
  background-repeat: no-repeat;
  background-size: 100%;
  padding: 65px 0px 150px 0px;
  background-position: bottom;
}

.struggle h2{
  color: #fff;
  font-size: 2rem;
}

.struggle h2 span{
  color: #A8CF45;
}

.struggle p {
  font-size: 1.125rem;
}

.struggle ul.custom-list {
  list-style-type: none;
  padding-left: 0px;
  line-height: 30px;
}

.struggle ul.custom-list li {
  position: relative;
  padding-left: 40px;
  margin-bottom: 10px;
}

.struggle ul.custom-list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 25px;
  height: 25px;
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.5 0C19.4036 0 25 5.59643 25 12.5C25 19.4036 19.4036 25 12.5 25C5.59644 25 0 19.4036 0 12.5C0 5.59644 5.59643 0 12.5 0Z' fill='%23FFD54F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.55859 20.0475C7.41776 13.3995 17.3135 13.3995 18.0169 20.0475C16.1356 16.0154 10.0219 14.6038 6.55859 20.0475Z' fill='%235D4037'/%3E%3Cpath d='M17.9083 9.91054C16.63 9.48449 15.9837 9.49321 14.8125 9.91187C15.2635 7.88436 17.3882 7.5284 17.9083 9.91054Z' fill='%235D4037'/%3E%3Cpath d='M19.4974 6.34546C17.6564 6.80654 16.9982 6.46569 16.2282 4.95215C16.027 6.74601 18.1521 7.98087 19.4974 6.34546Z' fill='%235D4037'/%3E%3Cpath d='M7.09375 9.91054C8.37203 9.48449 9.01831 9.49321 10.1895 9.91187C9.73849 7.88436 7.61385 7.5284 7.09375 9.91054Z' fill='%235D4037'/%3E%3Cpath d='M5.50391 6.34546C7.34484 6.80654 8.00301 6.46569 8.77311 4.95215C8.97424 6.74601 6.8492 7.98087 5.50391 6.34546Z' fill='%235D4037'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
}

.superpower{
  background: url(../images/superpower-bg.png);
  background-repeat: no-repeat;
  background-size: 100%;
  padding: 55px 0 97px 0;
  position: relative;
}

.superpower-right-img{
  position: absolute;
  top: 0;
  right: 0;
  width: 40%;
  height: auto;
  z-index: 0;
}

.superpower h2{
  font-size: 2rem;
}

.superpower h2 span, .superpower p span, .superpower h3 span, .bring-ai span, .ai-solutions span{
  color: #A8CF45;
}

.superpower p{
  color: #fff;
  margin-top: 20px;
}

.superpower h3{
  font-size: 1.625rem;
  color: #fff;
  line-height: 35px;
  letter-spacing: 3px;
}

.superpower ul.custom-list {
  list-style-type: none;
  padding-left: 0px;
  line-height: 1.875rem;
  color: #fff;
  margin-bottom: 50px;
}

.superpower ul.custom-list li {
  position: relative;
  padding-left: 40px;
  margin-bottom: 10px;
}

.superpower ul.custom-list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 25px;
  height: 25px;
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.5 0C19.4036 0 25 5.59643 25 12.5C25 19.4036 19.4036 25 12.5 25C5.59644 25 0 19.4036 0 12.5C0 5.59644 5.59643 0 12.5 0Z' fill='%23689F63'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.5677 7.51221C17.2869 7.51221 17.8698 8.09517 17.8698 8.8143C17.8698 9.53344 17.2869 10.1164 16.5677 10.1164C15.8486 10.1164 15.2656 9.53344 15.2656 8.8143C15.2656 8.09516 15.8486 7.51221 16.5677 7.51221Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.83191 14.821C6.83158 22.5564 18.3458 22.5564 19.1642 14.821C16.9753 19.5127 9.86162 21.1551 5.83191 14.821Z' fill='white'/%3E%3Cpath d='M10.7869 9.61397C9.27472 9.17898 8.46221 9.18821 6.91797 9.6153C7.45758 8.18381 10.1121 7.84696 10.7869 9.61397Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}

.superpower .font-pop-med p{
  font-size: 1.125rem;
}

.superpower .bosc-btn{
  padding: 15px 30px;
	z-index: 1;
  position: relative;
	display: inline-block;
	transition: all 0.3s;
	overflow: hidden;
}

 .superpower .bosc-btn:after {
   content: '';
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: #A8CF45;
   z-index: -2;
}
 .superpower .bosc-btn:before {
   content: '';
   position: absolute;
   bottom: 0;
   left: 0;
   width: 0%;
   height: 100%;
   background-color: #738E30;
   transition: all 0.3s;
   z-index: -1;
}
 .superpower .bosc-btn:hover {
   color: #fff;
}
 .superpower .bosc-btn:hover:before {
   width: 100%;
}

.bring-ai{
  padding: 55px 0 250px 0;
  margin-bottom: -180px;
}

.bring-ai h2, .ai-solutions h2{
  font-size: 2rem;
}

.bring-ai-card{
  padding-bottom: 130px;
  position: relative;
}

.bring-ai-shadow{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 35%;
  height: auto;
  z-index: 0;
}

.bring-ai-card .row::before{
  content: '';
  position: absolute;
  left: 12.5%;
  width: 75%;
  border-top: 3px dashed #fff;
  z-index: 1;
  top: 0;
  /* Animate the dash effect */
  background-image: repeating-linear-gradient(
    to right,
    #fff 0 10px,
    transparent 10px 20px
  );
  height: 3px;
  border: none; /* remove border, use background instead */
  animation: dash-move 1s linear infinite;
}

.bring-ai-card .ai-card {
  border-radius: 60px;
  border: 1.5px solid #A8CF45;
  background-color: #3D3D3D80;
  height: 300px;
  background: #111;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  transition: all 0.5s ease;
}

.bring-ai-card .ai-card::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(0,255,255,0.3)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}

.bring-ai-card .ai-card:hover {
  transform: scale(1.05);
  box-shadow: 0 0 20px rgba(168, 207, 69, 0.5);
}

.bring-ai-card .ai-card:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}

.bring-ai-card .ai-card-inner {
  position: relative;
  width: 100%;
  padding: 20px 31px 10px 31px;
}

.bring-ai-card .ai-card-inner h5{
  font-size: 1.50rem;
  color: #fff;
  margin-top: 30px;
}

.bring-ai-card .col-lg-3{
  position: relative;
}

.bring-ai-card .col-lg-3::after {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 50%;
  height: 3rem;
  transform: translateX(-50%);
  border-left: 3px dashed #fff;
  z-index: 2;
  /* Animated dashed line */
  background-image: repeating-linear-gradient(
    to bottom,
    #fff 0 10px,
    transparent 10px 20px
  );
  width: 3px;
  border: none;
  animation: dash-move-vertical 1s linear infinite;
}

/* Animation for horizontal flow */
@keyframes dash-move {
  from { background-position: 0 0; }
  to   { background-position: 20px 0; }
}

/* Animation for vertical flow */
@keyframes dash-move-vertical {
  from { background-position: 0 0; }
  to   { background-position: 0 20px; }
}

.bring-ai-card .bosc-btn{
  padding: 22.5px 90px;
}

.ai-scale{
  background: url(../images/ai-scale-bg.png);
  background-repeat: no-repeat;
  background-size: 100%;
  padding: 100px 0;
}

.ai-scale h2{
  font-size: 2rem;
  color: #fff;
}

.ai-scale h2 span, .ai-scale p span, .ai-scale h3 span, .bring-ai span{
  color: #A8CF45;
}

.ai-scale p{
  color: #fff;
  margin-top: 20px;
}

.ai-scale h3{
  font-size: 1.625rem;
  color: #fff;
  line-height: 46px;
  letter-spacing: 3px;
}

.ai-scale ul.custom-list {
  list-style-type: none;
  padding-left: 0px;
  line-height: 1.875rem;
  margin-bottom: 50px;
}

.ai-scale ul.custom-list li {
  position: relative;
  padding-left: 40px;
  margin-bottom: 10px;
}

.ai-scale ul.custom-list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 25px;
  height: 25px;
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.5 0C19.4036 0 25 5.59643 25 12.5C25 19.4036 19.4036 25 12.5 25C5.59644 25 0 19.4036 0 12.5C0 5.59644 5.59643 0 12.5 0Z' fill='%23689F63'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.5677 7.51221C17.2869 7.51221 17.8698 8.09517 17.8698 8.8143C17.8698 9.53344 17.2869 10.1164 16.5677 10.1164C15.8486 10.1164 15.2656 9.53344 15.2656 8.8143C15.2656 8.09516 15.8486 7.51221 16.5677 7.51221Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.83191 14.821C6.83158 22.5564 18.3458 22.5564 19.1642 14.821C16.9753 19.5127 9.86162 21.1551 5.83191 14.821Z' fill='white'/%3E%3Cpath d='M10.7869 9.61397C9.27472 9.17898 8.46221 9.18821 6.91797 9.6153C7.45758 8.18381 10.1121 7.84696 10.7869 9.61397Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}

.ai-scale .font-pop-med p, .ai-scale .quote span{
  font-size: 1.375rem;
}

.ai-scale .quote span{
  color: #A8CF45;
}

.ai-scale .quote {
	border: 1px solid #F8F8F8;
	border-radius: 24px;
	padding: 24px;
}

.ai-scale .font-pop-med .quote p{
  font-size: 1rem;
}

.ai-scale .quote hr{
  color: #E9EFF5;
}

.ai-scale .bosc-btn{
  padding: 15px 30px;
}

.ai-solutions{
  padding: 100px 0 0 0;
}

.ai-solutions .card{
	background: #3D3D3D80;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease;
	position: relative;
	padding: 1.875rem;
	height: 210px;
}

.ai-solutions .card::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 100%;
	background: linear-gradient(40deg, #B7FF0000 0%, #8bc34a 100%);
	z-index: -1;
	transition: bottom 0.5s ease;
	border-radius: 16px;
}

/* Hover effect */
.ai-solutions .card:hover {
	transform: translateY(-5px);
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
}

.ai-solutions .card:hover::before {
	bottom: 0;
}

.ai-solutions .card .card-body{
  display: flex;
  flex-direction: row;
  gap: 10%;
  padding: 1rem 0;
}

.ai-solutions .card .card-body .card-title{
  color: #fff;
  font-size: 1.25rem;
  line-height: 2rem;
}

.ai-solutions .card-btm .hr-line{
  position: relative;
  height: 3px;
  background-color: #DEDEDE;
}

.ai-solutions .card-btm .hr-line::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #A8CF45;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s ease;
}

.ai-solutions .card:hover .card-btm .hr-line::before{
  transform: scaleX(1);
}

.card-btm span{
  background: #A8CF45;
  border-radius: 25px;
  color: #fff;
  height: 25px;
  width: 25px;
  display: inline-flex;
  justify-content: center;
}

.ai-difference{
  padding-top: 100px;
}

.ai-difference h2{
  font-size: 2rem;
}

.ai-difference h2 span{
  color: #A8CF45;
}

.ai-difference h3{
  font-size: 2rem;
  letter-spacing: 3px;
}

.ai-difference .before-ai{
  background: 
    linear-gradient(to top, rgba(0,0,0,1) 5%, rgba(0,0,0,0) 60%),
    url('../images/before-ai-bg.webp');
  background-repeat: no-repeat;
  background-size: contain;
  padding-left: 6.25rem;
  padding-top: 25.5rem;
  padding-bottom: 3.125rem;
}

.ai-difference .after-ai{
  background: 
    linear-gradient(to top, rgba(0,0,0,1) 4%, rgba(0,0,0,0) 60%),
    url('../images/after-ai-bg.webp');
  background-repeat: no-repeat;
  background-size: contain;
  padding-left: 6.25rem;
  padding-top: 25.5rem;
  padding-bottom: 3.125rem;
}

.ai-difference .before-ai ul.custom-list, .ai-difference .after-ai ul.custom-list {
  list-style-type: none;
  padding-left: 0px;
  line-height: 30px;
}

.ai-difference .before-ai ul.custom-list li, .ai-difference .after-ai ul.custom-list li{
  position: relative;
  padding-left: 40px;
  margin-bottom: 10px;
  font-size: 1.25rem;
  letter-spacing: 3px;
}

.ai-difference .before-ai ul.custom-list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 25px;
  height: 25px;
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.5 0C19.4036 0 25 5.59643 25 12.5C25 19.4036 19.4036 25 12.5 25C5.59644 25 0 19.4036 0 12.5C0 5.59644 5.59643 0 12.5 0Z' fill='%23FFD54F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.55859 20.0475C7.41776 13.3995 17.3135 13.3995 18.0169 20.0475C16.1356 16.0154 10.0219 14.6038 6.55859 20.0475Z' fill='%235D4037'/%3E%3Cpath d='M17.9083 9.91054C16.63 9.48449 15.9837 9.49321 14.8125 9.91187C15.2635 7.88436 17.3882 7.5284 17.9083 9.91054Z' fill='%235D4037'/%3E%3Cpath d='M19.4974 6.34546C17.6564 6.80654 16.9982 6.46569 16.2282 4.95215C16.027 6.74601 18.1521 7.98087 19.4974 6.34546Z' fill='%235D4037'/%3E%3Cpath d='M7.09375 9.91054C8.37203 9.48449 9.01831 9.49321 10.1895 9.91187C9.73849 7.88436 7.61385 7.5284 7.09375 9.91054Z' fill='%235D4037'/%3E%3Cpath d='M5.50391 6.34546C7.34484 6.80654 8.00301 6.46569 8.77311 4.95215C8.97424 6.74601 6.8492 7.98087 5.50391 6.34546Z' fill='%235D4037'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
}

.ai-difference .after-ai ul.custom-list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 25px;
  height: 25px;
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.5 0C19.4036 0 25 5.59643 25 12.5C25 19.4036 19.4036 25 12.5 25C5.59644 25 0 19.4036 0 12.5C0 5.59644 5.59643 0 12.5 0Z' fill='%23689F63'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.5677 7.51221C17.2869 7.51221 17.8698 8.09517 17.8698 8.8143C17.8698 9.53344 17.2869 10.1164 16.5677 10.1164C15.8486 10.1164 15.2656 9.53344 15.2656 8.8143C15.2656 8.09516 15.8486 7.51221 16.5677 7.51221Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.83191 14.821C6.83158 22.5564 18.3458 22.5564 19.1642 14.821C16.9753 19.5127 9.86162 21.1551 5.83191 14.821Z' fill='white'/%3E%3Cpath d='M10.7869 9.61397C9.27472 9.17898 8.46221 9.18821 6.91797 9.6153C7.45758 8.18381 10.1121 7.84696 10.7869 9.61397Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}

.masked-text {
    /* font-size: 8rem; */
    /* font-weight: bold; */
    color: transparent;
    background-image: url('../images/masked-bg.jpg'); 
    background-size: 150%; /* Enlarged for smooth animation */
    background-position: 0 50%;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: animate-background 5s infinite alternate linear;
}

@keyframes animate-background {
    0% {
        background-position: 0 50%;
    }
    100% {
        background-position: 100% 50%;
    }
}

.lead{
  background: url('../images/lead-bg.webp');
  background-repeat: no-repeat;
  background-size: 100%;
  padding: 217px 0px 137px 0px;
}

.lead p{
  margin-top: 1.875rem;
  margin-bottom: 5.375rem;
}

.lead .bosc-btn {
	padding: 22.5px 30px;
}

.pricing{
  padding: 100px 0px;
}

.pricing .price-box{
  border: 2px solid #fff;
  padding: 1.9rem;
  height: 265px;
  border-radius: 18px;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  background: #3D3D3D80;
  position: relative;
  overflow: hidden;
  transition: all 0.5s ease;
}

.pricing .price-box::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(0,255,255,0.3)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}

.pricing .price-box:hover {
  transform: scale(1.05);
  box-shadow: 0 0 20px rgba(168, 207, 69, 0.5);
}

.pricing .price-box:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}

.pricing .price-box h3{
  color: #A8CF45;
}

.pricing .bosc-btn {
	padding: 22.5px 30px;
}

.achieve{
  background: url('../images/achieve-bg.png');
  background-repeat: no-repeat;
  background-size: 100%;
  padding: 100px 0px;
  background-position-y: center;
}

.achieve .custom-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 30px;
  font-size: 1.125rem;
}

.achieve .custom-list li {
  position: relative;
  padding-left: 15px;
  /* flex: 1 1 45%; */
}

.achieve .custom-list li:nth-child(3) {
  flex: 1 1 100%;
}

/* Custom bullet */
.achieve .custom-list li::before {
  content: "•";
  position: absolute;
  left: 0;
  top: -4px;
  color: #A8CF45;
  font-size: 2em;
  line-height: 1;
}

.achieve .bosc-btn {
	padding: 22.5px 30px;
}

.faqs{
  margin: 100px 0 0 0;
  position: relative;
}

.faq-shadow{
  position: absolute;
  right: 0;
  width: 50%;
  margin-top: -10%;
}

.accordion-group {
  background-color: transparent;
  border-radius: 35px;
  margin-bottom: 25px;
  overflow: hidden;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  /* border: 1px solid #fff; */
}
.accordion-group.active {
  background-color: #A8CF451A;
  box-shadow: 0 10px 30px rgba(219, 238, 0, 0.25);
  border: 1px solid #A8CF45;
}
.accordion-group:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}
.accordion-button {
  background-color: transparent;
  color: #fff;
  /* font-weight: 600; */
  padding: 20px 50px 20px 50px;
  font-size: 1.125rem;
  border: none;
}
.accordion-group.active .accordion-button {
  background-color: #A8CF451A;
  color: #fff;
  padding-top: 40px;
  padding-bottom: 0;
}
.accordion-button:not(.collapsed) {
  background-color: #00ADEE;
  color: #fff;
  box-shadow: none;
}
.accordion-body {
  background-color: transparent;
  color: #2c3e50;
  padding: 20px 50px 20px 50px;
  line-height: 26px;
  font-size: 18px;
  font-family: 'poppinsregular', sans-serif;
}
.accordion-group.active .accordion-body {
  background-color: #A8CF451A;
  color: #fff;
  padding-bottom: 40px;
}
.accordion-body ul {
  margin-top: 10px;
}
.accordion-body ul li{
  margin-bottom: 5px;
}
.accordion-button::after {
  background-image: url("data:image/svg+xml,%3Csvg width='31' height='30' viewBox='0 0 31 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.4989 29.6887C15.1184 29.6887 14.7536 29.5375 14.4846 29.2685C14.2156 28.9995 14.0645 28.6347 14.0645 28.2542V1.74595C14.0645 1.36552 14.2156 1.00067 14.4846 0.731658C14.7536 0.462651 15.1184 0.311523 15.4989 0.311523C15.8793 0.311523 16.2442 0.462651 16.5132 0.731658C16.7822 1.00067 16.9333 1.36552 16.9333 1.74595V28.2542C16.9333 28.6347 16.7822 28.9995 16.5132 29.2685C16.2442 29.5375 15.8793 29.6887 15.4989 29.6887Z' fill='%23fff'/%3E%3Cpath d='M28.7533 16.4343H2.24498C1.86454 16.4343 1.49969 16.2832 1.23068 16.0142C0.961674 15.7451 0.810547 15.3803 0.810547 14.9999C0.810547 14.6194 0.961674 14.2546 1.23068 13.9856C1.49969 13.7166 1.86454 13.5654 2.24498 13.5654H28.7533C29.1337 13.5654 29.4985 13.7166 29.7676 13.9856C30.0366 14.2546 30.1877 14.6194 30.1877 14.9999C30.1877 15.3803 30.0366 15.7451 29.7676 16.0142C29.4985 16.2832 29.1337 16.4343 28.7533 16.4343Z' fill='%23fff'/%3E%3C/svg%3E");
}
.accordion-group.active .accordion-button::after,
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3Csvg width='31' height='4' viewBox='0 0 31 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.0625 3.9375H1.9375C0.775 3.9375 0 3.1625 0 2C0 0.8375 0.775 0.0625 1.9375 0.0625H29.0625C30.225 0.0625 31 0.8375 31 2C31 3.1625 30.225 3.9375 29.0625 3.9375Z' fill='white'/%3E%3C/svg%3E");
}
.accordion-item {
  border: none;
  background-color: transparent;
}
.accordion-header {
  margin-bottom: 0;
}
.accordion-collapse{
  border: none;
}
.accordion-header .accordion-button.collapsed{
  border-bottom: 1px solid #A8CF45;
}

footer{
  position: relative;
}

.ftr-shadow{
  position: absolute;
  bottom: 0;
  right: 0;
  width: 45%;
}

.ft-contact{
  padding: 100px 0px;
}

footer .f-icons img{
  margin-left: 3rem;
}

.office-card {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 15px;
  padding: 38px;
  color: #fff;
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.25);
  height: 100%;
}

.office-card h5 {
  font-weight: 600;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.office-card p {
  margin: 0 0 10px;
  font-size: 15px;
  line-height: 1.6;
}

.office-card .addr {
	display: flex;
	gap: 5%;
	align-items: first baseline;
}

footer .site-info {
	display: flex;
	flex-direction: row;
	align-items: first baseline;
	gap: 2%;
	justify-content: center;
}

footer .site-info a{
  color: #fff;
  text-decoration: none;
}

footer .site-info a:hover{
  color: #A8CF45;
}

/* Container styling (optional for alignment) */
.wpcf7-form-control.wpcf7-radio {
    display: flex;
    gap: 24px;
    align-items: center;
}

/* Each radio item */
.wpcf7-list-item {
    display: inline-block;
    position: relative;
    cursor: pointer;
}

/* Hide default radio */
.wpcf7-list-item input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

/* Label text styling */
.wpcf7-list-item-label {
    display: inline-block;
    padding-left: 30px;
    position: relative;
    color: #f2f2f2; /* Change as needed */
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

/* Custom circle before text */
.wpcf7-list-item-label::before {
    content: "";
    position: absolute;
    top: 5%;
    left: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #555;
    transition: all 0.3s ease;
}

/* Checked state */
.wpcf7-list-item input[type="radio"]:checked + .wpcf7-list-item-label {
    color: #a8cf45;
}

.wpcf7-list-item input[type="radio"]:checked + .wpcf7-list-item-label::before {
    background-color: #a8cf45;
    border-color: transparent;
    transform: scale(0.8);
    box-shadow: 0 0 20px ##a8cf4580;
}

/* Hover effect */
.wpcf7-list-item-label:hover::before {
    border-color: #a8cf45;
    box-shadow: 0 0 20px #a8cf4580;
}

.launch-form.contact {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 1)), url('../images/achieve-bg.png');
    background-repeat: no-repeat;
    background-size: cover !important;
    padding-top: 75px;
    background-position: center;
}

.launch-form.contact p {
    margin-top: 10px;
}

.launch-form h1>span {
    font-weight: bold;
    font-size: 55px;
    display: inline-block;
    line-height: 1.2;
    position: relative;
}

/* Blog */
.page-template-page-blog .top-left-img, .page-template-page-blog .top-right-img, .single-post .top-right-img{
  width: 50%;
  height: 50%;
}
.page-template-page-blog .ftr-shadow{
  height: 100%;
}
.blog-grid .blog-box{
  display: flex;
}
.blog-grid .blog-box .blog-content{
  padding: 1rem;
}
.blog-grid .blog-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}
.blog-grid .blog-box a{
  text-decoration: none;
  color: #fff;
}
.blog-grid .blog-box article{
  background-color: #A8CF451A;
  border: 1px solid #A8CF45;
  border-radius: 15px;
}
.blog-grid .blog-box article img{
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
.blog-grid .blog-box article:hover{
  box-shadow: 0 10px 30px rgba(219, 238, 0, 0.25);
}

/* Share post */
.share-post {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 20px 0;
  font-family: sans-serif;
}

.share-post .share-label {
  font-weight: 600;
  font-size: 1.2rem;
  color: #fff;
  text-transform: uppercase;
}

.share-post .share-icons {
  display: flex;
  gap: 12px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.share-post .share-icons a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #f2f2f2;
  color: #000;
  transition: background 0.2s, color 0.2s;
}

.share-post .share-icons a:hover {
  background: #A8CF45;
  color: #fff;
}

/* Sidebar single */
.sidebar-single{
  /* margin-top: 11%; */
}
.wpcf7-form span.country-name{
	color: #000;
}

.page-template-page-launch-offer .ftr-shadow{
	z-index: -1;
}

.sidebar-single #ez-toc-container, .sidebar-single .wpcf7{
  position: sticky;
  top: 5%;
}

#ez-toc-container{
  width: 100%;
}
#ez-toc-container nav > ul.ez-toc-list > li > a.active{
  background: #1e1e1e;
  border-right: 3px solid #a8cf45;
  border-radius: 3px;
  width: 100%;
  font-weight: bold;
  color: #a8cf45;
}
.blog-content p, .blog-content ul li {
    color: #bdbdbd;
    font-size: 1.125rem;
}
.blog-content h2 {
	font-size: 1.75rem;
}
.blog-content a{
  text-decoration: none;
  color: #8bc34a;
}
.sidebar-single .wpcf7 h3{
  font-size: 1rem;
}
.blog-content h4 {
	font-size: 1.3rem;
}
.blog-single table td{
  border: 1px solid #808080;
}