/*css file starts*/
@import url("https://use.typekit.net/tig5thq.css");

@font-face {
  font-family: "Helvetica";
	src: url("/content/dam/intelligentcontent/unbranded/azdigitalhub/fonts/Helvetica.woff") format("woff");
	font-style: normal;
	font-stretch: normal;
}

@font-face {
  font-family: "Helvetica Neue";
	src: url("/content/dam/intelligentcontent/unbranded/azdigitalhub/fonts/HelveticaNeue.woff") format("woff");
	font-style: normal;
	font-stretch: normal;
}

.cmp-searchMedicalConnect__result-details .save-msl-container {
  display: none;
}

a {
  color: #3c4242;
}

.cmp-experiencefragment.cmp-experiencefragment--creative-handover {
  background: white;
}

.ol-space {
  margin-top: 0px !important;
}

.email-text {
  margin-bottom: 64px;
}

/*exit ramp*/

.modal--visible {
  visibility: visible !important;
  opacity: 1 !important;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 11053 !important;
  display: flex;
  visibility: hidden;
  flex-direction: column;
  align-items: center;
  -webkit-overflow-scrolling: touch;
  background: rgba(0, 0, 0, 0.85) !important;
  opacity: 0;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: pointer;
}

.exit-ramp-modal,
.exit-ramp-modal {
  background: rgba(0, 0, 0, 0.9) !important;
}

div.exit-ramp-modal .modal-box,
.modal-box {
  position: relative;
  flex-shrink: 0;
  margin-top: auto;
  margin-bottom: auto;
  max-width: 820px;
  width: 100%;
  border-radius: 4px;
  background-color: #fff;
  background-size: cover;
  opacity: 1;
  cursor: auto;
  will-change: transform, opacity;
}

/*#resources_for_u div.exit-ramp-modal .modal-box{
    max-width:1400px;
}*/
.modal--visible .modal-box,
.modal--visible .modal-box {
  -webkit-animation: scale 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards;
  animation: scale 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards;
}

.modal__close,
.modal__close {
  position: fixed;
  top: 38%;
  right: 31%;
  z-index: 1000;
  padding: 0;
  width: 2rem;
  height: 2rem;
  border: none;
  background-color: transparent;
  color: #fff;
  cursor: pointer;
}

.exit-ramp-modal .modal__close .modal__closeIcon:before,
.exit-ramp-modal .modal__close .modal__closeIcon:before {
  content: "\00d7";
  color: #9b0054;
  font-family: "Franklin Gothic Condensed", Sans-Serif;
  font-size: 53px;
}

.modal__close .modal__closeLabel,
.modal__close .modal__closeLabel {
  display: none;
}

.exit-ramp-modal::before,
.exit-ramp-modal::before {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.exit-ramp-modal .modal-box__content,
.exit-ramp-modal .modal-box__content {
  padding: 0;
}

.exit-ramp-modal .exit-ramp-title,
.exit-ramp-modal .exit-ramp-title {
  padding: 60px 30px 30px 30px;
  color: black;
  font-family: "Franklin Gothic Condensed", Sans-Serif;
  font-size: 33px;
  text-align: left;
}

.exit-ramp-modal .exit-ramp-title {
  line-height: 33px;
}

.exit-ramp-modal .exit-ramp-body,
.exit-ramp-modal .exit-ramp-body {
  padding: 0 30px;
  color: black;
  font-size: 16px;
  line-height: 24px;
  font-family: "Arial", "sans-serif";
}

.exit-ramp-modal .exit-ramp-actions,
.exit-ramp-modal .exit-ramp-actions {
  margin-top: 1em;
  padding: 1.5em;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.exit-ramp-modal .exit-ramp-continue,
.exit-ramp-modal .exit-ramp-cancel,
.exit-ramp-modal .exit-ramp-continue,
.exit-ramp-modal .exit-ramp-cancel {
  border-radius: 0;
  min-width: 100px;
}

.exit-ramp-modal .exit-ramp-continue,
.exit-ramp-modal .exit-ramp-cancel,
.exit-ramp-modal .exit-ramp-continue,
.exit-ramp-modal .exit-ramp-cancel {
  text-shadow: none;
  float: left;
  margin-right: 20px;
  cursor: pointer;
  opacity: 1;
  text-decoration: none;
  background: #830051;
  color: #fff;
  padding: 13px 11px;
  width: 125px;
  border-radius: 4px;
  margin-left: 10px;
  font-family: "Arial", "sans-serif";
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}

.exit-ramp-modal .exit-ramp-cancel {
  display: block;
}

.exit-ramp-modal .exit-ramp-continue:hover,
.exit-ramp-modal .exit-ramp-continue:hover {
  color: #fff;
}

.exit-ramp-modal .exit-ramp-cancel:hover,
.exit-ramp-modal .exit-ramp-cancel:hover {
  color: #fff;
}

.exit-ramp-modal .modal__close svg,
.exit-ramp-modal .modal__close svg {
  display: none;
}

/**/
#nav-container {
  position: fixed;
  width: 100%;
  top: 0px;
	/* left: 0px; */
  z-index: 9999;
  background: #fff;
}

/*.exit-ramp-modal.modal--visible {*/
/*  display: none;*/
/*}*/
.none-content {
  display: none;
}

h1,
h2,
h3,
h4 {
  font-family: "Lexia", "Times New Roman", "Times", "serif";
	font-weight: 400;
}

h5 {
  font-family: "Arial", "sans-serif";
  font-weight: 500;
}

p,
a,
ul,
li {
  font-family: "Arial", "sans-serif";
  font-weight: 400;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 80px;
}

body {
  color: #3c4242;
  font-family: "Arial", "sans-serif";
  font-weight: 400;
  padding-top: 90px;
}

#az-logo {
  width: 184px;
  margin-top: 30px;
  float: left;
}

#az-icon {
  width: 36px;
  float: left;
  margin-top: 28px;
}

#main-container {
  max-width: 1108px;
  margin: 0 auto;
}

#head-text h1 {
  font-size: 48px;
  line-height: 60px;
  margin-bottom: 8px;
}

#head-text p {
  font-size: 24px;
  line-height: 28px;
  font-family: "Lexia", "Times New Roman", "Times", "serif";
  ;
	font-weight: 400;
}

#nav-container {
  box-shadow: 0 3px 10px rgb(0 0 0 / 20%);
}

#getting-started h2 {
  font-size: 39px;
  color: #3c4242;
  margin-top: 52px;
}

#getting-started p {
  font-size: 16px;
  color: #3c4242;
  margin-top: -23px;
}

#getting-started {
  text-align: center;
}

#getting-started-grid {
  background-color: #f8f8f8;
}

.home-cards .card {
  box-shadow: 0 3px 10px rgb(0 0 0 / 20%);
  padding: 16px;
  text-align: center;
  width: 264.75px;
  height: 269px;
}

.home-cards .row:after {
  content: "";
  display: table;
  clear: both;
}

.home-cards img {
  width: 30px;
  float: left;
}

.home-cards h3 {
  margin-top: 45px;
  width: 215px;
  height: 34px;
  font-size: 31.25px;
  text-align: left;
  color: #3c4242;
}

.home-cards p {
  text-align: left;
  margin-top: 50px;
  color: #3c4242;
  padding-bottom: 64px;
}

.home-cards {
  max-width: 1108px;
  margin: 0 auto;
  margin-top: 17px;
  padding-bottom: 58px;
}

.digital-channel-cards img {
  border-radius: 8px 8px 0px 0px;
  height: 214px;
}

.digital-channel-cards .card {
  height: 428px;
  border: 1px solid #dfdfdf;
  border-radius: 8px;
}

.digital-channel-cards .row:after {
  content: "";
  display: table;
  clear: both;
}

/*.digital-channel-cards .column {
      float: left;
      padding-right: 10px;
      padding-top: 102px;
    }*/
.digital-channel-cards li {
  padding: 10px 16px 10px 16px;
  color: #d0006f;
}

.digital-channel-cards li:first-child {
  font-size: 25px;
  line-height: 28px;
  color: #3c4242;
}

#digital-channels #omnichannel p {
  margin-top: 0 !important;
}

#foun p {
  padding-top: 0px;
}

#omnichannel-container {
  margin-top: 25px;
  border: 1px solid #dfdfdf;
  border-radius: 8px;
  margin-bottom: 60px;
}

#omnichannel h4 {
  font-size: 25px;
  line-height: 28px;
  color: #3c4242;
}

#digital-channels {
  max-width: 1108px;
  margin: 0 auto;
  padding-top: 20px;
}

#digital-channels h2 {
  font-size: 39px;
  color: #3c4242;
  margin-bottom: 22px;
}

#digital-channels p {
  color: #3c4242;
  font-size: 16px;
}

.footer-section {
  max-width: 1181px;
	/*max-width: 1108px;*/
  margin: 0 auto;
}

.az-image {
  padding-top: 40px;
  width: 184px;
}

.last-updated {
  padding-top: 51px;
  color: #3c4242;
  font-size: 12.8px;
  line-height: 19px;
  width: 240px;
}

.footer-links {
  float: right;
  display: flex;
  clear: none;
}

.footer-links li {
  font-size: 16px;
  line-height: 24px;
  padding: 7px 15px 7px 15px;
  white-space: nowrap;
}

.footer-links li a:hover {
  text-decoration: none;
}

.footer-links li a {
  color: #3c4242;
}

#accessible-page #footer-fragment,
#accessible-page .cmp-experiencefragment--footer,
#omnichannel-page #footer-fragment,
#omnichannel-page .cmp-experiencefragment--footer,
#iconography-page #footer-fragment,
#iconography-page .cmp-experiencefragment--footer,
#spacing-page .cmp-experiencefragment--footer {
  margin-top: 0px;
}

#responsive-grid-page #footer-fragment,
#responsive-grid-page .cmp-experiencefragment--footer {
  margin-top: 75px;
}

#spacing-page #footer-fragment,
#spacing-page .cmp-experiencefragment--footer {
  padding-top: 10px;
}

#foundation-page #footer-fragment,
#foundation-page .cmp-experiencefragment--footer {
  background: #f8f8f8;
  padding-bottom: 88px;
  padding-top: 4px;
}

.light-background,
#integration-channels,
#integration {
  background-color: #f8f8f8;
}

