/*Preheader font size*/
.greywhite_heading .elementskit-section-subtitle, .greydark_heading .elementskit-section-subtitle{
  position: relative;
  display: inline-flex;
  align-items: center;
  z-index: 1;
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 24px;
  letter-spacing:-0.16px;
}
.greywhite_heading .elementskit-section-subtitle{
	color: #3A3A36 !important;
}

.greydark_heading .elementskit-section-subtitle{
    color: #E7E7E3 !important;
}
/*Preheader start image*/
.greywhite_heading .elementskit-section-subtitle::before, .greydark_heading .elementskit-section-subtitle::before {
    vertical-align: middle;
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 10px;
  background: url("https://storage.googleapis.com/cdn-website-bolddesk/2026/05/star.svg") no-repeat center;
  background-size: contain;
  flex-shrink: 0;
}
/*Preheader animation*/
.greywhite_heading .ekit-heading__subtitle-has-border::after, .greydark_heading .ekit-heading__subtitle-has-border::after{
  --grad-color-1: #0190f6;
  --grad-color-2: #ff4800;
  --animation-duration: 4s;

  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50px; 
  padding: 1px; /* Border thickness */
  
  background: conic-gradient(
    from var(--border-angle),
    transparent 75%,
    var(--grad-color-1) 85%,
    var(--grad-color-2) 92%,
    var(--grad-color-1) 100%
  );

  animation: border-move-loop var(--animation-duration) linear infinite;

  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: -1; 
}

@property --border-angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}

@keyframes border-move-loop {
  0% { --border-angle: 180deg; }   
  50% { --border-angle: 360deg; }  
  100% { --border-angle: 540deg; } 
}

/*Heading h1*/
.greywhite_heading h1 {
    font-weight: 600 !important;
    font-size: 48px ;
    line-height: 120% !important;
    letter-spacing: -2% !important;
	color: #111110 !important;
}

/*Heading h2*/
.greywhite_heading h2, .greydark_heading h2{
    font-weight: 600 !important;
    font-size: 36px ;
    line-height: 120% !important;
    letter-spacing: -2% !important;
}
.greywhite_heading h2{
	color: #111110 !important;
}

.greydark_heading h2{
	color: #F7F7F4 !important;
}


/*Heading highlight*/
.greywhite_heading .ekit-heading--title span{
    background-image: none !important;
    background-color: #FF4800 !important;
}

/*banner description*/
.greywhite_heading .ekit-heading__description, .greydark_heading .ekit-heading__description p{
    font-weight: 500;
    font-size: 16px !important;
    line-height: 150% !important;
    letter-spacing: -1% !important;
}
.greywhite_heading .ekit-heading__description{
	color: #6B6B65 !important;	
}
.greydark_heading .ekit-heading__description p{
color: #D8D8D3 !important;
}


/*Button*/
.greywhite_primary_button .button-wrapper svg, .greywhite_secondary_button .button-wrapper svg{
    width: 9px !important;
    height: 12px !important;
    margin-left: 12px !important;
    
}

.greywhite_primary_button a, .greywhite_secondary_button a{
    font-weight: 500 !important;
    font-size: 18px !important;
    line-height: 150% !important;
    letter-spacing: -1% !important;
    padding: 11px 20px !important;
}

.greywhite_primary_button a{
    color: #F7F7F4 !important;
    border: 1px solid #111110;
    background: #111110;
}
.greywhite_secondary_button a{
    color: #111110 !important;
    border: 1px solid #E7E7E3;
    background: #F7F7F4;
}

/*supporting text*/
.greywhite_supporting_text .ekit-stylish-list-content-title{
font-weight: 500 !important;
font-size: 14px !important;
line-height: 150% !important;
letter-spacing: -1% !important;
color: #3A3A36 !important;
}

.supporting_text_inner_span{
    color: #6B6B65 !important;
}

/*g2 review section style*/ 
.greywhite_review_section p.ekit-heading--title{
font-weight: 500 !important;
font-size: 16px !important;
line-height: 150% !important;
letter-spacing: 4% !important;
color: #6B6B65 !important;

}

.metric_count p.ekit-heading--title.elementskit-section-title {
	font-weight: 600 !important;
	font-size: 36px !important;
	line-height: 120% !important;
	letter-spacing: -2% !important;
	color: #111110 !important;
}

.metric_count div.ekit-heading__description p{
	font-weight: 500 !important;
	font-size: 16px !important;
	line-height: 150% !important;
	letter-spacing: -1% !important;
	color: #6B6B65 !important;
}

