@import url("https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&display=swap");

:root {
  --dark-color: #002854;
  --blue: #00a0fb;
  --white: #fff;
  --text-white: #fff;
  --bg-white: #fff;
  --black: #000;
  --gray-color: #ebf1f8;
  --light-gray: #f0f0f0;
  --dark-gray: #8094aa;
}
body,
p,
h1,
h1,
h3,
h4,
h5,
h6,
a,
* {
  font-family: "Red Hat Display", sans-serif;
}

a {
  text-decoration: none;
  color: var(--blue);
}

h1 {
  font-size: 40px;
}
h2 {
  font-size: 24px;
}
h4 {
  font-size: 20px;
}
.sec-padding {
  padding: 50px 0;
}
.large-para {
  font-size: 24px;
  font-weight: 500;
}
.md-para {
  font-size: 18px;
}
.mw-900 {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}
.mw-800 {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
.para-lg {
  font-size: 22px;
}
.container {
  max-width: 1080px;
}

.btn-1 {
  color: var(--white);
  background: var(--blue);
  border: none;
  padding: 6px 7px 6px 18px;
  font-weight: 600;
  transition: all 0.2s ease-in-out;
}
.btn-2 {
  background: transparent;
  color: var(--blue);
  border: 1px solid var(--blue);
  padding: 5px 2px 5px 16px;
  font-weight: 600;
  transition: all 0.2s ease-in-out;
}
.btn-3 {
  background: transparent;
  color: var(--black);
  border: 1px solid var(--black);
  padding: 5px 16px;
  padding-left: 8px;
  font-weight: 600;
  transition: all 0.2s ease-in-out;
}
.btn-1:hover,
.btn-2:hover,
.btn-3:hover {
  padding-left: 12px;
}

.btn-1 i,
.btn-2 i,
.btn-3 i {
  /* font-size: 0; */
  opacity: 0;
  margin-left: -8px;
  margin-top: -4px;
  transition: all 0.2s ease;
  vertical-align: middle;
}

.btn-1:hover i,
.btn-2:hover i,
.btn-3:hover i {
  opacity: 1;
  margin-left: 4px;
}

ul {
  list-style: unset;
  padding: 0;
  margin: 0;
  padding-left: 30px;
}
ul li {
  margin-bottom: 10px;
}
/* common components css  */
.icon-card .check-icon {
  color: var(--dark-color);
}

/* topbar css  */
.top-bar {
  background: var(--dark-color);
  color: white;
  padding: 5px 0;
}
.top-bar a {
  color: white;
}

/* Navbar page css start  */
.top-bar ul {
  list-style: none;
}
.navbar ul li {
  margin-bottom: 0;
}

.navbar a {
  font-size: 18px;
  font-weight: 500;
}

.navbar .trail-btn {
  background: var(--blue);
  color: var(--white);
  padding: 3px 12px;
  font-weight: 600;
  transition: all 0.2s ease-in-out;
}
.navbar-brand {
  width: 180px;
  height: auto;
}
ul li {
  margin-bottom: 10px;
}

/* mordent printing css  */

.morden-printing {
  background: var(--gray-color);
}

.morden-printing .card-icon {
  font-size: 70px;
}

/* setup section  css  */

/* print management css  */
.printer-mngmnt {
  background: var(--gray-color);
}
.printer-mngmnt .icon-card i {
  font-size: 30px;
}

/* savign sec css  */
.saving-sec {
  background: var(--gray-color);
}

/* introducing-sec section css  */

.introducing-sec {
  background: linear-gradient(
      to right,
      var(--dark-color),
      rgba(255, 255, 255, 0.5)
    ),
    url(./images/Capture-on-iphone.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

/* secqure design  */

.secure-design {
  background: var(--gray-color);
}

.secure-design .icon-card i {
  font-size: 30px;
}

/* MSCTECH LLC Integrations css  */

.MSCTECH LLC-content-wrap {
  max-width: 800px;
  margin: 0 auto;
}
.MSCTECH LLC-content-wrap ul {
  list-style: unset;
  padding-left: 30px;
  margin-top: 15px;
}

/* trail section css */

.start-trail {
  background: linear-gradient(to right, #00a9ec, #00e78d);
  color: white;
  text-align: center;
}
.start-trail p,
.start-trail h2 {
  max-width: 800px;
  margin: auto;
  padding-bottom: 15px;
}

/* footer seciton  css  */
footer ul {
  list-style: unset;
  padding-left: 25px;
  /* color: white; */
}
footer ul li {
  margin-bottom: 12px;
}
footer {
  background: var(--dark-color);
  color: white;
}
footer ul li a {
  font-weight: 600;
  color: white;
}

footer .privacy-policy {
  margin-top: 20px;
  margin-bottom: 20px;
}
footer .social-icons li {
  height: 45px;
  width: 45px;
  background-color: #002043;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* sap printing page css start  */
.cta-2 > div {
  background: var(--gray-color);
}
.sap-MSCTECH LLC {
  background: var(--light-gray);
}
/* sap printing page css end  */

/* capture printx page css start  */
.capture-printx-banner h1 {
  font-size: 36px;
}
.scan-and-shoot {
  background: var(--gray-color);
}
/* capture printx page css End  */

/* capture printx page css start  */
.mobile-capture {
  padding: 140px 0;
  background: url(./images/Capture-on-iphone-2.jpg);
}
.mobile-capture .content {
  background: var(--light-gray);
}
/* capture printx page css end  */

/* Chrome Enterprise  css start  */
.chrome-sec-2 {
  background: var(--gray-color);
}
.chrome-sec-4 {
  background: var(--gray-color);
}
/* Chrome Enterprise  css End  */

/* google  Cloud print start  */
.google-cloud-print-2 {
  background: var(--gray-color);
}

/* google  Cloud print End  */

/* hybrid cloud print page css start  */
.icon-card-section {
  background: var(--light-gray);
}

.icon-card-section .icon-card i {
  font-size: 60px;
  color: var(--dark-color);
}
/* hybrid cloud print page css end */

/* secure Print page css start  */

.secure-print-sec-1 p {
  font-size: 24px;
}
.app-download-sec {
  background: var(--gray-color);
}
.phone-cta-3 {
  color: var(--text-white);
  padding: 200px 0;
  background: url(images/secure-pull-printing.jpg) no-repeat;
  background-size: cover;
}
.secure-printing-sec-4 ul li {
  margin-bottom: 15px;
}
/* secure Print page css End  */

/* Avd printing page css start  */
.avd-printing-sec-2 {
  background: var(--light-gray);
}
.avd-riont-sec-3 i {
  font-size: 50px;
}
.avd-riont-sec-3 .icon-box img {
  height: 60px;
  width: auto;
}

.avd-sec-6 .img-wrapper {
  max-width: 322px;
  height: auto;
}

/* Avd printing page css end  */

/* enterprise print page css start      */
.enterprise-print-sec-2 {
  background: var(--gray-color);
}

.entprise-sec-3 .card-icon {
  font-size: 60px;
}
.enterprise-print-5 {
  background: var(--light-gray);
}
.enterprise-print-5 .icon-card i {
  font-size: 30px;
}

.enterprise-print-5 {
  background: var(--light-gray);
}
.enterprise-print-6 {
  background: var(--gray-color);
}

.enterprise-print-6 .icon-card i {
  font-size: 60px;
}

/* enterprise print page css end     */

/* printing for business page css start  */
.printx-business-3 {
  background: var(--light-gray);
}
/* printing for business page css End   */

/* Education Printing  page css  start */
.education-printing-3 {
  background: var(--light-gray);
}
.education-printing-4 {
  background: var(--dark-gray);
  color: var(--text-white);
}
/* Education Printing  page css  End */

/* non-profits printing  page css start  */
.non-profits-printing-3 {
  background: var(--light-gray);
}
.non-profits-printing-4 .icon-wrapper {
  font-size: 60px;
}
.non-profits-printing-4 h5 {
  font-size: 16px !important;
}

/* non-profits printing  page css End  */

/* About page css start   */
.about-us-3 {
  background: var(--light-gray);
}
.about-us-3 .img-wrapper {
  filter: grayscale(1.5);
}

/* About page css End   */

/* customer-story-2 page css start  */
.customer-story-2 h5 {
  font-size: 18px;
}
/* customer-story-2 page css end  */

/* meeting-data-security page css start   */

.meeting-data-security-1 h1 {
  font-size: 28px;
}
.meeting-data-security-3 {
  background: var(--light-gray);
}

/* meeting-data-security page css end   */

/* faq page css start   */

.faq-1 h1 {
  font-size: 28px;
}
.faq-2 .accordion-header button {
  color: var(--blue);
  font-size: 18px;
  font-weight: 600;
}
.faq-2 .accordion-item {
  border: none;
  margin-bottom: 30px;
}

.faq-2 button.accordion-button {
  background: transparent !important;
  border-bottom: 0px !important;
}

/* faq page css end   */

/* get demo page css start   */
.get-demo {
  background: var(--light-gray);
}

/* get demo page css End   */

/* msp partner page css start  */
.msp-partner-1 {
  background: var(--light-gray);
}

.msp-partner-3 i {
  font-size: 30px;
  color: var(--dark-color);
}
/* msp partner page css End  */

/* testimonial card css  */

.testi-card .title-line {
  color: var(--blue);
}
.testi-card {
  background: var(--light-gray);
}

.testi-card .img-wrapper {
  height: 80px;
  width: auto;
}
.testi-card .img-wrapper img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.security-privacy {
  background: var(--dark-gray);
  color: white;
}
.security-privacy .card-icon i {
  font-size: 35px;
}

/* navbar css start  */

/* Dropdown hover open */

.navbar .dropdown:hover .dropdown-menu {
  display: block;
  margin-top: 0;
}
.navbar .dropdown-toggle::after {
  display: none;
}

.navbar .dropdown-menu a {
  /* padding-left: 40px;  */
  transition: all 0.3s ease;
}

.navbar .dropdown-menu a:hover {
  background-color: #f0f0f0;
  padding-left: 25px;
  color: var(--blue);
}

.navbar .dropdown-menu {
  border: none;
  box-shadow: none;
  box-shadow: #dad9d9 0px 0px 10px 0px;
}
.dropdown-menu.show {
  margin-top: 30px;
}
.navbar .dropdown-menu a {
  font-size: 16px;
  margin: 14px 0;
}

.navbar {
  border-bottom: 1px solid var(--blue);
}

/* navbar css end  */

@media only screen and (max-width: 992px) {
  h1 {
    font-size: 28px;
  }
}
@media only screen and (max-width: 768px) {
  .navbar .navbar-brand {
    width: 140px;
    height: auto;
  }
}

footer h2 {
  font-size: 19px;
  font-weight: 700;
}
.footer ul li a {
  font-size: 15px;
}
.navbar ul li a {
  color: #000;
  font-weight: 700;
}
.navbar ul li a i {
  font-size: 10px;
}
.privacy-policy,
.copyright {
  font-size: 13px;
}
.get-started {
  border: 1px solid white;
}