.typo-para {
  max-width: 720px;
  padding-bottom: 27px !important;
}

.typo-2 {
  max-width: 720px;
}

#typo h3 {
  margin-bottom: 10px;
}

#body h5 {
  padding: 0;
}

.main-banner p {
  padding-top: 5px;
  padding-bottom: 5px;
}

div#acessible-para-2 p {
  max-width: 853px;
}

.pink-text {
  color: #830051;
}

div#accessible-heading {
  margin-bottom: 10px;
}

.pink-text a {
  color: #830051;
}

.spot-light-section {
  padding-top: 35px;
}

.pink-text-2,
.pink-text-2 a {
  color: #d0006f;
}

#responsive-page .pink-text-2 {
  font-size: 16px;
  line-height: 24px;
}

.respon-para {
  padding-top: 12px;
}

.tags-part p {
  padding-left: 15px;
  padding-right: 10px;
  font-size: 12.8px;
  line-height: 19px;
}

.tags-part {
  padding-top: 20px;
}

.learn-more {
  padding-top: 70px !important;
}

.spot-light-section-2 .tags-part {
  padding-top: 0px;
  padding-bottom: 20px;
}

.spot-light-section-2 .DSA-section .learn-more {
  padding-top: 80px;
}

.flex-layout-all {
  display: flex;
}

.spot-light-section-2 {
  padding-top: 90px;
}

#color-page h2 {
  margin-bottom: 16px;
}

#websites-tab .cmp-tabs__tablist li:before {
  display: block;
  height: 57px;
  width: 50px;
  content: " ";
  background-repeat: no-repeat;
  margin: 0px auto 7px;
}

#websites-tab-item-19fca2f701-tab:before,
#websites-tab-item-7f60612e29-tab:before,
#websites-tab-item-72b4a3da8d-tab:before {
  background: url(/content/dam/intelligentcontent/unbranded/azdigitalhub/images/global/Gem.png);
  height: 43.75px !important;
  margin: 0px auto 13px !important;
}

#websites-tab-item-abb000e80d-tab:before {
  background: url(/content/dam/intelligentcontent/unbranded/azdigitalhub/images/global/people-icon.png);
}

#websites-tab-item-12a77e49d7-tab:before {
  background: url(/content/dam/intelligentcontent/unbranded/azdigitalhub/images/global/hat-2.png);
}

#websites-tab-item-9fc5d1c446-tab:before {
  background: url(/content/dam/intelligentcontent/unbranded/azdigitalhub/images/global/square-connector.png);
  width: 44.44px !important;
  height: 43.75px !important;
  margin: 0px auto 12px !important;
}

#websites-tab-item-7191a6116a-tab:before {
  background: url(/content/dam/intelligentcontent/unbranded/azdigitalhub/images/global/Flag.png);
  height: 50px !important;
}

#websites-tab-item-752ffdee4c-tab:before {
  background: url(/content/dam/intelligentcontent/unbranded/azdigitalhub/images/global/card-open.png);
}

#websites-tab-item-644d7ae2f6-tab:before {
  background: url(/content/dam/intelligentcontent/unbranded/azdigitalhub/images/global/review-image.png);
}

#websites-tab-item-18d8269bfa-tab:before {
  background: url(/content/dam/intelligentcontent/unbranded/azdigitalhub/images/global/email-search.png);
}

#websites-tab-item-38f080a28a-tab:before {
  background: url(/content/dam/intelligentcontent/unbranded/azdigitalhub/images/global/measure.png);
}

#websites-tab-item-be2b986c44-tab:before {
  background: url(/content/dam/intelligentcontent/unbranded/azdigitalhub/images/global/Display.PNG);
  display: block;
  height: 60px;
  width: 75px !important;
  margin: 0px auto !important;
  content: " ";
  background-repeat: no-repeat;
}

#websites-tab-item-215fb807a7-tab:before,
#websites-tab-item-700cd544f3-tab:before,
#websites-tab-item-d009685baf-tab:before {
  background: url(/content/dam/intelligentcontent/unbranded/azdigitalhub/images/global/code-slash.png);
  height: 50px !important;
}

#websites-tab-item-ef685f8898-tab:before {
  background: url(/content/dam/intelligentcontent/unbranded/azdigitalhub/images/global/graph.png);
}

#websites-tab-item-6fe2bd293d-tab:before,
#websites-tab-item-608632f724-tab:before {
  background: url(/content/dam/intelligentcontent/unbranded/azdigitalhub/images/global/Lightning.png);
  display: block;
  height: 50px !important;
  width: 35px;
  margin: 0px auto;
  content: " ";
  background-repeat: no-repeat;
}

#websites-tab .cmp-tabs ol {
  justify-content: space-between;
  border-bottom: 1px solid #dfdfdf;
}

.template-download {
  border: 1px solid #830051;
  padding: 10px;
  border-radius: 5px;
}

.template-download img {
  position: relative;
  top: 12px;
}

.process-list li {
  font-size: 16px;
  line-height: 18px;
  list-style-type: disc;
  padding-left: 34px;
  padding-top: 2px;
  padding-bottom: 2px;
  text-indent: -21px;
}

.key-partners {
  font-weight: bold;
  padding-top: 25px;
}

p.pink-text.tab-footer {
  padding-top: 11px;
  padding-bottom: 11px;
}

.tab-parts .process-list {
  padding-bottom: 18px;
}

.cmp-tabs__tab {
  font-size: 16px;
  line-height: 24px;
}

.cmp-tabs__tab--active {
  border-color: #d0006f !important;
  color: #830051;
}

.technical-items h5 {
  margin: 0px;
  padding-top: 17px;
  padding-bottom: 10px;
}

.technical-items {
  border: 1px solid #dfdfdf;
  border-radius: 8px;
  width: 33%;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 20px;
  padding-top: 5px;
}

.technical-items img {
  float: right;
}

.technical-owner>p {
  padding-bottom: 30px;
}

.technical-owner {
  padding-top: 60px;
  padding-bottom: 100px;
}

.technical-items>h3 {
  margin-bottom: 20px;
}

.best-practices {
  padding-top: 20px;
  padding-bottom: 63px;
}

.component-footer {
  padding: 10px 0px 10px 20px;
}

.compo-sub-parts a>div {
  border: 1px solid #dfdfdf;
  border-radius: 8px;
}

.component-footer h5 {
  margin: 0px;
  padding: 0;
}

.compo-sub-parts img {
  border-radius: 8px;
}

.design-kit {
  background: #3c4242;
  border-radius: 8px;
  padding-top: 32px;
  padding-bottom: 25px;
}

.adobe-xd a {
  border: 1px solid white;
  padding: 10px;
  border-radius: 8px;
  margin-right: 10px;
}

.adobe-xd img {
  position: relative;
  top: 10px;
}

.adobe-xd span {
  color: #fff;
  padding-left: 15px;
  font-size: 20px;
  line-height: 30px;
  position: relative;
  top: 2px;
}

.integration-item {
  width: 32%;
  border: 1px solid #dfdfdf;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 3px 10px rgb(0 0 0 / 20%);
  padding: 20px;
}

.ideo-items {
  width: 349px;
  height: 312px;
  padding: 20px 20px 0px 20px;
  background: #f8f8f8;
  box-shadow: 0px 2px 4px rgb(60 66 66 / 8%);
  border-radius: 8px;
}

.ideo-content {
  max-width: 300px;
}

#ideo .main-banner h2 {
  padding-top: 0;
  margin-bottom: 10px;
}

#ideo h4 {
  margin-bottom: 16px;
  margin-top: 16px;
}

.pink-space {
  padding-top: 28px;
}

.ideo-2 {
  margin-top: 16px;
}

.ideo-row {
  padding-bottom: 50px;
  padding-top: 50px !important;
}

.green-text {
  color: #28a745;
  font-weight: 700;
  padding-top: 10px;
  padding-bottom: 10px;
}

.integration-item img {
  width: 22px;
  height: 19px;
}

.integration-content h5 {
  margin: 0px;
}

.az-essentials a {
  background: #830051;
  color: #fff;
  padding: 10px;
  border-radius: 8px;
  font-size: 20px;
  line-height: 30px;
}

.creative-container h2 {
  margin-bottom: 10px;
}

.text-center {
  text-align: center;
}

#search-result .searchbox {
  display: none;
}

#main-top-navigation button {
  cursor: pointer;
  background: none;
}

.searchbox .cmp-searchbox__field i {
  visibility: visible;
}

.searchbox label {
  display: none;
}

.cmp-user-az__base .fa-user:before {
  content: " " !important;
  background: url(/content/dam/intelligentcontent/unbranded/azdigitalhub/images/global/logout.png) !important;
  display: block !important;
  height: 45px !important;
  width: 45px !important;
  background-repeat: no-repeat !important;
}

.cmp-user-az__base .active.fa-user:before {
  content: " " !important;
  background: url(/content/dam/intelligentcontent/unbranded/azdigitalhub/images/global/login.jpg) !important;
  display: block !important;
  height: 45px !important;
  margin-top: -10px;
  width: 45px !important;
  background-repeat: no-repeat !important;
}


/*#library .cmp-user-az__base .fa-user:after {
    content: "Register" !important;
    border: 1px solid #FFFFFF;
    border-radius: 3px;
    padding: 11px 5px;
    width: 61px !important;
}*/

.user .cmp-user-az__base {
  border-left: none;
  border-right: none;
}

#search-button .fa-search:before {
  content: " ";
  background: url(/content/dam/intelligentcontent/unbranded/azdigitalhub/images/global/Search.png);
  display: block;
  height: 28px;
  width: 29px;
  background-repeat: no-repeat;
  margin-left: 30px;
}

#search-button .fa-remove:before {
  font-size: 45px;
	/* margin-left: 4.5px;*/
  margin-left: 23.5px;
}

#main-container .searchbox .cmp-searchbox__field .fa-search:before {
  content: " ";
  background: url(/content/dam/intelligentcontent/unbranded/azdigitalhub/images/global/home-page-search.png);
  display: block;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
}

#components-header .cmp-teaserlist__item,
#email-components .cmp-teaserlist__item {
  background: none;
  padding: 0px !important;
  border: 1px solid #dfdfdf;
  border-radius: 8px;
}

#components-header .cmp-teaserlist__item img,
#email-components .cmp-teaserlist__item img {
  border-radius: 8px;
}

