.drawer-container {
  padding: 50px 15px;
  background: #ebebeb; }

.row.drawer-content {
  background: #ebebeb;
  margin: 20px 0; }

.arrow-1::before {
  content: '';
  position: relative;
  width: 0;
  height: 0;
  border: 30px solid transparent;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-bottom-style: solid;
  border-bottom-width: 30px;
  border-top-color: #ffffff;
  border-bottom: 0;
  margin-left: -30px;
  left: 16%;
  top: 30px; }

.arrow-2::before,
.arrow-mobile::before {
  content: '';
  position: relative;
  width: 0;
  height: 0;
  border: 30px solid transparent;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-bottom-style: solid;
  border-bottom-width: 30px;
  border-top-color: #ffffff;
  border-bottom: 0;
  margin-left: -30px;
  left: 50%;
  top: 30px; }

.arrow-3::before {
  content: '';
  position: relative;
  width: 0;
  height: 0;
  border: 30px solid transparent;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-bottom-style: solid;
  border-bottom-width: 30px;
  border-top-color: #ffffff;
  border-bottom: 0;
  margin-left: -30px;
  left: 86%;
  top: 30px; }

#desktop-icon-block-drawer {
  margin-top: 0; }
  @media screen and (max-width: 60rem) {
    #desktop-icon-block-drawer {
      display: none !important; } }

.icon-block-drawer.mobile {
  margin: 50px 0 0;
  position: relative; }
  @media screen and (min-width: 60rem) {
    .icon-block-drawer.mobile {
      display: none !important; } }
  .icon-block-drawer.mobile::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border: 30px solid transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-bottom-style: solid;
    border-bottom-width: 30px;
    border-top-color: #ffffff;
    border-bottom: 0;
    margin-left: -30px;
    left: 50%;
    top: -3px; }

@media screen and (min-width: 60rem) {
  .row.icon-blocks-collection__row {
    display: flex;
    display: -webkit-flex; } }

@media screen and (min-width: 60rem) {
  .icon-block__container {
    height: 100%;
    padding-bottom: 60px; } }

@media screen and (max-width: 60rem) {
  .icon-block__container {
    margin: 25px 0; } }

@media screen and (min-width: 60rem) {
  .icon-block__readmore {
    position: absolute;
    bottom: 0; } }

.icon-blocks-collection__container {
  padding: 90px 0; }

[dir="rtl"] .node--type-landing-page .col-4-md.icon-block:nth-of-type(1) {
  border-right: solid 4px #ebebeb; }

[dir="rtl"] .node--type-landing-page .col-4-md.icon-block:nth-of-type(3) {
  border-right: none; }

[dir="rtl"] .arrow-1::before {
  right: 16%;
  left: auto; }

[dir="rtl"] .arrow-2::before,
[dir="rtl"] .arrow-mobile::before {
  right: 50%;
  left: auto; }

[dir="rtl"] .arrow-3::before {
  right: 86%;
  left: auto; }
