.elementor-5296 .elementor-element.elementor-element-0cc0a4d{--display:flex;--min-height:0px;border-style:none;--border-style:none;--z-index:0;}.elementor-5296 .elementor-element.elementor-element-0cc0a4d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5296 .elementor-element.elementor-element-1e1e986{width:100%;max-width:100%;z-index:0;}.elementor-5296 .elementor-element.elementor-element-1e1e986.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-5296 .elementor-element.elementor-element-1e1e986 > .elementor-widget-container{border-style:none;}.elementor-5296 .elementor-element.elementor-element-5de6e6b{--display:flex;}.elementor-5296 .elementor-element.elementor-element-287ce79{width:100%;max-width:100%;}.elementor-5296 .elementor-element.elementor-element-75ed240{--display:flex;}.elementor-5296 .elementor-element.elementor-element-eb38deb{--spacer-size:50px;}.elementor-5296 .elementor-element.elementor-element-b5b630c{--iteration-count:infinite;--animation-duration:1200ms;--dynamic-text-color:#0458A3;}.elementor-5296 .elementor-element.elementor-element-b5b630c .elementor-headline{text-align:center;}.elementor-5296 .elementor-element.elementor-element-b5b630c .elementor-headline-dynamic-wrapper path{stroke:#0458A3;}.elementor-5296 .elementor-element.elementor-element-5339bf2{--display:flex;--overlay-opacity:0.5;}.elementor-5296 .elementor-element.elementor-element-5339bf2:not(.elementor-motion-effects-element-type-background), .elementor-5296 .elementor-element.elementor-element-5339bf2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://i0.wp.com/quantecsystems.com/wp-content/uploads/2024/02/safe-vault-steel-door-913452.jpg?fit=1280%2C1112&ssl=1");background-position:center center;background-repeat:no-repeat;background-size:auto;}.elementor-5296 .elementor-element.elementor-element-5339bf2::before, .elementor-5296 .elementor-element.elementor-element-5339bf2 > .elementor-background-video-container::before, .elementor-5296 .elementor-element.elementor-element-5339bf2 > .e-con-inner > .elementor-background-video-container::before, .elementor-5296 .elementor-element.elementor-element-5339bf2 > .elementor-background-slideshow::before, .elementor-5296 .elementor-element.elementor-element-5339bf2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-5296 .elementor-element.elementor-element-5339bf2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#02010161;--background-overlay:'';}.elementor-5296 .elementor-element.elementor-element-d40c245{--spacer-size:50px;}.elementor-5296 .elementor-element.elementor-element-52f63b7 .elementor-heading-title{color:#FFFFFF;}.elementor-5296 .elementor-element.elementor-element-3f5aac4{text-align:center;font-size:20px;color:#FFFFFF;}.elementor-5296 .elementor-element.elementor-element-e56015f{--spacer-size:50px;}.elementor-5296 .elementor-element.elementor-element-64da3cc{--display:flex;--overlay-opacity:0.5;}.elementor-5296 .elementor-element.elementor-element-64da3cc:not(.elementor-motion-effects-element-type-background), .elementor-5296 .elementor-element.elementor-element-64da3cc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://i0.wp.com/quantecsystems.com/wp-content/uploads/2024/02/matrix-communication-software-2326147.jpg?fit=1280%2C853&ssl=1");background-position:center center;}.elementor-5296 .elementor-element.elementor-element-64da3cc::before, .elementor-5296 .elementor-element.elementor-element-64da3cc > .elementor-background-video-container::before, .elementor-5296 .elementor-element.elementor-element-64da3cc > .e-con-inner > .elementor-background-video-container::before, .elementor-5296 .elementor-element.elementor-element-64da3cc > .elementor-background-slideshow::before, .elementor-5296 .elementor-element.elementor-element-64da3cc > .e-con-inner > .elementor-background-slideshow::before, .elementor-5296 .elementor-element.elementor-element-64da3cc > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#0201019E;--background-overlay:'';}.elementor-5296 .elementor-element.elementor-element-3f5078f{--spacer-size:50px;}.elementor-5296 .elementor-element.elementor-element-a39b278 .elementor-heading-title{color:#FFFFFF;}.elementor-5296 .elementor-element.elementor-element-1d94eab{text-align:center;font-size:20px;color:#FFFFFF;}.elementor-5296 .elementor-element.elementor-element-6884c2c{--spacer-size:50px;}.elementor-5296 .elementor-element.elementor-element-22d6422{--display:flex;--overlay-opacity:0.5;}.elementor-5296 .elementor-element.elementor-element-22d6422:not(.elementor-motion-effects-element-type-background), .elementor-5296 .elementor-element.elementor-element-22d6422 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://i0.wp.com/quantecsystems.com/wp-content/uploads/2024/02/security-computer-science-web-3742114.jpg?fit=1280%2C894&ssl=1");background-position:center center;background-repeat:no-repeat;}.elementor-5296 .elementor-element.elementor-element-22d6422::before, .elementor-5296 .elementor-element.elementor-element-22d6422 > .elementor-background-video-container::before, .elementor-5296 .elementor-element.elementor-element-22d6422 > .e-con-inner > .elementor-background-video-container::before, .elementor-5296 .elementor-element.elementor-element-22d6422 > .elementor-background-slideshow::before, .elementor-5296 .elementor-element.elementor-element-22d6422 > .e-con-inner > .elementor-background-slideshow::before, .elementor-5296 .elementor-element.elementor-element-22d6422 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#020101A1;--background-overlay:'';}.elementor-5296 .elementor-element.elementor-element-45a2034{--spacer-size:50px;}.elementor-5296 .elementor-element.elementor-element-28bcd92 .elementor-heading-title{color:#FFFFFF;}.elementor-5296 .elementor-element.elementor-element-b451201{text-align:center;font-size:20px;color:#FFFFFF;}.elementor-5296 .elementor-element.elementor-element-69dfd28{--spacer-size:50px;}.elementor-5296 .elementor-element.elementor-element-2df3281{--display:flex;--overlay-opacity:0.5;}.elementor-5296 .elementor-element.elementor-element-2df3281:not(.elementor-motion-effects-element-type-background), .elementor-5296 .elementor-element.elementor-element-2df3281 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://i0.wp.com/quantecsystems.com/wp-content/uploads/2024/02/hacker-cyber-crime-internet-2300772.jpg?fit=1280%2C853&ssl=1");background-position:center center;}.elementor-5296 .elementor-element.elementor-element-2df3281::before, .elementor-5296 .elementor-element.elementor-element-2df3281 > .elementor-background-video-container::before, .elementor-5296 .elementor-element.elementor-element-2df3281 > .e-con-inner > .elementor-background-video-container::before, .elementor-5296 .elementor-element.elementor-element-2df3281 > .elementor-background-slideshow::before, .elementor-5296 .elementor-element.elementor-element-2df3281 > .e-con-inner > .elementor-background-slideshow::before, .elementor-5296 .elementor-element.elementor-element-2df3281 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#0201018F;--background-overlay:'';}.elementor-5296 .elementor-element.elementor-element-247326d{--spacer-size:50px;}.elementor-5296 .elementor-element.elementor-element-f813451 .elementor-heading-title{color:#FFFFFF;}.elementor-5296 .elementor-element.elementor-element-358c721{text-align:center;font-size:20px;color:#FFFFFF;}.elementor-5296 .elementor-element.elementor-element-6c65077{--spacer-size:50px;}.elementor-5296 .elementor-element.elementor-element-f6c37f6{--display:flex;--overlay-opacity:0.5;}.elementor-5296 .elementor-element.elementor-element-f6c37f6:not(.elementor-motion-effects-element-type-background), .elementor-5296 .elementor-element.elementor-element-f6c37f6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://i0.wp.com/quantecsystems.com/wp-content/uploads/2024/02/sever-3100049_1280.jpg?fit=1280%2C931&ssl=1");background-position:center center;}.elementor-5296 .elementor-element.elementor-element-f6c37f6::before, .elementor-5296 .elementor-element.elementor-element-f6c37f6 > .elementor-background-video-container::before, .elementor-5296 .elementor-element.elementor-element-f6c37f6 > .e-con-inner > .elementor-background-video-container::before, .elementor-5296 .elementor-element.elementor-element-f6c37f6 > .elementor-background-slideshow::before, .elementor-5296 .elementor-element.elementor-element-f6c37f6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-5296 .elementor-element.elementor-element-f6c37f6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#020101E0;--background-overlay:'';}.elementor-5296 .elementor-element.elementor-element-f74e01f{--spacer-size:50px;}.elementor-5296 .elementor-element.elementor-element-af929c7 .elementor-heading-title{color:#FFFFFF;}.elementor-5296 .elementor-element.elementor-element-bc40ec9{text-align:center;font-size:20px;color:#FFFFFF;}.elementor-5296 .elementor-element.elementor-element-72c0782{--spacer-size:50px;}.elementor-5296 .elementor-element.elementor-element-539f9d8{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-color:#FFFFFF;}.elementor-5296 .elementor-element.elementor-element-539f9d8 > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#0458A3;}.elementor-5296 .elementor-element.elementor-element-539f9d8.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#0087FF;}.elementor-5296 .elementor-element.elementor-element-539f9d8.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-5296 .elementor-element.elementor-element-539f9d8.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#0087FF;}.elementor-5296 .elementor-element.elementor-element-898737c{--display:flex;}.elementor-5296 .elementor-element.elementor-element-f4041a6{--display:flex;}@media(min-width:768px){.elementor-5296 .elementor-element.elementor-element-0cc0a4d{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-287ce79 *//* CSS specific to the points-of-pride section */
.points-of-pride {
  padding: 60px 20px;
  background-color: #f9f9f9;
  display: flex;
  justify-content: center;
}

.points-of-pride .content {
  display: flex;
  max-width: 1300px; /* Increased the max-width to make the main box wider */
  width: 100%;
}

.points-of-pride .content-main {
  flex: 3; /* Changed from 2 to 3 to make it take more space */
  padding: 40px;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.points-of-pride .content-main h3 {
  font-size: 2.5em;
  color: #1a73e8;
  margin-bottom: 10px;
}

.points-of-pride .content-main .subtitle {
  font-size: 1.5em;
  color: #333;
  margin-bottom: 20px;
}

.points-of-pride .content-main p {
  margin-bottom: 10px;
  color: #555;
  font-size: 1.1em;
}

.points-of-pride .content-list {
  flex: 1.5;
  padding: 20px;
  margin-left: 20px;
  border-left: 2px solid #1a73e8;
}

.points-of-pride .content-list ul {
  list-style: none;
  padding: 0;
}

.points-of-pride .content-list ul li {
  display: flex;
  align-items: center;
  justify-content: flex-start; /* Align items to the start */
  background-color: transparent;
  color: #1a73e8;
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 5px;
  cursor: pointer;
  transition: color 0.3s, background-color 0.3s;
  text-align: left; /* Ensure the text is left-aligned for better readability */
}

.points-of-pride .content-list ul li img {
  width: 30px;
  height: 30px;
  margin-right: 10px;
}

.points-of-pride .content-list ul li div {
  display: flex;
  flex-direction: column;
  align-items: flex-start; /* Align items to the start for left alignment */
}

.points-of-pride .content-list ul li div span {
  text-align: left; /* Ensure the text is left-aligned for better readability */
}

.points-of-pride .content-list ul li div small {
  text-align: left; /* Ensure the small text is left-aligned for better readability */
}

.points-of-pride .content-list ul li:hover {
  color: #0458a3;
}

.points-of-pride .content-list ul li small {
  display: block;
  color: #666;
  font-size: 0.9em;
  margin-top: 5px;
}

/* Highlight selected item */
.points-of-pride .content-list ul li.active {
  background-color: #e1f0ff;
  border-radius: 10px;
  color: #0458a3;
}

/* Breaks between items */
.points-of-pride .content-list ul li + li {
  border-top: 1px solid #1a73e8;
  padding-top: 15px;
}

.points-of-pride .content-list ul li:first-child {
  border-top: none;
}

/* Responsive design */
@media (max-width: 768px) {
  .points-of-pride {
    padding: 30px 10px;
  }
  .points-of-pride .content {
    flex-direction: column;
    align-items: center; /* Center the entire content column */
  }

  .points-of-pride .content-main {
    width: 100%; /* Make sure the main content takes the full width */
    padding: 20px;
    margin-bottom: 20px;
  }

  .points-of-pride .content-list {
    width: 100%; /* Make sure the content list takes the full width */
    margin-left: 0;
    border-left: none;
    border-top: 2px solid #1a73e8;
    padding-top: 20px; /* Add padding at the top for separation */
  }

  .points-of-pride .content-list ul {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* Align items to the start */
  }

  .points-of-pride .content-list ul li {
    width: 100%;
    text-align: left;
    padding: 15px;
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* Align items to the start */
    justify-content: flex-start; /* Align items to the start */
  }

  .points-of-pride .content-list ul li img {
    margin: 0 10px 0 0;
    display: inline-block;
  }

  .points-of-pride .content-list ul li div {
    text-align: left;
    align-items: flex-start; /* Align text to the start */
  }
}/* End custom CSS */