#components-header .cmp-teaserlist__item a:after,
#email-components .cmp-teaserlist__item a:after {
  content: " ";
}

#components-header .cmp-teaserlist__item span,
#email-components .cmp-teaserlist__item span {
  padding-left: 20px;
}

.searchMedicalConnect .cmp-searchMedicalConnect__submit {
  border-radius: 4px;
}

.searchMedicalConnect .cmp-searchMedicalConnect__submit button {
  background: #830051;
  font-size: 16px;
  line-height: 24px;
}

.searchMedicalConnect .cmp-searchMedicalConnect__input {
  border-bottom: none;
  margin-bottom: 20px;
}

.cmp-searchbox .cmp-searchbox__inner .cmp-searchbox__field .cmp-searchbox__input {
  padding: 7px !important;
  font-size: 14px;
  line-height: 20px;
  font-family: "Arial", "sans-serif";
  background-color: #f8f8f8 !important;
  box-shadow: 0px 1px 2px rgb(0 0 0 / 5%);
}

.cmp-searchbox .cmp-searchbox__inner .cmp-searchbox__field {
  border: 1px solid #dfdfdf !important;
  border-radius: 6px;
  background: #f8f8f8;
}

#head-text {
  padding-bottom: 60px;
  padding-top: 25px;
}

#getting-started {
  margin-top: 64px;
}

.cmp-navigation__item-text {
  color: #3c4242;
  line-height: 24px;
}

#omnichannel .flex-layout-all {
  justify-content: space-between;
  width: 65%;
  padding-top: 20px;
}

#omnichannel .flex-layout-all li {
  padding-top: 10px;
  padding-bottom: 10px;
}

.cmp-searchMedicalConnect__result-container .item-container-col-1,
.cmp-searchMedicalConnect__result-container .item-container-col-2 {
  width: 100% !important;
}

.cmp-searchMedicalConnect {
  padding-bottom: 0px !important;
}

#components-header .cmp-teaserlist__item .cmp-teaserlist__item__title,
#email-components .cmp-teaserlist__item .cmp-teaserlist__item__title {
  font-size: 20px;
  line-height: 22px;
  font-family: "Arial", "sans-serif";
}

#components-header .cmp-teaserlist__item .cmp-teaserlist__item__description,
#email-components .cmp-teaserlist__item .cmp-teaserlist__item__description {
  font-size: 12.8px;
  line-height: 19px;
  font-family: "Arial", "sans-serif";
}

#main-top-navigation {
  display: flex;
  align-items: center;
}

.design-kit-text p,
.design-kit-text h2 {
  color: #fff;
}

#home-design-kit .width-container {
  border-radius: 0px;
  margin-top: -120px;
}

.design-kit>div {
  padding-top: 10px;
  padding-bottom: 20px;
}

.whats-new-item .badges {
  gap: 20px;
  margin-bottom: 20px;
}

.whats-new-item h4 {
  margin-top: 0px;
  margin-bottom: 10px;
}

.whats-new-item i {
  padding-bottom: 20px;
}

.whats-new-item .first-badge {
  margin-top: 30px;
}

.left-site-navigation p {
  cursor: pointer;
	/*padding: 10px;*/
  padding: 10px 10px 10px 60px;
}

.left-nav-header {
  font-size: 20px;
  line-height: 30px;
}

/*.close{
        display: none;
    }*/
.left-nav-header:after {
  content: " ";
  background: url(/content/dam/intelligentcontent/unbranded/azdigitalhub/images/global/arrow.png);
  width: 30px;
  height: 20px;
  display: inline-block;
  background-repeat: no-repeat;
  left: 119px;
  position: relative;
  top: -24px;
  transform: none;
}

.left-nav-header.opened:after {
  content: " ";
  background: url(/content/dam/intelligentcontent/unbranded/azdigitalhub/images/global/arrow.png);
  width: 30px;
  height: 20px;
  display: inline-block;
  background-repeat: no-repeat;
  left: 113px;
  position: relative;
  top: -17px;
  transform: rotate(90deg);
}

.components-left-nav .left-nav-header.opened:after,
.components-left-nav .left-nav-header:after {
  left: 180px;
}

.components-left-nav .integrations p:after {
  left: 72px;
  top: 6px;
}

.int-middle-cont {
	/*width: 80%;*/
  width: 93%;
  margin: 0px auto;
}

.int-middle-cont p {
  padding-bottom: 20px;
}

.int-middle-cont #resources p a, #customer-page #text-a63ceb8008 p a {
  word-break: break-all;
}

.components-left-nav .integrations p.opened:after {
  left: 72px;
  top: 15px;
}

.components-left-nav .integrations a {
  padding-left: 0px !important;
}

.nav-bar-items,
.lower-navigation {
  display: none;
}

.sub-nav-open {
  display: block;
}

.left-site-navigation .show.nav-bar-items {
  display: block;
}

.left-site-navigation .closed .nav-bar-items {
  display: none;
}

.inner-nav-bar-items .inner-item {
  display: none;
  padding-left: 15px;
}

.inner-header {
  font-weight: 700;
}

.inner-nav-bar-items.inner-nav-open .inner-item {
  display: block;
}

.sub-navigation.active>p {
  background: #ebefee;
}

.sub-navigation.active .lower-navigation {
  display: block;
}

.lower-navigation {
  padding-left: 15px;
}

.sub-navigation.active .lower-navigation.sub-nav-open {
  display: none;
}

.Esinophilic-section>div,
.DSA-section>div {
  border: 1px solid #dfdfdf;
  width: 97%;
  border-radius: 8px;
  height: 777px;
}

#email-page .Esinophilic-section>div,
#email-page .DSA-section>div {
  padding: 20px;
}

.spot-light-section {
  padding-bottom: 17px;
}

#integrations-tab .cmp-teaserlist__item__image,
#int-cmp .cmp-teaserlist__item__image,
#int-orc .cmp-teaserlist__item__image,
#int-mas .cmp-teaserlist__item__image {
  float: left;
  margin-bottom: 30px;
  width: 22px;
}

#integrations-tab .cmp-teaserlist__item,
#int-cmp .cmp-teaserlist__item,
#int-orc .cmp-teaserlist__item,
#int-mas .cmp-teaserlist__item {
  background: #ffffff;
  box-shadow: 0px 8px 16px rgb(60 66 66 / 15%);
  border: 1px solid #dfdfdf;
  border-radius: 8px;
}

#integrations-tab .cmp-teaserlist__item__title,
#int-cmp .cmp-teaserlist__item__title,
#int-orc .cmp-teaserlist__item__title,
#int-mas .cmp-teaserlist__item__title {
  left: 15px;
  position: relative;
  top: -1px;
  font-size: 20px;
  line-height: 22px;
  width: 87%;
  font-family: "Arial", "sans-serif";
  font-weight: 600;
  color: #3c4242;
  font-style: normal;
}

#integrations-tab .cmp-teaserlist__item__title:after,
#int-cmp .cmp-teaserlist__item__title:after,
#int-orc .cmp-teaserlist__item__title:after,
#int-mas .cmp-teaserlist__item__title:after {
  display: block;
  font-size: 16px;
  color: #28a745;
  position: relative;
  top: 8px;
  font-weight: 700;
  font-family: "Arial", "sans-serif";
}

#integrations-tab .cmp-teaserlist__item__description,
#int-cmp .cmp-teaserlist__item__description,
#int-orc .cmp-teaserlist__item__description,
#int-mas .cmp-teaserlist__item__description {
  float: right;
  position: relative;
  font-size: 16px;
  line-height: 24px;
  width: 87%;
  text-align: left;
  font-family: "Arial", "sans-serif";
}

#left-navigation-container {
  display: flex;
}

.sub-components-active a {
  font-weight: bold;
}

#left-navigation-container .components-left-nav .sub-navigation .left-link-item a {
	/*padding-left: 15px;*/
  padding-left: 0px;
}

#left-navigation-container .sub-navigation .left-link-item a {
  font-weight: 400;
  padding-left: 55px;
}

.right-nav-items li {
  border-left: 2px solid #f8f8f8;
  padding: 10px 10px 10px 20px;
}

.right-nav-items li a {
  color: #3c4242;
}

.right-active {
  border-left: 2px solid #d0006f !important;
}

.right-nav-container {
  position: fixed;
  background: #fff;
  padding-left: 16px;
}

#cmp-second-container {
  width: 90%;
  margin: 0px auto;
}

#cmp-second-container .cmp-teaserlist__item {
  background: none;
  border: 1px solid #dfdfdf;
  border-radius: 8px;
}

.connecting-channel-items {
  box-shadow: 0px 8px 16px rgb(60 66 66 / 15%);
  background: #f8f8f8;
  padding: 20px;
}

element.style {
  height: 522px;
}

#omnichannel-container img {
  border-radius: 8px 0px 0px 8px;
}

.examples-section h2 {
  margin-bottom: 5px;
}

#integration .cmp-text {
  padding: 0px;
}

.connecting-channels h2 {
  margin-bottom: 5px;
}

.connecting-channel-items h5 {
  margin-top: 0px;
  margin-bottom: 12px;
}

.connecting-channel-items h5 {
  width: 145px;
}

.channels-items div {
  box-shadow: 0px 8px 16px rgb(60 66 66 / 15%);
  padding-left: 20px;
  padding-right: 20px;
  background: #f8f8f8;
  width: 200px;
}

#omnichannel-page .channels-items div {
  width: 255px;
}

.channels-items h5 {
  margin-bottom: 10px;
  margin-top: 16px;
}

.channels-items p {
  padding-bottom: 16px;
}

.channels-container h2 {
  margin-bottom: 0px;
  margin-top: 45px;
}

#components-banner {
  background: #3c4242;
}

#components-banner h1,
.ui-component-header p,
.integration-header p {
  color: #ffff;
}

.ui-component-header,
.integration-header {
  padding-top: 25px;
  padding-bottom: 60px;
}

/*.cmp-teaserlist__item--fadein :last-child {
    margin-bottom: 0px !important;
  }*/
.cmp-teaserlist__item--fadein .cmp-teaserlist__item__description {
  margin-bottom: 17px !important;
}

/*#integrations-tab .cmp-teaserlist__item {
    padding-bottom: 10px !important;
  }*/
