/* Custom styles for the website */
.site-title-wrap .site-title {
    color: blue; /* Just an example, customize as needed */
}


/* fixing the header elements margin right and left */

@media (max-width: 1400px) {
  .site-main-header-inner-wrap {
    margin-left: 35px;
    margin-right: 35px;
  }
}


/*     --------------    Code to change have the bullet of li for prime_ul     ------------    */


.prime_ul {
  list-style-type: none; /* Remove default bullets */
  padding-left: 0;
  margin-left: 0;
}

.prime_ul li {
  position: relative;
  padding-left: 60px; /* Slightly increased padding for larger bullet */
}

.prime_ul li::before {
  content: '';
  display: inline-block;
  position: absolute;
  left: -5px; /* Move a bit to the left */
  top: 5px; /* Move down slightly */
  width: 40px; /* Slightly increased size */
  height: 40px; /* Slightly increased size */
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="53" height="53" viewBox="0 0 53 53" fill="none"><circle cx="26.5" cy="26.5" r="26.5" fill="%2315827f"/><path d="M37.7071 27.7071C38.0976 27.3166 38.0976 26.6834 37.7071 26.2929L31.3431 19.9289C30.9526 19.5384 30.3195 19.5384 29.9289 19.9289C29.5384 20.3195 29.5384 20.9526 29.9289 21.3431L35.5858 27L29.9289 32.6569C29.5384 33.0474 29.5384 33.6805 29.9289 34.0711C30.3195 34.4616 30.9526 34.4616 31.3431 34.0711L37.7071 27.7071ZM15 28H37V26H15V28Z" fill="white"/></svg>');

  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}




/*      --------------          code to add the circle with arrow in the prime-btn        ------------           */


.prime-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 80px 15px 30px; /* Increase right padding to accommodate the SVG */
  background-color: #15827f;
  color: white;
  border-radius: 30px;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  white-space: nowrap; /* Prevent text from wrapping */
}

.prime-btn .kt-btn-inner-text {
  flex: 1; /* Ensure the text takes up available space */
  margin-right: 30px; /* Adjust the spacing between the text and the SVG */
}

.prime-btn::after {
  content: '';
  display: inline-block;
  width: 46px;
  height: 46px;
background-image: url('data:image/svg+xml;utf8,<svg width="46" height="46" viewBox="0 0 46 46" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="23" cy="23" r="23" fill="white"/><path d="M35.7071 23.7071C36.0976 23.3166 36.0976 22.6834 35.7071 22.2929L29.3431 15.9289C28.9526 15.5384 28.3195 15.5384 27.9289 15.9289C27.5384 16.3195 27.5384 16.9526 27.9289 17.3431L33.5858 23L27.9289 28.6569C27.5384 29.0474 27.5384 29.6805 27.9289 30.0711C28.3195 30.4616 28.9526 30.4616 29.3431 30.0711L35.7071 23.7071ZM13 24H35V22H13V24Z" fill="%2315827f"/></svg>');

  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  right: 5px; /* Increase the distance between the SVG and the right edge */
  top: 50%;
  transform: translateY(-50%);
}





/*    -------------     FIXING MOBILE VIEW _ REMOVING THE MARGIN          -------------------     */

@media (max-width: 1200px) {
  .kb-row-layout-id701_ef8993-ae,
  .kb-row-layout-id701_351818-07,
  .kb-row-layout-id701_80c9db-2d,
  .kb-row-layout-id701_6a179c-81 {
    margin: 0 !important; /* Ensure no margin is applied on smaller screens */
  }
}