@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&family=Ubuntu&display=swap');

.api-card {
box-sizing: border-box !important;
height: 16rem !important;
width: 100% !important;
border-radius: 8px !important;
background-color: #FFF !important;
border: 1px solid #E0F0F0 !important;
box-shadow: 0 6px 26px 4px rgba(0,0,0,0.05) !important;
}

.support-card {
box-sizing: border-box !important;
height: 15rem !important;
width: 100% !important;
border-radius: 8px !important;
background-color: #FFF !important;
border: 1px solid #E0F0F0 !important;
box-shadow: 0 6px 26px 4px rgba(0,0,0,0.05) !important;
}

.our-team-is-comprise {
color: #525252 !important;
font-size: 16px !important;
font-family: 'Open Sans', sans-serif !important;
line-height: 28px !important;
margin-top: 2% !important;
}

.built-by-developers {
color: #525252 !important;
font-size: 22px !important;
font-family: 'Open Sans', sans-serif !important;
line-height: 32px !important;
margin-top: 1% !important;
}

.unum-developer {
color: #015294 !important;
font-size: 43px !important;
font-family: 'Ubuntu', sans-serif !important;
letter-spacing: NaNpx !important;
line-height: 64px !important;
margin-top: 1% !important;
}

.button {
  display: flex !important;
  justify-content: center !important;
  align-content: center !important;
  flex-direction: column !important;
  height: 2rem !important;
  width: 10rem !important;
  border-radius: 10px !important;
  border-color: #037CB7 !important;
  background-color: #037CB7 !important;
  margin-top: 1% !important;
  margin-left: 65% !important;
}

@media only screen and (max-width: 768px) {
  .button {
    display: flex !important;
    justify-content: center !important;
    align-content: center !important;
    flex-direction: column !important;
    height: 2rem !important;
    width: 8rem !important;
    border-radius: 10px !important;
    border-color: #037CB7 !important;
    background-color: #037CB7 !important;
    margin-top: 1% !important;
    margin-left: 36% !important;
  }
}

@media only screen and (max-width: 320px) {
  .button {
    display: flex !important;
    justify-content: center !important;
    align-content: center !important;
    flex-direction: column !important;
    height: 2rem !important;
    width: 7rem !important;
    border-radius: 10px !important;
    border-color: #037CB7 !important;
    background-color: #037CB7 !important;
    margin-top: 1% !important;
    margin-left: 35% !important;
  }
}

.button-text {
color: #FFF !important;
font-family: 'Open Sans', sans-serif !important;
font-size: 14px !important;
font-weight: bold !important;
letter-spacing: NaNpx !important;
line-height: 24px !important;
text-align: center !important;
}

.catalog-svg {
height: 70% !important;
width: 36% !important;
margin-top: 2%!important;
margin-left: 3.25% !important;
float: left !important;
}

.api-catalog {
color: #015294 !important;
font-size: 26px !important;
font-family: 'Ubuntu', sans-serif !important;
line-height: 42px !important;
margin-left: 42% !important;
margin-top: 5% !important;
position: relative !important;
}

.api-rectangle {
height: 0.65vh !important;
width: 10% !important;
border-radius: 2px !important;
background-color: #015294 !important;
margin-left: 42.25% !important;
margin-top: 0.25% !important;
position: relative !important;
}

.filter-search {
color: #525252 !important;
font-size: 16px !important;
font-family: 'Open Sans', sans-serif !important;
line-height: 28px !important;
margin-left: 42% !important;
margin-top: 0.75% !important;
position: relative !important;
width: 38% !important;
}

.support {
color: #015294 !important;
font-size: 26px !important;
font-family: 'Ubuntu', sans-serif !important;
line-height: 42px !important;
margin-left: 23% !important;
margin-top: 4% !important;
position: relative !important;
}

.support-rectangle {
height: 0.65vh !important;
width: 10% !important;
border-radius: 2px !important;
background-color: #015294 !important;
margin-left: 23.25% !important;
margin-top: 0.25% !important;
position: relative !important;
}

.you-can-quickly {
color: #525252 !important;
font-size: 16px !important;
font-family: 'Open Sans', sans-serif !important;
line-height: 28px !important;
margin-left: 23% !important;
margin-top: 0.75% !important;
position: relative !important;
width: 50% !important;
}

.problem-div {
  margin-left: 66% !important;
  margin-top: 0.75% !important;
}

@media only screen and (max-width: 320px) {
  .problem-div {
    margin-top: 0rem !important;
    margin-left: 5rem !important;
  }
}

@media only screen and (max-width: 375px) and (min-width: 321px) {
  .problem-div {
    margin-top: inherit !important;
    margin-left: 6rem !important;
  }
}

@media only screen and (max-width: 425px) and (min-width: 376px){
  .problem-div {
    margin-top: inherit !important;
    margin-left: 7rem !important;
  }
}

.start-problem-solvin {
color: #0187BF !important;
font-family: 'Open Sans', sans-serif !important;
font-size: 14px !important;
letter-spacing: NaNpx !important;
line-height: 24px !important;
text-align: right !important;
position: relative !important;
}

.arrow-svg{
  margin-bottom: 0.25% !important;
}

.support-svg {
height: 38% !important;
width: 14% !important;
margin-top: 4.75% !important;
margin-left: 6% !important;
float: left !important;
}

.footer-rectangle {
height: 324px !important;
width: 1447px !important;
background-color: #015294 !important;
}

svg.search-box-icon path{
fill: #037CB7 !important;
}

.for-developers {
height: 20px !important;
width: 121px !important;
color: #757575 !important;
font-family: 'Open Sans', sans-serif !important;
font-size: 12px !important;
font-weight: bold !important;
letter-spacing: -0.37px !important;
line-height: 20px !important;
}