#integrations-tab .cmp-teaserlist__item__link::after,
#int-cmp .cmp-teaserlist__item__link::after,
#int-orc .cmp-teaserlist__item__link::after,
#int-mas .cmp-teaserlist__item__link::after {
  display: none;
}

#websites-tab .cmp-tabs__tablist {
  justify-content: space-between;
  border-bottom: 1px solid #dfdfdf;
}

#typography-page .main-banner {
  padding-top: 5px;
  padding-bottom: 0px;
}

#typography-page #typo h2 {
  margin-top: 20px !important;
}

h1.typography-head {
  font-size: 48.83px;
  line-height: 60px;
}

.typography-container h1,
.typography-container h2,
.typography-container h3,
.typography-container h4,
.typography-container h5,
.typography-container h6 {
  margin: 0;
  padding: 16px 0px 0px;
}

.typography-container p {
  margin: 0;
  padding: 8px 0px 16px;
}

.typography-container h2 {
  margin-top: 0px !important;
}

.main-banner.typography-container>div {
  display: block !important;
  width: 100%;
  padding-left: 20px;
}

.mouse-text {
  font-size: 12.8px;
  line-height: 19.2px;
}

.inner-type p {
  padding: 0px !important;
}

.inner-type {
  padding: 16px 0px;
}

p.strike {
  text-decoration: line-through;
}

p.underline {
  text-decoration: underline;
}

.nowrap {
  white-space: nowrap;
}

.market-btn {
  font-size: 16px;
  line-height: 24px;
}

.cmp-searchMedicalConnect__search-title h2 {
  font-size: 31.25px !important;
  line-height: 34px !important;
  max-width: 300px;
  margin-bottom: 16px;
}

#intro-page h3 {
  margin-bottom: 0;
  margin-top: 50px;
}

#omnichannel-page #om-img .cmp-image__image {
	/*max-width: 500%;*/
  width: auto;
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  .digital-channel-cards img {
    width: 626px;
  }

  #whats-new-page #frame-id {
    height: 880px;
  }

  .navigation-mobile.open {
    padding-bottom: 40px;
  }

  #omnichannel-page #frame-id {
    height: 523px;
  }

  #websites-tab-item-608632f724-tab {
    padding-right: 28px;
  }

  #email-page .DSA-section>div {
    height: 685px !important;
  }

  #websites-tab-item-38f080a28a-tab {
    padding-left: 82px;
    margin-right: auto;
  }

  #websites-tab-item-ef685f8898-tab {
    padding-left: 0px;
  }

  #websites-tab-item-700cd544f3-tab {
    margin-left: 16px;
  }
}

@media screen and (max-width: 500px) {
  .footer-links {
    display: inline-grid;
    float: none;
  }

  .footer-links ul {
    padding-left: 0px;
  }

  .footer-links ul:first-child,
	.footer-links ul:last-child {
    float: left;
    width: 45%;
    margin-left: -13px;
  }

  .footer-links ul:nth-child(2) {
    float: right;
    margin-left: -16px;
  }

  #websites-tab .cmp-tabs__tablist {
    justify-content: space-evenly;
  }
}

@media screen and (min-width: 375px) and (max-width:380px) {
  #foun p {
    padding-top: 10px;
  }

  #integration h2+p {
    margin-bottom: -10px;
  }

  #design-page #nav-container {
    top: -15px;
  }

  #design-page #side-nav-button {
    margin-top: -41px !important;
  }
}

@media screen and (width: 768px) {

  .modal__close,
	.modal__close {
    top: 33% !important;
    right: 31% !important;
  }
}

@media screen and (min-width: 1024px) {
  #library p:first-child {
    margin-right: 31px;
  }

  #library .cmp-user-az__base .fa-user:before {
    content: "Log In" !important;
    border: 1px solid #FFFFFF;
    border-radius: 4px;
    padding: 11px 12px;
    width: 71px !important;
    margin-top: -29px;
    /*margin-left: 88px;*/
    font-size: 16px;
    height: 43px !important;
  }

  #library .user .cmp-user-az__base .cmp-user__flyout {
    top: 61px !important;
    left: -6px !important;
    padding: 5px 11px !important;
    min-width: 100px !important;
    height: 50px;
    max-width: fit-content;
    background-color: #fff;
    box-shadow: 0 2px 14px 2px rgb(187 187 187 / 50%);
    width: auto;
  }

  #register {
    border: 1px solid #FFFFFF;
    border-radius: 3px;
    padding: 11px 5px;
    width: 61px !important;
    color: #fff;
    margin-left: 18px;
  }

  .modal__close,
	.modal__close {
    position: fixed;
    top: 36% !important;
  }
}

@media screen and (min-width: 600px) {

  .contact-us-container .col-md-12,
	.suggest-container .col-md-12 {
    width: 50% !important;
  }

  .footer-section {
    display: flex;
  }

  .footer-links ul {
    padding-left: 0px;
  }

  .footer-logo {
    width: 50%;
  }
}

