#kaseya365-endpoint .modal-body,
#kaseya365-user .modal-body,
#kaseya365-ops .modal-body {
  padding: 0 !important;
}
.platform-bg-modal {
  background: url(../img/nmi-k-365/bg.jpg) no-repeat;
  background-size: cover;
  display: flex;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  align-items: center;
}

.landing-endpoint-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  gap: 5px;
  color: #f6f6f6;
}

.endpoint-img-container {
  grid-column: span 1;
  display: flex;
  justify-content: center;
}
.k365EndpointImg {
  width: 50%;
}

.landing-endpoint-text h4 {
  font-size: 30px;
}

.included-container {
  margin: 1rem;
}

.platform-title h2 {
  text-align: center;
  font-weight: bold;
  color: #012d6c;
}
.platform-title p {
  text-align: center;
}

.accordion-container {
  margin-top: 5rem;
}

.accordion-alignment {
  display: flex;
  gap: 1rem;
}
.included-icon {
  background-color: #012d6c;
  padding: 10px;
  color: #f6f6f6;
}
.platform-tab-pills {
  align-items: center;
  margin-top: 3rem;
  background-color: #1212;
  padding: 1rem;
}
.platform-tab-pills .tab-pills-container {
  overflow-x: scroll;
}

#kaseya365-endpoint .tab-pills-container::-webkit-scrollbar {
  display: none;
}
#kaseya365-user .tab-pills-container::-webkit-scrollbar {
  display: none;
}
#kaseya365-ops .tab-pills-container::-webkit-scrollbar {
  display: none;
}
.navlink-k365 {
  color: #012d6c !important;
  text-align: left;
  padding: 1rem !important;
  font-size: 15px !important;
}
.platform-tab-pills .nav-link.active {
  background-color: #012d6c !important;
  color: #f6f6f6 !important;
  width: 12rem;
}
.platform-tab-pills .nav-link {
  font-size: 12px !important;
  width: 12rem;
  text-align: center;
}
.tabpane-k365 {
  margin: 3rem 1rem !important;
}

.tabpane-k365 img {
  width: 100%;
}
.tabpane-k365 .tabpane-description {
  font-size: 16px;
  color: #121212;
}

.external-link-container {
  display: flex;
  align-items: center;
  margin-top: 2rem;
  font-size: 12px;
  gap: 5px;
}
.external-link-p {
  color: #012d6c;
  text-decoration: underline;
  font-weight: 500;
}
.nav-pills-k365 {
  width: 100rem;
  padding-bottom: 1rem;
}
.tab-content-k365 {
  grid-column: span 2;
}
.platform-brief-container {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  margin-top: 2rem;
  flex-direction: column;
}
.platform-brief-container img {
  width: 10rem;
}
.platform-brief-container .brief-title {
  font-size: 20px;
  color: #012d6c;
  font-weight: 500;
}
.platform-brief-container .brief-descrpition {
  font-size: 15px;
}
.brief-btn-aligment {
  display: flex;
  align-items: center;
  margin-top: 2rem;
  gap: 1rem;
}
.btn-demobtn {
  background-color: #ff6000 !important;
  color: #f6f6f6;
  border-radius: 0 !important;
}
.btn-demobtn:hover {
  background-color: #d35c12 !important;
  color: #f6f6f6 !important;
}
.btn-briefbtn {
  border: 1px solid #ff6000 !important;
  color: #ff6000;
  border-radius: 0 !important;
}
.btn-briefbtn:hover {
  background-color: #d35c12 !important;
  color: #f6f6f6 !important;
}
.endpoint-difference-container {
  padding: 2rem 0;
  background: #12121212;
}
.endpoint-difference-title {
  text-align: center;
  color: #012d6c;
  font-weight: 500;
}
.endpoint-difference-description {
  text-align: center;
}
.platform-difference {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  margin-top: 3rem;
  flex-direction: column;
}
.difference-text {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 2rem;
  order: 2;
}
.difference-text h5 {
  font-size: 20px;
  color: #012d6c;
}

.difference-text .k365-p {
  font-size: 15px;
}

.difference-text .k365-testimonial {
  font-size: 17px;
  text-align: start;
  font-weight: bold;
}
.difference-text .k365-company {
  font-size: 12px;
  margin-top: 1rem;
}
.k365-difference-img img {
  width: 20rem;
}
.k365-difference-img {
  order: 1;
}
.difference-heading {
  font-size: 22px;
  color: #012d6c;
  font-weight: bold;
}
.endpoint-cta {
  background: linear-gradient(
    0deg,
    rgba(1, 45, 108, 1) 0%,
    rgba(18, 18, 18, 0.63) 100%
  );
}
.endpoint-cta-text {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  padding: 1rem;
  flex-direction: column;
}
.endpoint-cta-text-title {
  color: #f6f6f6;
  font-size: 20px;
}
.endpoint-cta-text-description {
  color: #f6f6f6;
  font-size: 14px;
}

.platform-cta-text-btn {
  background-color: #ff6000 !important;
  color: #f6f6f6;
  padding: 10px;
  width: 10rem;
  border-radius: 0 !important;
}
.platform-cta-text-btn:hover {
  color: #f6f6f6 !important;
  background-color: #d35c12 !important;
}
.options-container {
  padding: 2rem;
}

.banner-container {
  display: flex;
  align-items: center;
}
.k365-option-card {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
.k365-option-express {
  font-size: 25px;
  color: #012d6c;
  font-weight: 500;
}
.k365-option-pro {
  font-size: 25px;
  color: #f6f6f6;
  font-weight: 500;
}
.option-card-aligment {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  margin-top: 2rem;
  flex-direction: column;
}

.option-included {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.option-included-container {
  display: flex;
  padding: 1rem;
  flex-direction: column;
  gap: 1rem;
  font-size: 13px;
}
.k365-card-express {
  box-shadow: 0 4px 6px -1px #012d6c, 0 2px 4px -2px #012d6c !important;
  border: none !important;
}
.k365-card-pro {
  box-shadow: 0 4px 6px -1px #121212, 0 2px 4px -2px #121212 !important;
  border: none !important;
  background-color: #012d6c;
  color: #f6f6f6;
}
.k365-express-img {
  width: 5rem;
}
.k365-colored-img {
  width: 5rem;
}
.express-colored-p {
  color: #ff6000;
}
.k365-option-colored {
  color: #f6f6f6;
  font-size: 25px;
  font-weight: 500;
}
.platform-landing-card {
  box-shadow: 0 4px 6px -1px #121212, 0 2px 4px -2px #121212 !important;
  border: 0 !important;
}
.included-text {
  padding: 3rem 0 0 2rem;
}