:root {
  --sd-tint4: #E4EBFF;
  --sd-tint3: #D0DCFD;
  --sd-tint2: #B2C7F8;
  --sd-tint1: #89ABF1;
  --sd-base: #5A87E4;
  --sd-shade1: #2D60C7;
  --sd-shade2: #2646A4;
  --sd-shade3: #1E2D6E;
  --sd-shade4: #10142E;
  --sd-neutral-tint4: #EBEFFF;
  --sd-neutral-tint3: #E2E8FB;
  --sd-neutral-tint2b: #DBE2F6;
  --sd-neutral-tint2: #D4DBF0;
  --sd-neutral-tint1: #B7BED4;
  --sd-neutral-base: #818699;
  --sd-neutral-shade1: #4C4F5D;
  --sd-neutral-shade2: #32343F;
  --sd-neutral-shade3: #272832;
  --sd-neutral-shade4: #22232E;
  --sd-base-rgb: rgb(90, 135, 228);
  --sd-shade1-rgb: rgb(45, 96, 199); /* primary, rgb in toggler */
  --sd-shade2-rgb: rgb(38, 70, 164);
  --sd-shade3-rgb: rgb(30, 45, 110);
  --sd-neutral-tint4-rgb: rgb(235, 239, 255);
  --sd-neutral-shade1-rgb: rgb(76, 79, 93); /* Secondary RGB */
  --sd-cta-gradient: linear-gradient(-30deg, rgba(45, 96, 199, 0.6), rgba(30, 45, 110, 0.6)); /* Shade 1, Shade 3 */
  --sd-base-focus: rgba(90, 135, 228, 0.502);
  --sd-shade1-focus: rgba(45, 96, 199, 0.502);
  --sd-shade2-focus: rgba(38, 70, 164, 0.502);
}

/* Customizing some BS styles */
:root, [data-bs-theme=light] {
  --bs-primary-rgb: 45, 96, 199;
  --bs-secondary-rgb: var(--sd-neutral-shade1-rgb);
  --bs-secondary-color: rgba(76, 79, 93, 0.749);
  --bs-secondary-color-rgb: 76, 79, 93;
  --bs-secondary-bg-rgb: var(--sd-neutral-tint4-rgb);
  --bs-link-color-rgb: 45, 96, 199; /* shade1 */
  --bs-link-hover-color-rgb: 30, 45, 110;
  --bs-focus-ring-color: var(--sd-base-focus);
}
.pagination {
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(90, 135, 228, 0.5);
}

.btn-outline-primary, .btn-cta, .btn-outline-cta {
  --bs-btn-focus-shadow-rgb: 45, 96, 199; /* shade1 */
}
.btn-outline-light {
  --bs-btn-focus-shadow-rgb: 76, 79, 93; /* neutral shade1 */
}
/* Base and Shade 1 */
.accordion {
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%235A87E4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%232D60C7'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(45, 96, 199, 0.251);
}

/* Base and Shade 1 */
#sdHomeAccordion {
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='%235A87E4'%3e%3cpath fill-rule='evenodd' d='m64,25.86v12.181c0,.899-.7,1.697-1.7,1.697h-22.5v22.565c0,.899-.7,1.697-1.7,1.697h-12.2c-.9,0-1.7-.699-1.7-1.697v-22.565H1.7c-1,0-1.7-.799-1.7-1.697v-12.181c0-.899.7-1.697,1.7-1.697h22.6V1.697c-.1-.998.7-1.697,1.6-1.697h12.2c.9,0,1.7.699,1.7,1.697v22.565h22.6c.9-.1,1.6.699,1.6,1.598Z'/%3e%3c/svg%3e");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='%232D60C7'%3e%3cpath fill-rule='evenodd' d='m62.2,23H1.8c-1,0-1.8.8-1.8,1.8v14.4c0,1,.8,1.8,1.8,1.8h60.5c1,0,1.8-.8,1.8-1.8v-14.4c-.1-1-.9-1.8-1.9-1.8Z'/%3e%3c/svg%3e");
}


/* .btn-cta, .btn-outline-cta {
  --bs-btn-focus-shadow-rgb: 18, 112, 62;
} */


header #sdTopNav .navbar-toggler-icon {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2845, 96, 199, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* shade 1 */
ul.check-bullets li::before {
  content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 512 512'%3e%3cpath fill='%232D60C7' d='M437.6,74.7c-99.7-99.6-263.2-99.6-362.8,0s-99.7,263,0,362.6s260.6,99.6,360.3,0C537.2,337.7,537.2,174.3,437.6,74.7z M205.1,383.7L102.8,281.5l35.8-35.8l66.4,66.4l168.6-168.5l35.8,35.8L205.1,383.7z'/%3e%3c/svg%3e") !important;
}

/* neutral Tint 1 */
ul.xmark-bullets li::before {
  content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 512 512'%3e%3cpath fill='%23B7BED4' d='M256,0C115.2,0,0,115.2,0,256s115.2,256,256,256s256-115.2,256-256S396.8,0,256,0z M409.6,373.8l-35.8,35.8L256,291.8 L138.2,409.6l-35.8-35.8L220.2,256L102.4,138.2l35.8-35.8L256,220.2l117.8-117.8l35.8,35.8L291.8,256L409.6,373.8z'/%3e%3c/svg%3e") !important;
}


/* Use Case Views Buttons */
#sdV2UseCaseViews .btn-group > input + label > img {
  filter: hue-rotate(22deg) saturate(90%) brightness(86%);
}
#sdV2UseCaseViews .btn-group input:checked + label > img {
  filter: hue-rotate(16deg) saturate(15%) brightness(220%);
}


/* -- Why Us Solution -- */
#sdWhyUsSolutions > .row:nth-child(3) .solution-icon {
  filter: brightness(130%) saturate(90%);
}
#sdWhyUsSolutions > .row:nth-child(4) .solution-icon {
  filter: brightness(157%) saturate(85%);
}
#sdWhyUsSolutions > .row:nth-child(5) .solution-icon {
  filter: brightness(183%) saturate(70%);
}


/* -- Contact Us -- */
.contact-social-media img {
  filter: grayscale(1) invert(0.8) sepia(100%) hue-rotate(180deg) saturate(450%);
}