@media screen and (max-width: 991px) {
  #library .cmp-user-az__base .fa-user:before {
    content: "Log In" !important;
    border: 1px solid #FFFFFF;
    border-radius: 4px;
    padding: 11px 12px;
    width: 71px !important;
    margin-top: -15px;
    font-size: 16px;
    height: 43px !important;
  }

  #library .user .cmp-user-az__base .cmp-user__flyout {
    top: 64px !important;
    left: -7px !important;
    padding: 10px !important;
    min-width: 101px !important;
    height: 51px;
    position: absolute;
  }

  #register {
    border: 1px solid #FFFFFF;
    border-radius: 3px;
    padding: 11px 5px;
    width: 61px !important;
    color: #fff;
  }

  #glossary-page td p {
    font-size: 13px !important;
    font-weight: 600;
  }

  .cmp-user-az__base .cmp-user__flyout--signedin.active {
    margin-top: -19px;
  }

  #main-top-navigation {
    height: 86px;
  }

  .cmp-searchresults__inner-container .cmp-searchresults__filters-buttons {
    margin-right: 45px;
  }

  #glossary-page td p {
    font-size: 13px;
  }

  #left-navigation-container>.container:nth-child(2) {
    margin-top: 70px;
  }

  .searchresults .cmp-searchbox .cmp-searchbox__inner .cmp-searchbox__field {
    margin-top: 45px !important;
    width: 78% !important;
  }

  #search-button .fa-remove:before {
    margin-left: 1.5px;
  }

  .cmp-user__flyout--signedout.active .azcl-button {
    margin-top: 10px;
  }

  .user .cmp-user-az__base .cmp-user__flyout {
    top: 100px !important;
    left: 62px !important;
    padding: 41px 15px 34px 10px !important;
    min-width: 203px !important;
    height: 111px;
    max-width: fit-content;
    background-color: white;
    box-shadow: 0 2px 14px 2px rgb(187 187 187 / 50%);
    position: fixed;
  }

  #design-page img {
    padding-top: 21px;
  }

  .spacing-table th:nth-child(2) {
    width: 283px;
    padding: 13px 1px 9px 2px;
  }

  #omnichannel-page #helpful {
    margin-top: 5px;
  }

  #responsive-page #mean {
    margin-top: -75px;
  }

  #responsive-page .cmp-experiencefragment--footer {
    margin-top: 65px;
  }

  #omnichannel-page #omni-content img {
    margin-top: 45px;
    margin-bottom: 30px;
  }

  .adobe-xd.class-flex {
    display: flex;
  }

  #footer-fragment,
	.cmp-experiencefragment--footer {
    background: #f8f8f8;
    padding-bottom: 88px;
    padding-top: 63px;
  }

  #omnichannel-page .integration-content p {
    margin-bottom: 11px;
  }

  .integration-content {
    padding-top: 20px;
  }

  #websites-page #frame-id,
	#email-page #frame-id,
	#omnichannel-page #frame-id {
    height: 775px;
  }

  #integration h2 {
    padding-top: 20px;
  }

  #components-header {
    padding-bottom: 80px !important;
  }

  #websites-tab,
	#find-my-technical-advisor,
	#components-header {
    padding: 0 20px;
  }

  #websites-tab-item-215fb807a7-tab,
	#websites-tab-item-215fb807a7-tab {
    margin-left: -20px;
  }

  .Esinophilic-section>div,
	.DSA-section>div {
    padding: 10px;
  }

  #websites-page .Esinophilic-section>div {
    height: 572px;
  }

  #websites-page .DSA-section>div {
    height: 816px;
  }

  #email-page .Esinophilic-section>div {
    height: 675px;
  }

  #email-page .DSA-section>div {
    height: 670px;
  }

  #websites-tab-item-d009685baf-tab {
    padding-left: 37px;
  }

  #websites-tab-item-38f080a28a-tab {
    padding-left: 61px;
  }

	/*exit-ramp*/
  .ideo-row {
    padding-top: 0px !important;
  }

  div.exit-ramp-modal .modal-box,
	.modal-box {
    max-width: 358px;
  }

  .modal__close,
	.modal__close {
    top: 25%;
    right: 11%;
  }

  #designs-design-kit .width-container {
    width: 100% !important;
  }

  #left-navigation-container .sub-navigation .left-link-item a {
    padding-left: 0px;
  }

  #intro-page .width-container {
    margin-left: 0px !important;
  }

  .left-site-navigation p {
    padding: 10px;
  }

  #search-button .fa-search:before {
    margin-left: 0;
    margin-top: 2px;
  }

  div#om-img {
    padding-bottom: 50px;
  }

  #components-banner {
    padding-top: 60px;
    padding-bottom: 40px;
  }

  #components-banner .h1-font-change {
    font-size: 36px !important;
  }

  .design-kit .adobe-xd p {
    padding-top: 30px;
  }

  .channels-items div {
    margin-bottom: 30px;
  }

  .channels-container>div {
    padding-bottom: 20px;
  }

  .connecting-header {
    padding-bottom: 25px;
  }

  .connecting-channel-items {
    margin-bottom: 30px;
  }

  .connecting-text {
    padding-bottom: 25px;
  }

  .cmp-navigation__group {
    padding-top: 20px !important;
  }

  #home-design-kit .cmp-experiencefragment--digital-kit {
    padding-left: 0px;
    padding-right: 0px;
  }

	/*  #websites-tab,
    #find-my-technical-advisor,
    .spot-light-section-text,
    .cmp-experiencefragment--digital-kit,
    #components-header p,
    #email-components p,
    #components-ui #components-tab .cmp-tabs__tablist {
    padding-left: 20px;
    padding-right: 20px;
  }*/

	/*#find-my-technical-advisor {
    margin-top: 50px;
  }*/

  .DSA-section>div {
    margin-top: 35px;
  }

  .cmp-navigation__item {
    padding: 0.2em 0 !important;
  }

  .cmp-navigation__dropdownmenu {
    display: block !important;
    padding-left: 0px;
  }

  .whats-new-item {
    margin-bottom: 50px;
  }

  .whats-new-item {
    text-align: center;
  }

  .badges {
    margin: 0px auto;
    width: 275px;
  }

  .footer-section {
    padding-left: 20px;
    padding-right: 20px;
  }

  .az-image {
    padding-top: 0px;
  }

  .design-kit>div {
    padding-bottom: 55px;
  }

  .adobe-xd.class-felx p {
    margin-top: 30px;
  }

  .digital-channel-cards .row {
    padding-top: 35px;
  }

  .digital-channel-cards .row .column:first-child {
    padding-bottom: 40px;
  }

  .cmp-searchMedicalConnect {
    padding: 0px !important;
  }

  #omnichannel .flex-layout-all {
    justify-content: space-between;
    width: 100%;
    padding-top: 10px;
  }

  #omnichannel div {
    padding-left: 15px;
    padding-right: 15px;
  }

  .home-cards .row {
    padding: 0 20px;
  }

  .home-cards .card {
    width: 100%;
    margin-bottom: 30px;
  }

  #main-container,
	#getting-started,
	#digital-channels {
    padding-left: 20px;
    padding-right: 20px;
  }

  .integration p {
    padding-bottom: 30px;
  }

  .az-essentials {
    padding-top: 30px;
  }

  .integration-item {
    width: 100%;
    margin-bottom: 20px;
  }

  .teaserlist {
    --col-count: 1 !important;
  }

  .cmp-teaserlist__base {
    padding-left: 20px !important;
    padding: 20px;
  }

  .spotlight-content .learn-more {
    padding-top: 30px;
  }

  .tags-part img {
    height: 30px;
  }

  body {
    padding-top: 27px;
  }

  .main-banner {
    padding-bottom: 35px;
  }

  .main-banner h1 {
    padding-top: 55px;
    margin-bottom: 10px;
  }

  p,
	ul,
	li {
    font-size: 16px;
    line-height: 24px;
  }

  h1 {
    font-size: 50px;
  }

  h2 {
    font-size: 32px;
  }

  h3 {
    font-size: 28px;
  }

  h4,
	#components-header p,
	#email-components p {
    font-size: 25px;
  }

  h5 {
    font-size: 19px;
  }

  .technical-items img {
    bottom: 35px;
    position: relative;
  }

  .technical-items {
    margin-bottom: 25px;
    width: 100%;
  }

  #az-logo img {
    position: relative;
    bottom: 10px;
  }

  #main-top-navigation li {
    width: 80%;
    margin: 0px auto;
  }

  #main-top-navigation .navigation-overlay.show {
    position: absolute;
    width: 100%;
    left: 0px;
    z-index: 4;
    margin-top: 53px;
    background: white;
    height: 90vh !important;
    overflow-y: scroll;
  }

  #main-top-navigation .navigation {
    order: 4;
    margin-left: auto;
    margin-right: 1em;
    margin-top: -4px;
  }

  .ic-hamburger.open .hamburger-wrapper {
    display: none;
  }

  .ic-hamburger.open::before {
    content: "\f105";
    font-family: "Font Awesome";
    color: black;
    font-size: 2em;
  }

  .ic-hamburger.open::after {
    content: "\f104";
    font-size: 2em;
    font-family: "Font Awesome";
    color: black;
    margin-left: -0.25em;
  }

  .width-container {
    padding: 0 20px;
  }

  .ic-header .cmp-navigation {
    display: none;
  }

  .ic-hamburger {
    display: block;
    position: relative;
    float: right;
    right: 10px;
  }

  #second-container .image img {
    width: 50px;
  }

  .hamburger-wrapper .hamburger-line {
    background: black;
    display: block;
    width: 30px;
    height: 3px;
    margin-bottom: 3px;
  }

  ul.creative-list li {
    list-style: disc;
  }

  .width-container-one {
    width: 100% !important;
  }

  ul.creative-list {
    padding-left: 17px !important;
  }

  p.para-space {
    padding-bottom: 10px;
  }

	/*color page*/
  .main-banner .Mulberry,
	.main-banner .Gold,
	.main-banner .body {
    display: inherit;
    width: 100%;
  }

  .berry {
    padding: 15px;
    display: block;
  }

  .color-one:last-child {
    margin-bottom: 65px;
  }

  ul li.color-one {
    margin: 0px;
    width: 100%;
    margin-right: 8px;
    text-align: center;
  }

  .mul-one {
    background: #830051;
  }

  .mul-two {
    background: #9a3374;
  }

  .mul-three {
    background: #b36697;
  }

  .mul-four {
    background: #cc99b9;
  }

  .mul-five {
    background: #e6ccdc;
  }

  .mag-one {
    background: #d0006f;
  }

  .mag-two {
    background: #da338c;
  }

  .mag-three {
    background: #e366a9;
  }

  .mag-four {
    background: #ec99c5;
  }

  .mag-five {
    background: #f6cce2;
  }

  .Lime-one {
    background: #c4d600;
  }

  .Lime-two {
    background: #d0de33;
  }

  .Lime-three {
    background: #dce766;
  }

  .Lime-four {
    background: #e7ef99;
  }

  .Lime-five {
    background: #f3f7cc;
  }

  .gold-one {
    background: #f0ab00;
  }

  .gold-two {
    background: #f3bc33;
  }

  .gold-three {
    background: #f6cd66;
  }

  .gold-four {
    background: #f9dd99;
  }

  .gold-five {
    background: #fceecc;
  }

  .blue-one {
    background: #68d2df;
  }

  .blue-two {
    background: #86dce6;
  }

  .blue-three {
    background: #a4e4ec;
  }

  .blue-four {
    background: #c3edf2;
  }

  .blue-five {
    background: #e1f6f9;
  }

  .Purple-one {
    background: #3c1053;
  }

  .Purple-two {
    background: #634075;
  }

  .Purple-three {
    background: #8a7098;
  }

  .Purple-four {
    background: #b19fba;
  }

  .Purple-five {
    background: #d8cfdd;
  }

  .navy-one {
    background: #003864;
  }

  .navy-two {
    background: #336084;
  }

  .navy-three {
    background: #6688a3;
  }

  .navy-four {
    background: #99afc1;
  }

  .navy-five {
    background: #ccd7e0;
  }

  .grap-one {
    background: #3c4242;
  }

  .grap-two {
    background: #656969;
  }

  .grap-three {
    background: #8d8f8f;
  }

  .grap-four {
    background: #b2b4b4;
  }

  .grap-five {
    background: #d8dada;
  }

  .Platinum-one {
    background: #9db0ac;
  }

  .Platinum-two {
    background: #9db0ac;
  }

  .Platinum-three {
    background: #c4cfcd;
  }

  .Platinum-four {
    background: #d8dfde;
  }

  .Platinum-five {
    background: #ebefee;
  }

  .Platinum-80 {
    background: #b1c0bd;
  }

  .lite-grey {
    background: #d2d2d2;
  }

  .off-white {
    background: #f8f8f8;
  }

  .white {
    background: #ffffff;
  }

  .color-head {
    text-align: left;
  }

  .graphite-100 {
    background: #3c4242;
  }

  .grey {
    background: #8d8f8f;
  }

  .grey-white {
    background: #d8dada;
  }

  .body-box {
    align-items: end;
  }

  #container-c11ee1e697 #integration {
    margin-top: -25px;
  }
}

