:root {
  --default-font: "Prompt", sans-serif,  system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --heading-font: "Prompt", sans-serif;;
  --nav-font: "Prompt", sans-serif;;
}

/* Global Colors - The following color variables are used throughout the website. Updating them here will change the color scheme of the entire website */
:root { 
  --background-color: #FEFEFF; /* Background color for the entire website, including individual sections */
  --default-color: #FEFEFF; /* Default color used for the majority of the text content across the entire website */
  --dark-color: #282828; /* Color for headings, subheadings and title throughout the website */
  --dark-color-second: #282828; 
  --accent-color: #264C80; /* Accent color that represents your brand on the website. It's used for buttons, links, and other elements that need to stand out */
  --surface-color: #EDEDF1; /* The surface color is used as a background of boxed elements within sections, such as cards, icon boxes, or other elements that require a visual separation from the global background. */
  --contrast-color: #ffffff; /* Contrast color for text, ensuring readability against backgrounds of accent, heading, or default colors. */
  --light-color: #767676;
  --light-medium-color: #7A7A7A;
  --dark-color-third: #424242;
  --accent-font-color: #264C80;
}

body{
  font-family: var(--default-font);
}

.home-data-section li.relative span {
    background: var(--contrast-color);
    top: 6px;
}
.accent-color{
    background: var(--accent-color);
}
.dark-color-second{
  color: var(--dark-color-second);
}
.default-btn{
  background: var(--accent-color);
  color: var(--contrast-color);
}

.service-box{
  background: var(--surface-color);
}

.dark-color, .service-box {
  color:var(--dark-color);
}

.service-box p{
  color: var(--light-color);
}

.dark-color-third{
  color: var(--dark-color-third)
}

.mobile-section li span{
    background: var(--accent-color);
}
.light-medium-color{
  color: var(--light-medium-color); 
}
.accent-font-color{
  color: var(--accent-font-color);
}

.security-slide .slick-slide {
  margin: 0 15px;
}

.security-slide .slick-list {
  margin: 0 -15px;
}

.slick-prev:before,
.slick-next:before{
  display: none;
}
span.quote.stroke-heading {
    color: transparent;
    -webkit-text-stroke: 1px var(--default-color);
    font-weight: 800;
    height: 90px;
    font-style: italic;
} 
.stroke-white {
    -webkit-text-stroke: 1px rgba(255,255,255,1);
}
.services-slider .service-box img {
    width: 64px;
}

@media (max-width: 1280px) {
  .newsletter-sec {
      width: 90%;
  }
}
@media (max-width: 991px) {
  .services-slider .servicebx  {
    padding: 0 10px;
  }

 
  .services-slider {
    padding: 0 15px;
  }
  .services-slider .slick-dots{
    position: static;
  }
}



@media (max-width: 768px) {
  .security-slide .slick-slide {
    margin: 0 10px;
  }
  .security-slide .slick-list {
    margin: 0 -10px;
  }
}