.gw_paragraph_heading1 .ekit-heading--title {
    font-weight: 600 !important;
    font-size: 24px !important;
    line-height: 120% !important;
    letter-spacing: -2% !important;
	color: #3A3A36 !important;
}

.gw_paragraph_heading1
 .ekit-heading__description p{
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 150% !important;
    letter-spacing: 0.15px !important;
	 color: #6B6B65 !important;
}

/*customer testimonials*/
.gw_customer_testimonial .elementskit-commentor-content{
    border-bottom: 1px solid #E5E7EB !important;
    margin-bottom: 28px !important;
}

.gw_customer_testimonial .elementskit-commentor-content p{
    font-weight: 500 !important;
    font-size: 18px !important;
    line-height: 150% !important;
    letter-spacing: -1% !important;
	color: #111110 !important;
}

.gw_customer_testimonial .ekit-wid-con .elementskit-profile-info .elementskit-author-name{
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
   letter-spacing: -1%;
	color: #111110 !important;
}

.gw_customer_testimonial .ekit-wid-con .elementskit-profile-info .elementskit-author-des{
    font-weight: 500;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 1%;
	color: #6B6B65 !important;

}
/*mike*/
.gw_customer_testimonial .elementor-repeater-item-813da93 .elementskit-commentor-content p{
    margin-bottom: 79px !important;
}
/*luc*/
.gw_customer_testimonial .elementor-repeater-item-78579a4 .elementskit-commentor-content p{
    margin-bottom: 52px !important;
}

/* Security & Compliance lists*/
.gw_bolddesk_icon_list .ekit-stylish-list-content-title{
font-weight: 500 !important;
font-size: 16px !important;
line-height: 150% !important;
letter-spacing: 1% !important;

}
/* strike design for white and black */
.bolddesk-status-bar {
  display: flex;
  align-items: center;
  gap: 12px;
}


.pricing-item-strike, .pricing-item-strike1 {
  position: relative;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.01em;
  white-space: nowrap;
}

.pricing-item-strike{
    color: #A1A19B ;
}

.pricing-item-strike1{
    color: #6B6B65;
}


.pricing-item-strike::after, .pricing-item-strike1::after {
  content: "";
  position: absolute;
  left: 0;
  top: 55%; 
  width: 100%;
  height: 2px;
  background-color: #DC2626;
  pointer-events: none;
}


.bolddesk-success {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: 4px;
}

.status-tick {
  width: 22px;
  height: 22px;
}

.bolddesk-text-white, .bolddesk-text {
  font-size: 20px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.01em;
  white-space: nowrap;
}

.bolddesk-text-white {
    color: #fff;
}

.bolddesk-text{
    color: #111110;
}


@media (max-width: 600px) {
  .bolddesk-status-bar {
    flex-wrap: wrap; 
    justify-content: center; 
    row-gap: 16px; 
    column-gap: 10px; 
  }

  
  .bolddesk-success {
    flex-basis: 100%; 
    justify-content: center;
    margin-left: 0; 
  }
  .pricing-item-strike, .pricing-item-strike1 {
    font-size: 15px; 
  }

  .bolddesk-text {
    font-size: 18px;
  }

  .status-tick {
    width: 20px;
    height: 20px;
  }
}

/*tab responsiveness*/
@media (min-width: 768px) and (max-width: 1024px) {
    /*Heading h1*/
    .greywhite_heading h1 {
        font-size: 40px!important;
    }
	/*Heading h2*/
	.greywhite_heading h2, .greydark_heading h2{
		font-size: 32px !important;
	}
	 /*g2 review section style*/ 
    .metric_count p.ekit-heading--title.elementskit-section-title {
    font-size: 32px!important;
	}
	
}

/*Mobile responsiveness*/
@media (min-width: 300px) and (max-width: 767px) {
    /*Preheader font size*/
    .greywhite_heading .elementskit-section-subtitle{
      font-size: 12px!important;
    }
     /*Heading h1*/
    .greywhite_heading h1 {
        font-size: 32px!important;
    }
	/*Heading h2*/
	.greywhite_heading h2, .greydark_heading h2{
		font-size: 24px !important;
	}
	/*g2 review section style*/ 
        .metric_count p.ekit-heading--title.elementskit-section-title {
    font-size: 24px!important;

	}
	.gw_paragraph_heading1 .ekit-heading--title {
		font-size: 18px !important;
	}
}