@media screen and (min-width: 992px) {
  .principle-para {
    max-width: 588px;
  }

  #creative-handover-page #text-4,
	#container-50532da67b .text:nth-child(5) {
    margin-top: -68px;
  }

  #guidelines h3 {
    margin-bottom: 1px;
  }

  #modular-page #footer-fragment,
	#modular-page .cmp-experiencefragment--footer {
    margin-top: 72px;
  }

  .web-para {
    max-width: 443px;
  }

  .eos-head {
    max-width: 397px;
  }

  .eos-para {
    max-width: 397px;
  }

  .market-para {
    width: 342px;
  }

  .spot-para {
    max-width: 398px;
  }

  #footer-fragment,
	.cmp-experiencefragment--footer {
    background: #f8f8f8;
    padding-bottom: 88px;
    padding-top: 50px;
    margin-top: 64px;
  }

  .integration-content {
    padding-left: 10px;
  }

  #foundation-page .design-kit h2 {
    margin-top: 38px;
  }

  #foundation-page .integration-row {
    padding-top: 20px;
    margin-top: 16px;
  }

  #foun p {
    max-width: 588px;
    margin-top: 16px;
  }

  #anatomy {
    padding-top: 35px;
    padding-bottom: 15px;
  }

  #anatomy .class-flex {
    margin-top: -15px;
  }

  #options {
    padding-top: 10px;
  }

  .cmp-searchMedicalConnect__result-container .item-container-col-1 .profile-item-container,
	.cmp-searchMedicalConnect__result-container .item-container-col-2 .profile-item-container {
    margin-bottom: -140px !important;
  }

  #int-tab .cmp-teaserlist__item__image {
    float: left;
    margin-bottom: 30px;
  }

  #video-page .modal__close {
    top: 26%;
    right: 29%;
    background-color: white !important;
  }

  #int-tab .cmp-teaserlist__item {
    background: #ffffff;
    box-shadow: 0px 8px 16px rgb(60 66 66 / 15%);
    border: 1px solid #dfdfdf;
    border-radius: 8px;
  }

  #int-tab .cmp-teaserlist__item__title {
    left: 15px;
    position: relative;
    top: -1px;
    font-size: 20px;
    line-height: 22px;
    width: 87%;
    font-family: "Arial", "sans-serif";
    font-weight: 500;
    color: #3c4242;
    font-style: normal;
  }

  #int-tab .cmp-teaserlist__item__description {
    float: right;
    position: relative;
    font-size: 16px;
    line-height: 24px;
    width: 87%;
    text-align: left;
    font-family: "Arial", "sans-serif";
  }

  .components-left-nav.left-site-navigation p {
    padding: 10px 10px 10px 40px;
  }

  #int-cmp .text,
	#int-mas .text,
	#int-orc .text {
    padding-top: 20px;
    width: 40%;
  }

  #int-cmp>.text .cmp-text,
	#int-mas>.text .cmp-text,
	#int-orc>.text .cmp-text {
    width: 332px;
  }

  #int-cmp .teaserlist,
	#int-mas .teaserlist,
	#int-orc .teaserlist {
    padding-top: 65px;
    width: 60%;
  }

  .respon-space {
    padding-bottom: 41px !important;
  }

  .ui-component-header h1,
	.integration-header h1 {
    margin-bottom: 0px;
  }

  #components-ui #components-tab {
    padding-top: 45px;
  }

  #components-ui #email-components {
    margin-top: -56px;
    margin-bottom: -95px;
  }

  .h1-font-change {
    font-size: 48.83px;
    line-height: 60px;
  }

  #container-5b13b0cd83 {
    padding-top: 25px;
  }

  .connecting-text {
    height: 150px;
  }

  .channels-items {
    padding-top: 64px;
  }

  .channels-container {
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 64px;
  }

  .channels-container>div>p {
    width: 445px;
  }

  .channels-items {
    gap: 32px;
  }

  .connecting-channels-container {
    padding-top: 64px;
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 64px;
  }

  .connecting-channels {
    padding-top: 50px;
  }

  .connecting-header {
    width: 555px;
  }

  .connecting-channels-container {
    justify-content: space-between;
  }

  .connecting-channel-items {
    width: 23%;
  }

  #omnichannel-page .connecting-channel-items {
    width: 24%;
  }

  .DSA-section>div {
    margin-left: auto;
  }

  #websites-page #find-my-technical-advisor {
    /*padding-top: 80px;*/
    margin-bottom: -70px;
  }

  #websites-page .cmp-searchMedicalConnect {
    MARGIN-BOTTOM: 40PX;
  }

  #find-my-technical-advisor {
		/*padding-top: 50px;*/
    margin-bottom: -50px;
  }

  #page-27436e18cd #designs-design-kit {
    margin-top: 30px;
  }

  #home-design-kit {
    margin-top: 140px;
  }

  .searchMedicalConnect {
    width: 90%;
  }

  #home .searchMedicalConnect {
    margin-bottom: 100px;
  }

  #find-my-technical-advisor>div {
    display: flex;
    max-width: 1108px;
    margin: 0px auto;
  }

  #websites-tab {
    padding-bottom: 40px;
  }

	/*.tab-part-1 .process-list {
      padding-bottom: 55px;
    }*/
  #process .tabs {
    padding-top: 15px;
  }

  #process {
    padding-top: 30px;
  }

  .main-banner,
	.typography-container {
    padding-top: 20px;
    padding-bottom: 25px;
  }

  #accessible-page .main-banner {
    padding: 0;
  }

  .whats-new-section {
    padding-top: 57px;
  }

  #home-design-kit .design-kit {
    padding-top: 32px;
    padding-bottom: 25px;
  }

  #home-design-kit .width-container {
    margin-top: -44px;
  }

  #websites-tab #home-design-kit .width-container {
    margin-top: -2px;
  }

  #az-logo img {
    margin-top: -24px;
  }

  .home-cards .column {
    width: 24%;
  }

  #accordion-page #left-navigation-container>.container:nth-child(2),
	#download-page #left-navigation-container>.container:nth-child(2),
	#customer-page #left-navigation-container>.container:nth-child(2),
	#expanding-page #left-navigation-container>.container:nth-child(2),
	#footer-page #left-navigation-container>.container:nth-child(2),
	#container-page #left-navigation-container>.container:nth-child(2),
	#form-container-page #left-navigation-container>.container:nth-child(2) {
    padding-left: 44px;
  }

	/* #anatomy ol {
    margin-left: 32px;
  }*/

  #navigation-sub-page #anatomy ol {
    margin-left: 0px;
  }

  #accordion-page .cmp-accordion {
    border: 0.0625rem solid #d3d3d3;
    border-radius: 0.25rem;
    padding: 20px;
  }

  .website-tab-container {
    gap: 30px;
  }

  .intro-sections .integration-item {
    width: 49%;
    padding-right: 30px;
    margin-right: 10px;
  }

  #responsive-page .intro-sections .integration-item {
    width: 17.5%;
  }

  .intro-sections img {
    width: 40px;
    height: 40px;
  }

  .intro-sections .content {
    float: right;
    width: 362px;
  }

  .intro-sections .integration-content {
    padding-left: 15px;
  }

  .intro-sections .integration-content h5 {
    color: #3c4242;
  }

  .intro-sections .integration-content p {
    padding-top: 16px;
    color: #3c4242;
  }

  #intro-page .main-banner h1 {
    font-size: 31px;
    margin-bottom: -32px;
  }

  #intro-page .main-banner p {
    width: 542px;
  }

  #left-navigation-container {
    display: flex;
  }

  #left-navigation-container>.container:first-child {
    width: 23%;
    border-right: 1px solid #dfdfdf;
  }

  #component-middle-container {
    width: 90%;
    margin: 0px auto;
  }

  #left-navigation-container>.container:last-child {
    width: 17%;
  }

  div#helpful {
    margin-left: 0px !important;
  }

	/*#design-page-left-nav #left-navigation-container > .container:nth-child(2) {*/
	/*    width: 70%;*/
	/*}*/
  #left-navigation-container>.container:nth-child(2) {
    width: 60%;
  }

  .left-site-navigation .ui-componets,
	.integrations {
    width: 70%;
    margin: 32px auto;
  }

  .whats-new-item-2 .read-more,
	.whats-new-item-3 .read-more {
    padding-top: 55px;
  }

  .whats-new {
    justify-content: space-between;
  }

  #omnichannel div p {
    width: 336px;
  }

  #omni-image {
    height: 401px;
  }

  .home-cards .row {
    justify-content: space-between;
  }

  .footer-logo {
    width: 50%;
  }

  #home-design-kit .width-container,
	#designs-design-kit .width-container {
    max-width: 100%;
    border-radius: 0px;
  }

  #home-design-kit .width-container .class-flex,
	#designs-design-kit .width-container .class-flex {
    max-width: 1108px;
    margin: 0px auto;
  }

  #omnichannel-container {
    display: flex;
    justify-content: space-between;
  }

  #omnichannel-container .image,
	#omnichannel-container .text {
    width: 48%;
  }

  .digital-channel-cards .row {
    display: grid;
    grid-template-columns: auto auto;
    gap: 32px;
    padding-top: 64px;
  }

  .searchMedicalConnect .cmp-searchMedicalConnect__input .cmp-searchMedicalConnect__form {
    width: 100%;
  }

  .searchMedicalConnect .cmp-searchMedicalConnect__submit {
    float: right;
  }

  .searchMedicalConnect .cmp-searchMedicalConnect__submit .button-txt {
    font-family: "Arial", "sans-serif";
  }

  #components-header,
	#email-components {
    display: flex;
    max-width: 1108px;
    margin: 0px auto;
    padding-top: 45px;
    padding-bottom: 15px;
  }

  #components-header .text,
	#email-components .text {
    width: 25%;
  }

  #components-header .teaserlist,
	#email-components .teaserlist {
    width: 75%;
  }

  #container-54cc51f2f1 {
    display: flex;
		/*margin-top: 75px;*/
    ;
  }

  #container-ebf0dd83ae {
    display: flex;
    max-width: 1108px;
    margin: 0px auto;
    margin-bottom: -70px;
    margin-top: 50px;
  }

  #container-54cc51f2f1 .image {
    margin-top: 200px !important;
    flex-shrink: 2;
  }

  #find-my-technical-advisor .image {
    margin-top: 200px !important;
    flex-shrink: 2;
  }

  .cmp-searchMedicalConnect__result-container .item-container-col-1 .profile-item-container,
	.cmp-searchMedicalConnect__result-container .item-container-col-2 .profile-item-container {
    width: 276px;
    margin-top: 137px !important;
    height: 393px !important;
  }

  .cmp-searchMedicalConnect__email-container span {
    word-break: break-all;
  }

  #container-54cc51f2f1 .image,
	#container-ebf0dd83ae .image,
	#container-02d55f1f33 .image,
	#find-my-technical-advisor .cmp-container .image {
    margin-top: 60px;
  }

  .creative-container>div {
    align-items: center;
  }

  .creative-text {
    width: 80%;
  }

  .creative-text p {
    width: 500px;
  }

  .integration-row {
    justify-content: space-between;
    padding-top: 30px;
  }

  #integration .integration-1 {
    padding-top: 65px;
  }

  #integration .integration-3 {
    padding-bottom: 65px;
  }

  .creative-container {
    padding-top: 25px;
  }

  .web-space {
    padding-bottom: 64px;
  }

  .integration h2 {
		/*width: 645px;*/
		/* width: 1080px;*/
    padding-top: 55px;
    margin-bottom: 16px;
  }

  .design-kit>div {
    align-items: center;
    max-width: 1523px !important;
  }

  #omnichannel-page .design-kit-text {
    padding-bottom: 38px;
  }

  .design-kit-text {
    width: 70%;
    padding-left: 35px;
    padding-bottom: 18px;
  }

  #foundation-page .design-kit-text {
    padding-bottom: 51px;
  }

  #omnichannel-page .design-kit h2 {
    margin-top: 62px;
  }

  .design-kit h2 {
    margin-bottom: 0px;
  }

  .design-kit-text p {
    width: 343px;
  }

  .compo-row {
    padding-bottom: 30px;
  }

  #components .compo-section {
    margin: 0px auto;
  }

  #components .compo-sub-parts {
    width: 31%;
  }

  .compo-section {
    width: 70%;
    justify-content: space-between;
  }

  .compo-section>div {
    justify-content: space-between;
  }

  .components h4 {
    width: 25%;
    margin-top: -8px;
  }

  h1 {
    font-size: 96px;
    line-height: 100px;
  }

  h2 {
    font-size: 39.06px;
    line-height: 48px;
  }

  h3 {
    font-size: 31.25px;
    line-height: 34px;
  }

  h4,
	#components-header p,
	#email-components p {
    font-size: 25px;
    line-height: 28px;
  }

  h5 {
    font-size: 20px;
    line-height: 22px;
  }

  .best-sections div {
    width: 33%;
    padding-right: 30px;
  }

  .technical-owner>div {
    justify-content: space-between;
    width: 80%;
  }

  .tab-header {
    font-size: 20px;
    line-height: 22px;
    margin-top: 10px;
    margin-bottom: 25px;
  }

  .tab-parts {
    max-width: 370px;
    margin-right: auto;
  }

  .cmp-navigation__dropdownmenu {
    border: 1px solid #dfdfdf;
    margin-top: 9px;
    box-shadow: 0 3px 10px rgb(0 0 0 / 20%);
  }

  .cmp-navigation__item {
    cursor: pointer;
  }

  .cmp-navigation__item:hover .cmp-navigation__dropdownmenu,
	.cmp-navigation__item:focus .cmp-navigation__dropdownmenu,
	.cmp-navigation__item:active .cmp-navigation__dropdownmenu {
    display: block;
    position: absolute;
    z-index: 3;
    background: white;
    padding: 5px 5px 5px 5px;
    border-radius: 5px;
  }

  .cmp-navigation__item--level-1 {
    padding: 5px 0px 5px 0px !important;
  }

  .spot-light-section-text {
    padding-left: 32px;
    padding-right: 32px;
  }

  .spot-light-section-2>div {
    width: 50%;
  }

  .spot-light-section {
    gap: 32px;
  }

  .spotlight-image {
		/*width: 55%;*/
    height: 432px;
    width: 70%;
  }

  .spotlight-content {
    width: 45%;
  }

  .class-flex {
    display: flex;
  }

  p,
	ul,
	li,
	.acc-btn,
	.acc-btn-one {
    font-size: 16px;
    line-height: 24px;
  }

  .main-banner .sub-section {
    margin-top: 60px;
    padding-left: 30px;
    padding-bottom: 65px;
  }

  .width-container,
	#websites-tab,
	#components-tab,
	#integrations-tab,
	#other-example-tab,
	#channel-sec,#options,
	#resources,
	#overview,
	#pointerproReportingAccess,