.footer-bar {
height: 75px !important;
}

.footer-rectangle {
height: 100% !important;
width: 100% !important;
background-color: #015294 !important;
}

.bird-svg {
  position: absolute !important;
    left: 82% !important;
    height: 44.84px !important;
    width: 66px !important;
    bottom: 6.5% !important;
}

@media only screen and (max-width: 480px) {
  .bird-svg {
    opacity: 0 !important;
  }
}

p.comm-user-profile-menu__trigger-p.slds-text-align_right.slds-truncate.slds-m-vertical_xx-small {
    margin-bottom: 7% !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 14px !important;
}

button.slds-button.slds-button_neutral.comm-user-profile-menu__login-button {
    margin-bottom: 13% !important;
}

.comm-page-home .src-components-acmSearch-acmSearch__container--2cUA9.search-box-container {
max-width: none !important;
}

.comm-page-home .search-box{
	width: 100% !important;
}

.comm-page-home .search-box-input-container{
	max-width: none !important;
}

.comm-page-home input.search-box-input{
	box-sizing: border-box !important;
	height: 62px !important;
	width: 100% !important;
	border: 1px solid #E0F0F0 !important;
	border-radius: 8px !important;
	background-color: #FFFFFF !important;
	box-shadow: 0 6px 26px 4px rgba(0,0,0,0.05) !important;
}

.comm-page-home .search-box-cross{
	display:none !important;
}

.comm-page-home .background-container{
background-image: url(/s/sfsites/c/resource/community_home_styling/home_page_styling/Background.svg);
height: 100%;
width: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-color: #FFF;
}

/* home page */
.comm-page-home{
  background-position-x: 90%;
  background-position-y: 19%;
  background-repeat:no-repeat;
  background-image:url('/s/sfsites/c/resource/community_home_styling/home_page_styling/Background.svg');
}

a#\30 {
  font-family: 'Open Sans', sans-serif !important;
  font-size: 14px !important;
}

a#\31 {
  font-family: 'Open Sans', sans-serif !important;
  font-size: 14px !important;
}

a#\32 {
  font-family: 'Open Sans', sans-serif !important;
  font-size: 14px !important;
}

@media only screen and (max-width: 767px) {
  .comm-page-home .mainNavItem .comm-navigation__top-level-item-link.js-top-level-menu-item.linkBtn.comm-navigation__top-level-item-link--active:after{
    width: 5% !important;
    margin: auto 3% !important;
  }
}

@media only screen and (max-width: 425px) {
  .comm-page-home .mainNavItem .comm-navigation__top-level-item-link.js-top-level-menu-item.linkBtn.comm-navigation__top-level-item-link--active:after{
    width: 9% !important;
    margin: auto 5% !important;
  }
}

@media only screen and (max-width: 375px) {
  .comm-page-home .mainNavItem .comm-navigation__top-level-item-link.js-top-level-menu-item.linkBtn.comm-navigation__top-level-item-link--active:after{
    width: 11% !important;
    margin: auto 5% !important;
  }
}

@media only screen and (max-width: 320px) {
  .comm-page-home .mainNavItem .comm-navigation__top-level-item-link.js-top-level-menu-item.linkBtn.comm-navigation__top-level-item-link--active:after{
    width: 13% !important;
    margin: auto 6% !important;
  }
}

@media only screen and (max-width: 767px) {
  .comm-page-managed-content-news .mainNavItem .comm-navigation__top-level-item-link.js-top-level-menu-item.linkBtn.comm-navigation__top-level-item-link--active:after{
    width: 8% !important;
    margin: auto 3% !important;
  }
}

@media only screen and (max-width: 425px) {
  .comm-page-managed-content-news .mainNavItem .comm-navigation__top-level-item-link.js-top-level-menu-item.linkBtn.comm-navigation__top-level-item-link--active:after{
    width: 15% !important;
    margin: auto 4% !important;
  }
}

@media only screen and (max-width: 375px) {
  .comm-page-managed-content-news .mainNavItem .comm-navigation__top-level-item-link.js-top-level-menu-item.linkBtn.comm-navigation__top-level-item-link--active:after{
    width: 17% !important;
    margin: auto 5% !important;
  }
}

@media only screen and (max-width: 320px) {
  .comm-page-managed-content-news .mainNavItem .comm-navigation__top-level-item-link.js-top-level-menu-item.linkBtn.comm-navigation__top-level-item-link--active:after{
    width: 20% !important;
    margin: auto 6% !important;
  }
}

@media only screen and (max-width: 767px) {
  .comm-page-custom-catalog .mainNavItem .comm-navigation__top-level-item-link.js-top-level-menu-item.linkBtn.comm-navigation__top-level-item-link--active:after{
    width: 8% !important;
    margin: auto 3% !important;
  }
}

@media only screen and (max-width: 425px) {
  .comm-page-custom-catalog .mainNavItem .comm-navigation__top-level-item-link.js-top-level-menu-item.linkBtn.comm-navigation__top-level-item-link--active:after{
    width: 15% !important;
    margin: auto 4% !important;
  }
}

@media only screen and (max-width: 375px) {
  .comm-page-custom-catalog .mainNavItem .comm-navigation__top-level-item-link.js-top-level-menu-item.linkBtn.comm-navigation__top-level-item-link--active:after{
    width: 17% !important;
    margin: auto 5% !important;
  }
}

@media only screen and (max-width: 320px) {
  .comm-page-custom-catalog .mainNavItem .comm-navigation__top-level-item-link.js-top-level-menu-item.linkBtn.comm-navigation__top-level-item-link--active:after{
    width: 20% !important;
    margin: auto 6% !important;
  }
}