.elementor-55355 .elementor-element.elementor-element-494dbaf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:245px;--padding-bottom:200px;--padding-left:40px;--padding-right:40px;}.elementor-55355 .elementor-element.elementor-element-494dbaf:not(.elementor-motion-effects-element-type-background):not(.cmsmasters-bg-effect), .elementor-55355 .elementor-element.elementor-element-494dbaf > .elementor-motion-effects-container > .elementor-motion-effects-layer, .elementor-55355 .elementor-element.elementor-element-494dbaf > .cmsmasters-bg-effects-container > .cmsmasters-bg-effects-element{background-image:url("https://justdoitservices.com/wp-content/uploads/2025/09/71-background-light-5.webp");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-55355 .elementor-element.elementor-element-f0b6f9a .cmsmasters-widget-title__heading{text-align:center;transition:all 0.3s;}.elementor-55355 .elementor-element.elementor-element-f0b6f9a{--title-color:var( --e-global-color-secondary );}.elementor-55355 .elementor-element.elementor-element-9dde3e4{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;text-align:center;}.elementor-55355 .elementor-element.elementor-element-9dde3e4.elementor-element{--align-self:center;}.elementor-55355 .elementor-element.elementor-element-9dde3e4 .elementor-heading-title{font-family:var( --e-global-typography-bbb426b-font-family ), Sans-serif;font-size:var( --e-global-typography-bbb426b-font-size );font-weight:var( --e-global-typography-bbb426b-font-weight );text-transform:var( --e-global-typography-bbb426b-text-transform );font-style:var( --e-global-typography-bbb426b-font-style );text-decoration:var( --e-global-typography-bbb426b-text-decoration );line-height:var( --e-global-typography-bbb426b-line-height );letter-spacing:var( --e-global-typography-bbb426b-letter-spacing );word-spacing:var( --e-global-typography-bbb426b-word-spacing );color:var( --e-global-color-text );}.elementor-55355 .elementor-element.elementor-element-1b90526{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-55355 .elementor-element.elementor-element-fb439cc{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-55355 .elementor-element.elementor-element-d0367c4{--display:flex;--border-radius:30px 30px 30px 30px;box-shadow:15px 30px 10px 0px rgba(0,0,0,0.5);}.elementor-55355 .elementor-element.elementor-element-d0367c4:not(.elementor-motion-effects-element-type-background):not(.cmsmasters-bg-effect), .elementor-55355 .elementor-element.elementor-element-d0367c4 > .elementor-motion-effects-container > .elementor-motion-effects-layer, .elementor-55355 .elementor-element.elementor-element-d0367c4 > .cmsmasters-bg-effects-container > .cmsmasters-bg-effects-element{background-image:url("https://justdoitservices.com/wp-content/uploads/2025/10/bb85b6ac-2124-403a-bd0e-11890ee7db79.png");}.elementor-55355 .elementor-element.elementor-element-9dc6ff7 .elementor-heading-title{font-size:62px;-webkit-text-stroke-color:#FFFFFF;stroke:#FFFFFF;}.elementor-55355 .elementor-element.elementor-element-67ccdb9{--display:flex;--border-radius:30px 30px 30px 30px;box-shadow:15px 30px 10px 0px rgba(0,0,0,0.5);}.elementor-55355 .elementor-element.elementor-element-67ccdb9:not(.elementor-motion-effects-element-type-background):not(.cmsmasters-bg-effect), .elementor-55355 .elementor-element.elementor-element-67ccdb9 > .elementor-motion-effects-container > .elementor-motion-effects-layer, .elementor-55355 .elementor-element.elementor-element-67ccdb9 > .cmsmasters-bg-effects-container > .cmsmasters-bg-effects-element{background-image:url("https://justdoitservices.com/wp-content/uploads/2025/10/90ab872b-cdec-4b3d-b279-0ccab6e9ba53.png");background-position:center center;background-size:cover;}.elementor-55355 .elementor-element.elementor-element-0ec5abc .elementor-heading-title{font-size:62px;-webkit-text-stroke-color:#FFFFFF;stroke:#FFFFFF;}.elementor-55355 .elementor-element.elementor-element-5488111{--display:flex;--border-radius:30px 30px 30px 30px;box-shadow:15px 30px 10px 0px rgba(0,0,0,0.5);}.elementor-55355 .elementor-element.elementor-element-5488111:not(.elementor-motion-effects-element-type-background):not(.cmsmasters-bg-effect), .elementor-55355 .elementor-element.elementor-element-5488111 > .elementor-motion-effects-container > .elementor-motion-effects-layer, .elementor-55355 .elementor-element.elementor-element-5488111 > .cmsmasters-bg-effects-container > .cmsmasters-bg-effects-element{background-image:url("https://justdoitservices.com/wp-content/uploads/2025/10/cde48e8c-f051-4c83-94bc-96cbba8efc01.png");background-size:cover;}.elementor-55355 .elementor-element.elementor-element-e9065bb .elementor-heading-title{font-size:62px;-webkit-text-stroke-color:#FFFFFF;stroke:#FFFFFF;}.elementor-55355 .elementor-element.elementor-element-f86c0ec{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-55355 .elementor-element.elementor-element-443c1ef{--display:flex;--overlay-opacity:0.5;--border-radius:30px 30px 30px 30px;}.elementor-55355 .elementor-element.elementor-element-443c1ef::before, .elementor-55355 .elementor-element.elementor-element-443c1ef > .elementor-background-video-container::before, .elementor-55355 .elementor-element.elementor-element-443c1ef > .e-con-inner > .elementor-background-video-container::before, .elementor-55355 .elementor-element.elementor-element-443c1ef > .elementor-background-slideshow::before, .elementor-55355 .elementor-element.elementor-element-443c1ef > .e-con-inner > .elementor-background-slideshow::before, .elementor-55355 .elementor-element.elementor-element-443c1ef > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#E9EEF200;--background-overlay:'';}.elementor-55355 .elementor-element.elementor-element-94386bb{padding:40px 0px 0px 0px;}.elementor-55355 .elementor-element.elementor-element-0ec309b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(min-width:1601px){.elementor-55355 .elementor-element.elementor-element-9dde3e4 .elementor-heading-title{font-size:var( --e-global-typography-bbb426b-font-size );line-height:var( --e-global-typography-bbb426b-line-height );letter-spacing:var( --e-global-typography-bbb426b-letter-spacing );word-spacing:var( --e-global-typography-bbb426b-word-spacing );}.elementor-55355 .elementor-element.elementor-element-fb439cc{--grid-auto-flow:row;}}@media(max-width:1180px){.elementor-55355 .elementor-element.elementor-element-494dbaf{--padding-top:180px;--padding-bottom:120px;--padding-left:30px;--padding-right:30px;}.elementor-55355 .elementor-element.elementor-element-9dde3e4{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-55355 .elementor-element.elementor-element-9dde3e4 .elementor-heading-title{font-size:var( --e-global-typography-bbb426b-font-size );line-height:var( --e-global-typography-bbb426b-line-height );letter-spacing:var( --e-global-typography-bbb426b-letter-spacing );word-spacing:var( --e-global-typography-bbb426b-word-spacing );}.elementor-55355 .elementor-element.elementor-element-fb439cc{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-55355 .elementor-element.elementor-element-494dbaf{--padding-top:120px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-55355 .elementor-element.elementor-element-9dde3e4{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-55355 .elementor-element.elementor-element-9dde3e4 .elementor-heading-title{font-size:var( --e-global-typography-bbb426b-font-size );line-height:var( --e-global-typography-bbb426b-line-height );letter-spacing:var( --e-global-typography-bbb426b-letter-spacing );word-spacing:var( --e-global-typography-bbb426b-word-spacing );}.elementor-55355 .elementor-element.elementor-element-fb439cc{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for heading, class: .elementor-element-9dc6ff7 *//* FOUNDATION HOVER EFFECT */
.foundation-hover {
  position: relative;
  overflow: hidden;
  height: 400px; /* adjust to your section height */
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  text-align: center;
  transition: all 0.4s ease-in-out;
}

/* Overlay text (hidden initially) */
.foundation-hover::after {
  content: "Asset & License Management\nChange Request System\nClient Support Portal\nFeedback & Satisfaction Surveys\nHelpdesk Support (Unlimited Remote)\nIT Documentation Access\nKnowledge Base / Self-Help Library\nMicrosoft Licensing Management\nPatch Management\nRemote Monitoring & Management (RMM)\nUser Onboarding & Offboarding";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 32, 64, 0.8);
  color: #fff;
  opacity: 0;
  padding: 40px;
  font-size: 16px;
  white-space: pre-line; /* Keeps newlines */
  display: flex;
  justify-content: center;
  align-items: center;
  transition: opacity 0.4s ease-in-out;
}

/* Hide heading on hover */
.foundation-hover:hover h2,
.foundation-hover:hover h3 {
  opacity: 0;
  transition: opacity 0.4s ease-in-out;
}

/* Show overlay text on hover */
.foundation-hover:hover::after {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d0367c4 *//* BASE CARD */
.foundation-hover{
  position:relative;
  overflow:hidden;
  height:400px;            /* adjust */
  display:flex;align-items:center;justify-content:center;
  color:#fff;text-align:center;
}
.foundation-hover h2,
.foundation-hover h3{ z-index:2; transition:opacity .35s ease; }

/* OVERLAY LIST */
.foundation-hover::after{
  content: "Asset & License Management\A"
           "Change Request System\A"
           "Client Support Portal\A"
           "Feedback & Satisfaction Surveys\A"
           "Helpdesk Support (Unlimited Remote)\A"
           "IT Documentation Access\A"
           "Knowledge Base / Self-Help Library\A"
           "Microsoft Licensing Management\A"
           "Patch Management\A"
           "Remote Monitoring & Management (RMM)\A"
           "User Onboarding & Offboarding";
  position:absolute; inset:0; z-index:3;
  display:flex; align-items:center; justify-content:center;
  padding:28px 32px;
  background:rgba(0,30,60,.82);
  backdrop-filter:saturate(120%) blur(2px);  /* optional, looks nicer */
  opacity:0; transition:opacity .35s ease;
  white-space:pre-wrap;      /* <-- enables \A line breaks */
  text-align:left;           /* nicer for lists */
  line-height:1.5; font-size:16px; max-width:720px;
  border-radius:inherit;     /* follow your rounded corners */
}

.foundation-hover:hover::after{ opacity:1; }
.foundation-hover:hover h2,
.foundation-hover:hover h3{ opacity:0; }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0ec5abc *//* FOUNDATION HOVER EFFECT */
.foundation-hover {
  position: relative;
  overflow: hidden;
  height: 400px; /* adjust to your section height */
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  text-align: center;
  transition: all 0.4s ease-in-out;
}

/* Overlay text (hidden initially) */
.foundation-hover::after {
  content: "Asset & License Management\nChange Request System\nClient Support Portal\nFeedback & Satisfaction Surveys\nHelpdesk Support (Unlimited Remote)\nIT Documentation Access\nKnowledge Base / Self-Help Library\nMicrosoft Licensing Management\nPatch Management\nRemote Monitoring & Management (RMM)\nUser Onboarding & Offboarding";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 32, 64, 0.8);
  color: #fff;
  opacity: 0;
  padding: 40px;
  font-size: 16px;
  white-space: pre-line; /* Keeps newlines */
  display: flex;
  justify-content: center;
  align-items: center;
  transition: opacity 0.4s ease-in-out;
}

/* Hide heading on hover */
.foundation-hover:hover h2,
.foundation-hover:hover h3 {
  opacity: 0;
  transition: opacity 0.4s ease-in-out;
}

/* Show overlay text on hover */
.foundation-hover:hover::after {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-67ccdb9 */.professional-hover{
  position:relative;
  overflow:hidden;
  height:400px;
  display:flex;align-items:center;justify-content:center;
  color:#fff;text-align:center;
}
.professional-hover h2,
.professional-hover h3{z-index:2;transition:opacity .35s ease;}

/* overlay */
.professional-hover::after{
  content:"Everything in Foundation plus:\A\A"
         "Anti-Phishing Email Security\A"
         "Cloud Detection & Response (CDR)\A"
         "Dark Web Monitoring\A"
         "Endpoint Detection & Response (EDR)\A"
         "Next-Gen Antivirus (NGAV)\A"
         "O365 / Google Workspace Management\A"
         "Ransomware Detection & Response\A"
         "SaaS Backup & Recovery\A"
         "Scheduled Reports & Dashboards\A"
         "Security Awareness Training & Simulated Phishing\A"
         "SLA & Escalation Tracking";
  position:absolute;inset:0;z-index:3;
  display:flex;align-items:center;justify-content:center;
  padding:28px 32px;
  background:rgba(0,40,80,.82);
  opacity:0;transition:opacity .35s ease;
  white-space:pre-wrap;
  text-align:left;line-height:1.5;font-size:16px;max-width:720px;
  border-radius:inherit;
}
.professional-hover:hover::after{opacity:1;}
.professional-hover:hover h2,
.professional-hover:hover h3{opacity:0;}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e9065bb *//* FOUNDATION HOVER EFFECT */
.foundation-hover {
  position: relative;
  overflow: hidden;
  height: 400px; /* adjust to your section height */
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  text-align: center;
  transition: all 0.4s ease-in-out;
}

/* Overlay text (hidden initially) */
.foundation-hover::after {
  content: "Asset & License Management\nChange Request System\nClient Support Portal\nFeedback & Satisfaction Surveys\nHelpdesk Support (Unlimited Remote)\nIT Documentation Access\nKnowledge Base / Self-Help Library\nMicrosoft Licensing Management\nPatch Management\nRemote Monitoring & Management (RMM)\nUser Onboarding & Offboarding";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 32, 64, 0.8);
  color: #fff;
  opacity: 0;
  padding: 40px;
  font-size: 16px;
  white-space: pre-line; /* Keeps newlines */
  display: flex;
  justify-content: center;
  align-items: center;
  transition: opacity 0.4s ease-in-out;
}

/* Hide heading on hover */
.foundation-hover:hover h2,
.foundation-hover:hover h3 {
  opacity: 0;
  transition: opacity 0.4s ease-in-out;
}

/* Show overlay text on hover */
.foundation-hover:hover::after {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5488111 */.enterprise-hover{
  position:relative;
  overflow:hidden;
  height:400px;
  display:flex;align-items:center;justify-content:center;
  color:#fff;text-align:center;
}
.enterprise-hover h2,
.enterprise-hover h3{z-index:2;transition:opacity .35s ease;}

/* overlay */
.enterprise-hover::after{
  content:"Everything in Professional plus:\A\A"
         "Cloud Infrastructure Management (Azure / AWS)\A"
         "Compliance Framework Reporting (NIST, CMMC, HIPAA)\A"
         "Endpoint Backup & Recovery\A"
         "Executive Reporting & Compliance Summaries\A"
         "Incident Response Retainer\A"
         "Managed Detection & Response (MDR)\A"
         "Onsite Support\A"
         "Quarterly Business Reviews (QBRs)";
  position:absolute;inset:0;z-index:3;
  display:flex;align-items:center;justify-content:center;
  padding:28px 32px;
  background:rgba(0,20,40,.84);
  opacity:0;transition:opacity .35s ease;
  white-space:pre-wrap;
  text-align:left;line-height:1.5;font-size:16px;max-width:720px;
  border-radius:inherit;
}
.enterprise-hover:hover::after{opacity:1;}
.enterprise-hover:hover h2,
.enterprise-hover:hover h3{opacity:0;}/* End custom CSS */
/* Start custom CSS */.package-card {
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  border: 3px solid transparent;
  border-radius: 15px;
}

.package-card:hover {
  transform: scale(1.02);
}

.active-package {
  border-color: #00bfff;
  box-shadow: 0 0 20px rgba(0,191,255,0.5);
}/* End custom CSS */