#pointerproSelfService,
#pointerproDemandDelivery,
#inuse,
	.teaserlist.list {
    max-width: 1108px;
    margin: 0px auto;
  }

  #int-cmp,
	#int-orc,
	#int-mas {
    max-width: 1108px;
    margin: 0px auto;
    display: flex;
  }

  .main-banner>div {
    display: flex;
    width: 75%;
  }

  #main-top-navigation {
		/*max-width: 1176px;*/
    max-width: 1825px;
    margin: 0 auto;
    height: 94px;
    display: flex;
  }

  #second-container .cmp-navigation__group {
    padding-top: 17px;
    margin-left: auto;
  }

  #logged-out {
    width: 45px;
    height: 45px;
    margin-top: 16px;
  }

  .navigation {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-left: auto;
  }

  #search-icon {
    width: 24px;
    margin-left: 14px;
    margin-top: 21px;
  }

  #second-container {
    display: flex;
    align-items: center;
  }

  .cmp-navigation__item {
    font-family: "Arial", "sans-serif";
    font-size: 16px;
    font-weight: 400;
  }

  .cmp-navigation__item-link:hover {
    text-decoration: none;
  }

  .examples-section {
    margin-top: 65px;
  }

  ul.creative-list {
    padding-left: 24px !important;
    margin-bottom: 22px !important;
  }

  ul.creative-list li {
    list-style: disc;
  }

  p.para-space {
    padding-bottom: 20px;
  }

	/*color page*/
  #color h3 {
    margin-bottom: 0;
    margin-top: 60px;
  }

  .main-banner.width-container.clr-space {
    padding-top: 0;
  }

  #international-design-page h3 {
    margin-bottom: 10px;
  }

  #color .main-banner {
    padding-bottom: 80px;
  }

  #color h5 {
    margin-bottom: 16px;
    margin-top: 16px;
  }

  #color p.sub-header {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .back-head {
    margin-top: 30px !important;
  }

  .main-banner .Mulberry,
	.main-banner .Gold,
	.main-banner .body {
    display: inherit;
    width: 100%;
    margin-top: 24px;
  }

  .berry {
    padding: 32px;
		/*width: 100%;
        max-width: 177px;*/
    display: block;
  }

  ul li.color-one {
    margin: 0px;
    width: 100%;
    margin-right: 4px;
    text-align: center;
  }

  #websites-page #integration {
    margin-top: 2px;
    padding: 0 20px;
  }

  .mul-one {
    background: #830051;
  }

  .mul-two {
    background: #9a3374;
  }

  .mul-three {
    background: #b36697;
  }

  .mul-four {
    background: #cc99b9;
  }

  .mul-five {
    background: #e6ccdc;
  }

  .mag-one {
    background: #d0006f;
  }

  .mag-two {
    background: #da338c;
  }

  .mag-three {
    background: #e366a9;
  }

  .mag-four {
    background: #ec99c5;
  }

  .mag-five {
    background: #f6cce2;
  }

  .Lime-one {
    background: #c4d600;
  }

  .Lime-two {
    background: #d0de33;
  }

  .Lime-three {
    background: #dce766;
  }

  .Lime-four {
    background: #e7ef99;
  }

  .Lime-five {
    background: #f3f7cc;
  }

  .gold-one {
    background: #f0ab00;
  }

  .gold-two {
    background: #f3bc33;
  }

  .gold-three {
    background: #f6cd66;
  }

  .gold-four {
    background: #f9dd99;
  }

  .gold-five {
    background: #FCEECC;
  }

  .blue-one {
    background: #68d2df;
  }

  .blue-two {
    background: #86dce6;
  }

  .blue-three {
    background: #a4e4ec;
  }

  .blue-four {
    background: #c3edf2;
  }

  .blue-five {
    background: #e1f6f9;
  }

  .Purple-one {
    background: #3c1053;
  }

  .Purple-two {
    background: #634075;
  }

  .Purple-three {
    background: #8a7098;
  }

  .Purple-four {
    background: #b19fba;
  }

  .Purple-five {
    background: #d8cfdd;
  }

  .navy-one {
    background: #003864;
  }

  .navy-two {
    background: #336084;
  }

  .navy-three {
    background: #6688a3;
  }

  .navy-four {
    background: #99afc1;
  }

  .navy-five {
    background: #ccd7e0;
  }

  .grap-one {
    background: #3c4242;
  }

  .grap-two {
    background: #656969;
  }

  .grap-three {
    background: #8d8f8f;
  }

  .grap-four {
    background: #b2b4b4;
  }

  .grap-five {
    background: #d8dada;
  }

  .Platinum-one {
    background: #9db0ac;
  }

  .Platinum-two {
    background: #9db0ac;
  }

  .Platinum-three {
    background: #c4cfcd;
  }

  .Platinum-four {
    background: #d8dfde;
  }

  .Platinum-five {
    background: #ebefee;
  }

  .Platinum-80 {
    background: #b1c0bd;
  }

  .lite-grey {
    background: #d2d2d2;
  }

  .off-white {
    background: #f8f8f8;
  }

  .white {
    background: #ffffff;
  }

  .color-head {
    text-align: left;
  }

  .graphite-100 {
    background: #3c4242;
  }

  .grey {
    background: #8d8f8f;
  }

  .grey-white {
    background: #d8dada;
  }

  .body-box {
    align-items: end;
  }
}

@media screen and (min-width: 992px) and (max-width: 1160px) {
  .main-banner>div {
    width: 100%;
  }

  .modal__close,
	.modal__close {
    position: fixed;
    top: 41%;
    right: 19%;
  }

  #main-container,
	.home-cards,
	#digital-channels,
	#footer-fragment,
	.cmp-experiencefragment--footer,
	.width-container,
	#components-header p,
	#email-components p,
	#components-ui #components-tab .cmp-tabs__tablist {
    padding-left: 20px;
    padding-right: 20px;
  }

  #websites-page #frame-id,
  #email-page #frame-id,
  #omnichannel-page #frame-id {
    height: 586px;
  }

  .design-kit-text {
    width: 66% !important;
  }

  .home-cards .card {
    height: 265px !important;
  }

  #omni-image {
    height: 353px;
  }

  #websites-tab {
    padding-left: 20px;
    padding-right: 20px;
  }

  #components-header,
	#email-components {
    padding-right: 20px;
  }
}

@media screen and (max-width: 1160px) {
  #main-top-navigation .image {
    padding-left: 20px;
  }
}

@media screen and (min-width: 1376px) {

  .components-left-nav .left-nav-header.opened:after,
	.components-left-nav .left-nav-header:after {
    left: 36px;
    top: 12px;
  }
}

@media screen and (max-width: 1800px) {
  #main-top-navigation {
    max-width: 1176px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 1000px) and (max-width:1024px) {
  .user .cmp-user-az__base .cmp-user__flyout--signedin {
    margin-left: -158px !important;
    min-width: 316px !important;
  }

  #accessible-page .technical-items {
    margin-right: 19px !important;
  }

  #modal-page #anatomy .class-flex div:first-child,
	#teaser-page #anatomy .class-flex div:first-child,
	#breadcrumb-page #anatomy .class-flex div:first-child,
	#seperator-page #anatomy .class-flex div:first-child,
	#image-list-page #anatomy .class-flex div:first-child {
    width: 75%;
  }

  body {
    overflow-x: hidden;
    max-width: 100%;
  }

  .home-cards .card {
    height: 278px !important;
    width: 224px;
  }

  #accessible-page #helpful .width-container {
    padding-left: 0px;
    padding-right: 131px;
  }

  #accessible-page #left-navigation-container>.container:nth-child(2),
	#omnichannel-page #left-navigation-container>.container:nth-child(2),
	#color-page #left-navigation-container>.container:nth-child(2) {
    width: 70%;
  }

  #accessible-page .technical-items .head {
    padding: 8px 31px 12px 10px;
  }

  #responsive-page .intro-sections .integration-item,
	#accessible-page .technical-items {
    width: 40% !important;
  }

  #responsive-page #left-navigation-container>.container:nth-child(2) {
    width: 74%;
  }
}

@media screen and (min-width:768px) and (max-width:1023px) {
  #whats-new-page #frame-id {
    height: 585px;
  }

  input {
    padding: 16px 10px;
    margin-left: 2px;
  }

  #rep-finder-page #rep-finder-component {
    padding-bottom: 170px !important;
  }

  #side-nav-button {
    margin-top: 60px !important;
  }

  #glossary-page td p {
    font-size: 13px !important;
    font-weight: 600;
  }

  #design-page #side-nav-button {
    margin-top: -52px !important;
  }

  #design-page .main-banner h2 {
    padding-top: 28px;
  }

  #design-page #main-top-navigation {
    height: 71px;
  }

  .cmp-searchMedicalConnect__form-control {
    width: 99% !important;
    margin-left: 2px !important;
    height: 55px !important;
  }

  #container-page #options div:nth-child(4) .width-container {
    margin-left: 0px !important;
    width: 700px !important;
  }

  #content-fragment-list-page .cmp-experiencefragment--footer {
    margin-top: 64px;
  }

  #page-navigation-page .cmp-inpagenav--sticky {
    height: 203px;
  }

  #content-fragment-page .contentfragment #container-efae7e0da7,
	#container-083c999f84,
	#accordion-page .cmp-accordion,
	#page-f156915006 .cmp-dynamiccontent,
	#embed-page #options .cmp-embed,
	#seperator-page .cmp-separator,
	#experience-page .cmp-experiencefragment.cmp-experiencefragment--find-technical-advisor,
	#carousal-page .cmp-carousel,
	#container-page #container-1,
	#container-page #container-a,
	#container-page #container-b,
	#container-page #container-c,
	#container-page #container-d,
	#container-page .cmp-container__backgroundImage--enabled,
	#container-page #text-033638eba8 .width-container,
	#container-page #options .cmp-container__htmlvideo--enabled,
	#container-page #layout-container,
	#footer-page #footer-example-container .cmp-experiencefragment--footer,
	#form-container-page .cmp-formcontainer,
	#article-list-page .cmp-articlelist,
	#resourcelist-filter-page .cmp-resourcelistfilter,
	#resourcelist-filter-page #text-34293f7295,
	#teaser-list-page .cmp-teaserlist__base,
	#form-option-page #options .cmp-form-options,
	#form-text-page .cmp-form-text,
	#form-button-page #options .button,
	#form-button-page #options .options,
	#form-button-page #options .cmp-form-text,
	#page-2ef0d5b425 .contactMyRep,
	#rep-finder-page #rep-finder-component,
	#page-446422c11b .cmp-searchMedicalConnect,
	#teaser-page #teaser-dca95bfa06,
	#expanding-page .expandingimage.image,
	#image-list-page .cmp-imagelist,
	#video-page .cmp-video,
	#video-gallaery-page .cmp-videogallery,
	#utube-page .cmp-youtubevideo,
	#list-page .cmp-list-dropdown--horizontal,
	#list-page .cmp-list-dropdown--vertical,
	#navigation-sub-page .cmp-navigation,
	#page-c650e4c1f5 #options .cmp-languagenavigation,
	#info-page .info,
	#finder-page .cmp-finder,
	#social-page #options .cmp-imagelist,
	#tab-page #options #tabs-290ce4a458,
	#page-f156915006 .cmp-dynamiccontent,
	#site-map-page #options .cmp-sitemap,
	#embed-page #options .cmp-embed,
	#container-page #options #container-a,
	#teaser-page #teaser-3b5b08d833,
	#teaser-page #teaser-2c83baf0f9,
	#teaser-page #teaser-e5c73be2d8,
	#teaser-page .cmp-teaser,
	#static-page #options div:nth-child(3) .cmp-staticcontentlist,
	#static-page #options div:nth-child(5) .cmp-staticcontentlist,
	#tab-page #options #tabs-4884a216b1,
	#tab-page #options #tabs-0882c06a6b,
	#tab-page #options #tabs-e74ade0349,
	#iframe-page .cmp-iframec,
	#text-page #options #text-1,
	#text-page #options #text-2,
	#text-page #options #text-3,
	#text-page #options #text-4,
	#static-page #options div:nth-child(7) .cmp-staticcontentlist,
	#iframe-page .cmp-iframe,
	#breadcrumb-page .cmp-breadcrumb,
	#page-8e745a5ba5 #options .cmp-searchbox {
    width: 700px !important;
    margin-left: 22px;
  }

  .right-nav-container {
    display: none;
  }

  #components-ui #website {
    margin-top: 30px;
  }

  #how-to-use p.sub-header {
    max-width: 588px;
  }

  .spacing-table td {
    padding: 2px 3px 3px 8px !important;
  }

  #omnichannel-page #helpful {
    margin-top: -18px;
  }

  .technical-items p {
    width: 100px;
  }

  #accessible-page .technical-items p {
    width: auto;
  }

  .integration-content {
    padding-top: 0px;
    margin-left: 10px;
  }

  #email-page .Esinophilic-section>div {
    height: 718px;
  }

  #email-page .DSA-section>div {
    height: 720px;
  }

  #websites-tab-item-38f080a28a-tab {
    padding-left: 34px;
  }

  #main-top-navigation .navigation-overlay.show {
    height: 96vh !important;
    margin-top: 52px;
  }

  #websites-page .Esinophilic-section>div {
    height: 631px;
  }

  #websites-page .DSA-section>div {
    height: 726px;
  }

  #websites-tab-item-6fe2bd293d-tab {
    margin-left: 38px;
  }

  .digital-channel-cards img {
    width: -webkit-fill-available;
  }
}

@media screen and (min-width: 1024px)and (max-width: 1040px) {
  #whats-new-page #frame-id {
    height: 685px;
  }

  input, select {
    padding: 16px 10px;
    margin-left: 6px;
  }

  #page-27436e18cd #integration-channels {
    padding: 0 20px;
  }

  #teaser-list-page .cmp-teaserlist__item {
    padding: 25px 12px 44px !important;
  }

  #glossary-page td p {
    font-weight: 600;
  }

  #rep-finder-component,
	#page-8e745a5ba5 #options .cmp-searchbox {
    margin-left: 19px;
  }

  .cmp-repFinder .form-control-container .form-control {
    width: 89% !important;
  }

  .princi-sections .content {
    width: 285px !important;
  }

  #footer-example-container .footer-example {
    display: none;
  }

  #teaser-list-page .cmp-teaserlist__base {
    gap: 15px;
  }

  .components-left-nav .left-nav-header.opened:after,
	.components-left-nav .left-nav-header:after {
    left: 160px;
  }

  .cmp-teaserlist__base {
    gap: 15px !important;
    padding-left: 23px !important;
    padding-right: 23px;
  }

  .components-left-nav .integrations p:after {
    left: 54px;
  }

  .components-left-nav .integrations p.opened:after {
    left: 52px;
  }

  #iconography-page .princi-sections .content {
    width: 625px !important;
  }

  #foundation-page #left-navigation-container>.container:nth-child(2) {
    width: 70%;
  }

  .modular-head {
    margin-top: 0;
  }

  .modular-container {
    padding-top: 10px;
  }

  .left-para-2 h4 {
    padding-top: 0 !important;
  }

  .modular-space {
    margin-bottom: 46px !important;
  }

  #accessible-page .accesible-space {
    padding-bottom: 30px !important;
  }

  #modular-page .technical-items {
    width: 49%;
  }

  #omnichannel-page .technical-items {
    margin-right: 12px !important;
    width: 35%;
  }

  #left-navigation-container .sub-navigation .left-link-item a {
    padding-left: 0;
  }

  .left-site-navigation p,
	.components-left-nav.left-site-navigation p {
    padding: 10px;
  }

  #example-page .ui-component-header,
	.integration-header {
    padding-left: 90px !important;
  }

  #search-button .fa-search:before {
    margin-right: 11px;
    margin-left: 10px;
  }

  #intro-page h3 {
    margin-top: 58px;
  }

  #principle-page .princi-sections .content {
    width: 300px !important;
  }
}

#typography .design-kit {
  margin-bottom: -113px;
}

.teaserlist *[aria-hidden="true"] {
  visibility: visible;
}

#int-cmp .teaserlist,
#int-orc .teaserlist,
#int-mas .teaserlist {
  --col-count: 2;
}

#int-cmp>.text .cmp-text h2,
#int-orc>.text .cmp-text h2,
#int-mas>.text .cmp-text h2 {
  margin-bottom: 14px;
}

#int-cmp,
#int-orc {
  border-bottom: 1px solid #dfdfdf;
  padding-bottom: 65px;
}

#int-orc .cmp-teaserlist__base {
  margin-bottom: 0px;
}

#page-27436e18cd #find-my-technical-advisor {
  padding-top: 5px;
}

.template-p {
  padding-top: 10px;
  padding-bottom: 25px;
}

#container-d3aef1f05c #websites-tab-item-752ffdee4c-tab:before,
#container-d3aef1f05c #websites-tab-item-644d7ae2f6-tab:before,
#container-d3aef1f05c #websites-tab-item-18d8269bfa-tab:before,
#container-d3aef1f05c #websites-tab-item-d009685baf-tab:before,
#container-d3aef1f05c #websites-tab-item-38f080a28a-tab:before,
#container-0623c4fd8c #websites-tab-item-abb000e80d-tab:before,
#container-0623c4fd8c #websites-tab-item-12a77e49d7-tab:before,
#container-0623c4fd8c #websites-tab-item-ef685f8898-tab:before {
  height: 50px !important;
}

#designs-design-kit .container.responsivegrid:nth-child(2) {
  background: #f8f8f8;
  padding-bottom: 50px;
}

#channel-sec {
  margin-bottom: 50px;
}

@media screen and (min-device-width:390px) and (max-device-width:392px) {
  .cmp-user-az__base .fa-user:before {
    margin-top: 13px;
  }

  #nav-container {
    width: 97%;
  }
}

/*@media screen and (min-width: 1366px) and (max-width:1376px) {*/

   
/*  .components-left-nav .left-nav-header:after {*/
/*    left: 38px;*/
/*    top: 6px;*/
/*  }*/

/*  .components-left-nav .left-nav-header.opened:after {*/
/*    left: 38px;*/
/*    top: 14px;*/
/*  }*/
/*}*/
/*css file ends*/